Cara Membuat Artikel Terkait Dibawah Postingan

السلام عليكم و رحمة الله وبركاته

بِسْـــمِ اللهِ الرَّحْمَنِ الرَّحِيْــــــمِ 

Sebelum kita membahas tentang cara membuat artikel terkait atau dalam bahasa kerennya kalu gasalah sering disebut related post ,yang letaknya di bawah postingan yang ada di blog kita , alangkah lebih baik kita tahu dulu keguna'an nya ,Adapun keguna’annya jika kita memasang artikel terkait atau Related Post di setiap postingan  pada sebuah blog ialah untuk membantu atau memberikan suatu backlink pada postingan yang sudah lama agar pengunjung bisa mengunjungi  postingan walaupun sudah lama di publikasikan..

Nah setelah kita tau keguna'annya dari artekel terkait atau related post ,Ane yakin sobat bloger pasti membutuhkannya untuk di pasang di blog sobat..
untuk para  master bloging cara ini pasti sangatlah mudah , tetapi lain halnya dengan para pemula yang baru tahu blog alias masih belajar ngeblog mungkin cara Membuat Artikel Terkait Dibawah Postingan lumayan cukup sulit apa lagi jika masih awaw dalam code - code nya seperti ana yang masih newby..

Kayanya sobat udah pada ga sabar pingin nyicipin ....hehhehehe..okelah kalau begitu ane ga panjang lebar lagi, buat sobat yang mau bikin di blognya  .alangkah baiknya langsung aja simak langkah-langkah di bawah
Nyo Kita ke TKP :
1. Silakan login ke akun Blogger
2. Dalam menu drop down pilih Desaign /  Templet
3. Klik yang Edit HTML Tapi sebelumnya alangkah baiknya Backup dulu Template sobat (untuk Berjaga-jaga)
4. Cari Code <data:post.body/> jika Code lebih dari satu ,silakan pilih yang ke dua
5.Jika udah ketemu silakan copi paste Code di bawah tepat di bawah code <data:post.body/>
_____________________________________________________________________

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p style='font-style:bold;'>ARTIKEL TERKAIT:</p>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:150px;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 = 15;
maxNumberOfPostsPerLabel = 50;
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>

__________________________________________________________________
Cattan :
maxNumberOfPostsPerLabel = 50 Jumlah Posting yg ingin di tampilkan [ di ganti kalau mau]
maxNumberOfLabels = 3 Jumlah lebel terkait yg ingin di tampilkan [di ganti kalau mau]
__________________________________________________________________
6. Jika udah silakan cari Code ]]></b:skin>
7.lalu copy paste Code di bawah tepat DI Atas Code ]]></b:skin>

.rbbox{border: 1px solid #000000;padding: 5px;
background-color: #ff0000;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: #EFFBEF;}
.rbbox ul li {
display : block;
background : url(“https://googledrive.com/host/0B_CilEZcRURkTWEycEtDaGF4ckk/”) no-repeat 0px 0;
margin-left : -10px;
padding-top : 0;
padding-right : 0px;
padding-bottom : 1px;
padding-left : 20px;
margin-bottom : 5px;
line-height : 1em;
border-bottom:1px dotted #cccccc;}

________________________________________________________________
Cttn :
background-color: #ff0000 Background kotakan [ di ganti jika mau ]
icon di depan Link : https://googledrive.com/host/0B_CilEZcRURkTWEycEtDaGF4ckk/ [ di ganti jika mau ,dengan sarat size gmbr berukuran kecil ]
_________________________________________________________________

8. Untuk selanjutnya klik Save / Simpan dan lihat hasilnya

selamat mencoba semoga berhasil

cttn : Beda Bodi beda Rasa ,jadi jika ga jalan mungkin ga cocok sama Template nya ,tapi jangan takut semua pasti ada solusinya hehehehhe

link sumber :Cara Membuat Artikel Terkait Dibawah Postingan⌣»̶·̵̭̌✽Semoga manfa'at✽·̵̭̌«̶⌣     

⌣»̶·̵̭̌✽ امين... يَا رَ بَّ العَـــالَمِيْن✽·̵̭̌«̶⌣