Cara Membuat Artikel Terkait Dibawah Postingan Dengan Scroll

Assalamu'alaikum...
Salam sejahtera saya sampaikan kepada semuanya, kali ini Gudang Makalahmu akan berbagi Tutorial Blog. Lho kok di Gudang Makalah ada Tutorial blog..??? :)
he..he
Saya sebagai admin blog ini, menginginkan agar blog ini tidak hanya berbagi makalah saja, tapi bisa juga yang lainnya. Oke deh langsung saja pada pembahasan kita kali ini yaitu tentang Cara Membuat Artikel Terkait Dibawah Postingan Dengan Scroll (lihat blog ini).


Cara-caranya adalah...

1. Login ke Blog sobat
2. Klik Template >> Edit HTML
3. Jangan Lupa Centang  "Expand Widget Template".
4.  Klik: "Download Template Lengkap", untuk menghindari kesalahan pengeditan.
5.  Tekan CTRL + F pada keyword sobat untuk mempermudah pencarian kode html.
6. Cari kode <data:post.body/> Jika terdapat 2 kode <data:post.body/> pilih yang kedua. 
7. Copy kode di bawah ini tepat di bawah kode  <data:post.body/>
8. ini kodenya..

<b:if cond='data:blog.pageType == &quot;item&quot;'> <H2>Artikel Terkait:</H2> <div class='rbbox'> <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'> <div id='albri'/> <script type='text/javascript'> var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 9999; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement(&#39;ul&#39;); var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i &lt; maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k &lt; entry.link.length; k++) { if (entry.link[k].rel == &#39;alternate&#39;) { alturl = entry.link[k].href; break; } } var li = document.createElement(&#39;li&#39;); var a = document.createElement(&#39;a&#39;); a.href = alturl; if(a.href!=location.href) { var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } } for (var l = 0; l &lt; json.feed.link.length; l++) { if (json.feed.link[l].rel == &#39;alternate&#39;) { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;); var txt = document.createTextNode(label); var h = document.createElement(&#39;b&#39;); h.appendChild(txt); var div1 = document.createElement(&#39;div&#39;); div1.appendChild(h); div1.appendChild(ul); document.getElementById(&#39;albri&#39;).appendChild(div1); } } } function search10(query, label) { var script = document.createElement(&#39;script&#39;); script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39; + label + &#39;?alt=json-in-script&amp;callback=listEntries10&#39;); script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; <b:loop values='data:posts' var='post'> <b:loop values='data:post.labels' var='label'> textLabel = &quot;<data:label.name/>&quot;; var test = 0; for (var i = 0; i &lt; labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel &lt; maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script> </div> <script type="text/javascript">RelPost();</script> </div> </b:if>  

Ganti tulisan Artikel Terkait dengan keinginnan sobat ya.. :)
Setelah itu Simpan Template Anda dan lihat hasilnya
Sebagai Preview nya, lihat aja di blog ini ya.. :)
 Terima Kasih Sudah Berkunjung ke Blog Gudang Makalahmu - Kumpulan Tugas Makalah, Semoga Bermanfaat dan terus berkunjung ya..