Artikel Terkait Dibawah Postingan

Kali ini zona-klik ingin sharing cara membuat artikel terkait atau related post dibawah postingan. Artikel terkait ini sangat bermanfaat bagi sebuah blog. Selain untuk meningkatkan page views, related post ini juga membantu agar postingan kita yang belum terindeks bisa terindeks oleh search engine. Related post adalah daftar link posting yang berhubungan, dihubungkan oleh kategori atau label yang sama. Disini zona-klik akan membuat tutorial membuat related post berdasarkan label. Adapun tampilan related post ini dalah sebagai berikut :


Sekarang kita sudah mengetahui bagaimana bentuk related post atau artikel terkait pada postingan tersebut, untuk menampilkan related post diblog hanya memasukkan beberapa kode html saja. Agar tutorial ini bermanfaat silakan langsung praktekkan di blog sobat dan ikuti langkah mudah berikut :

1. Login ke acount blogger anda

2. Pada dasboard, pilih layout atau tata letak --> edit html

3. Centang pada bacaan Expand Widget Template

4. Cari kode berikut ini, agar lebih cepat gunakan ctrl+f

<p><data:post.body/></p>

5. Copy kode berikut ini, kemudian paste persis dibawah kode diatas

----------------------- mulai sini --------------------------

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>
<!-- *****************http://zona-klik.blogspot.com*****Aug,2009****************** -->
<!-- *****************Related Articles by Labels - Take Two****************** -->

<div class='widget-content'>
<b>Postingan Terkait Lainnya :</b>
<div id='data2007'/><br/><br/>
<div id='Randezvous'>
Widget by <u><a href='http://astaqauliyah.com/2007/11/14/cara-memasang-menu-related-post-by-label-postingan-terkait-dengan-labelkategori-di-blogger-beta-blogger-baru-xml/' target='_blank'>Astaqauliyah.Com</a></u>
</div>
<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>

------------------------- sampai sini ------------------------

6. Simpan perubahan.

Untuk melihat hasilnya coba buka salah satu halaman postingan anda, jika anda telah mengikuti langkah-langkah diatas dengan benar maka related post atau artikel terkait akan muncul di bawah postingan.



Postingan Terkait Lainnya :


Banner Float Ads

 

W3 Directory - the World Wide Web Directory My Zimbio Marketing / SEO ping.sg - the community meta blog for singapore bloggers Ping your blog, website, or RSS feed for Free
Prediksi Sepakbola Terbaru, Video Sepakbola, Liga Champions, Liga Inggris, Liga Italia, Liga Indonesia, Sea Games XXVI 2011, Euro 2012, Piala Dunia 2014, MotoGP
Tips SEO, Blogspot, WordPress, Facebook, Twitter, Bisnis Online, Google AdSense, Joomla, Drupal