Cara mudah membuat artikel berhubungan

8/1/120 komentar



Membuat artikel berhubungan (related posts) dibawah ini sangat mudah, anda tinggal salin dan tempel kode dibawah kedalam sumber HTML blog anda maka artikel berhubungan pada setiap posting blog anda akan muncul, artikel berhubungan mengambil judul artikel yang berhubungan atau memanggil artikel tersebut berdasarkan kategori-kategori yang dimasukkan dalam posting itu sendiri jadi artikel berhubungan yang tampil masih ada sangkut pautnya dengan artikel yang sedang dibaca. nah untuk menampilkan kedalam blog anda bisa menggunakan kode dibawah ini atau kamu lebih suka dengan artikel berhubungan dengan gambar bisa masukKesini :

1. Login ke blogger
2. Klik Rancangan
3. Edit HTML
4. Beri tanda check pada 
5. Cari kode <data:post.body/> 
6. Dan letakkan kode berikut tepat dibawah kode tersebut "langkah 5"! (jika anda sudah menggunakan fitur readmore ada 2 kode <data:post.body/> jadi letakkan setelah kode yang kedua)
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
Artikel lain yang mungkin ingin anda baca!
<div class='similiar'>
<div class='widget-content'>
<div id='data2007'/><br/><br/>
<ol>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 2;
var maxNumberOfLabels = 11;
maxNumberOfPostsPerLabel = 11;
maxNumberOfLabels = 1;


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>
</ol>
</div>
</div> 

</b:if>
    7. Simpan template anda dan lihat hasilnya

    Keterangan :
    - Rubahlah teks berwarna hijau dengan sesukamu
    - Rubahlah angka seperti dibawah ini dengan angka sesukamu, ini yang akan menentukan berapa banyak artiikel berhubungan yang akan ditampilkan
    var maxNumberOfLabels = 11
    maxNumberOfPostsPerLabel = 11


    Selamat mencoba!!!
    Share this article :

    Publicar un comentario

    UCAPAN SELAMAT

    Test Footer 1

    k

     
    Support : Creating Website | Johny Template | Mas Template
    Copyright © 2011. KUMPULAN MAKALAH ALHASYI - All Rights Reserved
    Template Created by Creating Website Published by Mas Template
    Proudly powered by Blogger