Cara membuat Related post di bawah posting

Apakah Sobat pernah melihat blog yang ketika membuka sebuah artikel atau posting, dan sobat akan melihat di bawah artikel ada artikel terkait dengan artikel tersebut.dengan widget ini sehingga pembaca atau pengunjung blog akan tertarik untuk membaca artikel" sobat yang lain.
jadi ya pengunjung sobat akan lebih lama bertahan di blog sobat, apalagi sobat
mempunyai posting2 yang menggugah.
pasti deh pengunjung sobat ga' akan langsung kabur.hehe
untuk melakukannya ikuti langkah-langkah berikut:
1.Login ke blogger dengan id anda
2. Pilih menu layout
3.Pilih Edit HTML
4. dan jangan lupa centang "Expand Template Widget"
5.Coba cari <data:post.body/> kode berikut, dan tempatkan kode berikut di bawahnya.


<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<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;data2007&#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>

</div>
</b:if>

 
Terakhir, Save tempplate sobat..

NB :jika sobat  membaca kode <data:post.body/> memiliki dua, kemudian menempatkan kode di bawah kode yang pertama


…Semoga Bermanfaat… !.Semoga Sukses.! .send komentar ya.




Artikel terkait:

{ 5 komentar... read them below or add one }

living mengatakan...

makasih infonya mas

Anonim mengatakan...

wah, gan, kenapa ya ditempatku gak bekerja... :'(

abdul mengatakan...

nice post coba dulu bos , salam kenal

Unknown mengatakan...

Sukses aja masbro
Singgah ya di Blogger gua
href="http://arman-giring.blogspot.com

gusmanto mengatakan...

wah mantap sekali gan...terima kasih infonya sangat membantu deh jangan lupa ke blog saya juga ya

Posting Komentar

terima kasih telah berkunjung sobat.
Silahkan komentar,kritik dan sarannya
setidaknya tegur sapa.heheh