Cara Memasang Related Post/Artikel Terkait Dengan Scroll

---

Selain untuk memudahkan pengunjung blog untuk mencari artikel di blog sobat, widget artikel terkait ini juga bisa memperkuat SEO kalau menurut saya sob. Kalau sobat udah penasarang pengen bikin widget ini, ayo langsung saja ke-TKP!! Atau bisa juga coba yang ini!!!

caranya seperti ini :

1. Masuk ke Dashboard , pilih Rancangan , pilih Edit HTML

2. Silahkan untuk mendownload Full Template sebagai backup

3. Centang Expand Widget Templates

4. Cari kode : <data:post.body/>
5. Copy kode dibawah ini dan paste dibawah kode nomor 4 diatas

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<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>

6.Cari kode ]]></b:skin>
7.copy kode dibawah ini diatas kode poin no.6

. rbbox {border: 1px solid #D8D8D8; padding: 5px;
background-color: #E0F8E0;-moz-border-radius: 5px; margin: 5px;}
. rbbox: hover {background-color: #EFFBEF;} 

Tulisan Related Post pada point 5. (warna merah) bisa diganti apa saja misalnya baca juga, artikel terkait dsb.

8. Save

jangan asal copas kalau web anda tidak mau diBLOKIR,baca aturannya disini!!!

Anda sedang membaca artikel tentang Cara Memasang Related Post/Artikel Terkait Dengan Scroll dan anda bisa menemukan artikel Cara Memasang Related Post/Artikel Terkait Dengan Scroll ini dengan url http://wawasanfadhitya.blogspot.com/2012/02/cara-memasang-related-post-dengan.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Memasang Related Post/Artikel Terkait Dengan Scroll ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Cara Memasang Related Post/Artikel Terkait Dengan Scroll sebagai sumbernya.

Share on :

Bagikan

share

Oleh Fandi Adhitya | | 6 comments