Home » » Cara Membuat Artikel Terkait Di Bawah postingan dengan Scroll

Cara Membuat Artikel Terkait Di Bawah postingan dengan Scroll

Written By Dimas Sevenfold on Kamis, 07 Februari 2013 | 18.11


Cara Memasang Artikel Terkait dibawah Postingan  -  Kali ini saya akan membahas Cara Memasang Artikel Terkait dibawah Postingan . Pada dasarnya, Artikel terkait atau Related post ini diletakkan di sidebar, namun pada postingan kali ini saya akan mencoba untuk menempatkan Artikel Terkait tepat dibawah postingan. Sebelum memulai membuat artikel terkait dibawah postingan, sebaiknya buatlah kategori sesuai dengan artikel, karena ini sangat memengaruhi ada tidaknya tampilan artikel terkait. 

Contoh Artikel Terkait dibawah Postingan :


Berikut Tutorialnya :

1. Silahkan login ke Blogger kamu.
2. pilih Rancangan >> Edit HTML >> Ceklis "Expand Template Widget"
3. Cari kode <data:post.body/> 
4. Lalu copy kode berikut tepat dibawah kode tadi

 <b:if cond='data:blog.pageType == &quot;item&quot;'> <strong>Artikel Terkait di Bawah posting</strong> <div class='rbbox'> <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'> <div id='ardi33'/> <script type='text/javascript'> var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; 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;ardi33&#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 warna Biru dengan nama Judul artikel terkait yang kamu inginkan

5. Simpan Template

Semoga Bermanfaat ...

Baca Juga Yang lainnya ?
Share this article :

0 komentar:

Poskan Komentar

di mohon komentar yang sopan ..

Translate

pasang iklan murah
pasang iklan murah
 
Support : Technologi's Blog | Lintas Berita Terkini | Informasi Lengkap Terakurat
Copyright © 2013. TECHNOLOGI's BLOG - All Rights Reserved
Template Modify by Dimas Resistor Published by Mas Template
Proudly powered by Blogger