Cara Membuat Artikel Terkait

Artikel terkait sangat bermanfaat untuk menambah page view blog sobat dan biasanya berada dalam 1 kelompok postingan yang di kategorikan, dan umumnya diletakkan di bagian bawah postingan.

Berikut tutorial singkatnya :

  1. Login ke Blogger.
  2. Klik Tata Letak.
  3. Klik tab Edit HTML.
  4. Kemudian klik Expand Template Widgets .
  5. Cari kode yang seperti ini :

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

    atau jika bingung tekan Ctrl + F kemudian ketikkan kode berikut :

    <data:post.body/>
  6. Jika sobat sudah menggunakan read more pada template sobat, maka akan terdapat 2 kode <data:post.body/>.
  7. Kemudian letakkan script berikut ini setelah kode <data:post.body/> yang pertama.

<b:if cond='data:blog.pageType == "item"'>        
<div class='similiar'>         
        
<div class='widget-content'>         
<h3>Artikel Terkait</h3>         
<div id='data2007'/><br/><br/>         
<script type='text/javascript'>         
        
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;         
var maxNumberOfPostsPerLabel = 4;         
var maxNumberOfLabels = 7;         
        
maxNumberOfPostsPerLabel = 7;         
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>         


8. Kemudian save template.
 
By: www.modaltekun.com

Artikel Terkait:

2 comments:

luqmansyah said...

nice share deh sobat. tapi saya udah coba hasilnya sih oke, tapi terlalu panjang gan. kalau di kasih bingkai yang bisa di scroll ke bawah gimana caranya sobat? mohon pencerahannya. terimakasih

Achmad Ilham said...

thank you.. join ke blog saya ya om.. http://iamcoyy.blogspot.com

Post a Comment

© ModalTekun.com 2010