Cara Membuat Related Post di Bawah Postingan Blogger

   Selamat Malam Blogger sejati, sekedar cerita saja ini tadi pagi saya stress melihat blog saya tidak dapat tampil optimal dan akhirnya saya langsung saja mengganti template saya dengan templatenya Mr.OOM yang saya dapat dari ZOOM Template, Setelah saya coba-coba eh ternyata template ini lebih mudah daripada template saya yang kemaren. Harapan saya mengganti template supaya BLOG Dapat Tampil Lebih Optimal. Langsung saja saya akan membagikan Tips pada sobat blogger semua, setelah tadi saya lakukan eksperimen dengan template ini dan ternyata berhasil oleh karena itu saya akan share pada sobat Blogger semua. Tips kali ini berjudul Cara Membuat Related Post di Bawah Postingan Blogger. Tips ini saya dapat dari kawan blogger sebelah.heehehe. Langsung saja kita mulai Cara Membuat Related Post di Bawah Postingan Blogger-nya.


  • Masuk dulu kerancangan atau Design
  • Edit HTML
  • Expand Template Widget Kemudian tekan CTRL + F 
  • Kemudian cari kode ini <data:post.body/></b:if> atau <data:post.body/>
  • Setelah anda temukan copy code berwarna Merah , tepat dibawah code <data:post.body/></b:if> atau <data:post.body/> 
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2>Related Post:</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>

  •  Setelah itu cari kode ]]></b:skin>
  • Kemudian Copy code Berwarna Merah , diatas code  ]]></b:skin>
.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: rgb(255, 255, 255);}
 

  • Kemudian Save Template
   Nah demikian artikel mengenai Cara Membuat Related Post di Bawah Postingan Blogger. Semoga bermanfaat bagi sobat blogger semuanya. Semoga sukses dalam bereksperimen. :)
Terimakasih anda telah membaca artikel Cara Membuat Related Post di Bawah Postingan Blogger Silahkan baca artikel Yepi Share Everything Tentang | Yang lainnya. Dan saya ucapkan juga terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar. Semoga Bermanfaat untuk anda.
Jangan Lupa Gabung Bersama Kami Dengan Like Facebook Di Bawah Ini :

1 komentar:

Akmil mengatakan...

pertamax, haha thank gan, ane udah coba di http://akmilibnuipa2.blogspot.com  and berhasil, kalo ada waktu main-main ke blog ane ya gan....

Posting Komentar

Jangan lupa tinggalkan komentar anda disini dan gunakan kata-kata yang bijak dalam berkomentar. Dilarang keras memasukkan segala bentuk link dalam komentar, karena itu dianggap SPAM