Membuat Related Post Blogger

Assalamualaikum sobat blogger semua.
Kembali lagi Qiqi akan berbagi ilmu blogger kepada sobat blogger semua, masih tentang related post. Ternyata related post pada blog itu banyak banget tampilannya, ada yang dengan gambar (thumbnail), ada yang dengan tabel scroll, ada juga yang biasa. Related post ini gunannya untuk menunjukkan beberapa artikel terkait dalam satu label dengan artikel yang sedang di baca. Bagi sobat blogger yang newbie, ini bisa di coba di aplikasikan do blognya, tapi hati-hati jangan sampai merusak tampilan dari blog sobat gara-gara memasang Related Post. Gak perlu banyak bicara lagi langsung saja ke step step pengaplikasiannya di bawah ini :

• Masuk akun blogger sobat
• Lalu klik Template --> edit HTML --> procced
• Centang expand widget, dan cari kode <data:post.body/>
•  Lalu copas kode di bawah ini tepat di bawah kode tadi.

<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>

• sobat bisa ganti tulisan Related Posts by Categories dengan tulisan yang sobat kehendaki
• jika sudah simpan template sobat 

Semoga tutorial ini bermanfaat bagi kita semua dan happy blogging buat sobat blogger semuanya.

Jangan lupa beri komentar, saran atau kritik yang membangun akan membantu kelangsungan dari blog ini agar bisa memberikan informasi bagi sobat blogger semua

Sumber : http://nobinoku.blogspot.com/, Sumber : http://trik-tips.blogspot.com

Artikel Terkait :

Posted in: Blogger