Membuat Artikel yg Berhubungan / Related Post

Fungsi dari artikel berhubungan atau related post adalah membari rujukan kepada pengunjung untuk membuka artikel yang lain di blog kita. Related post akan memunculkan judul postingan dengan label yang sama. Contoh apabila label postingan adalah "Animasi" maka judul postingan yang akan muncul adalah postingan - postingan kita yang mempunyai label "Animasi". Related post akan memunculkan judul artikel lain dengan label yang sama di bawah artikel utama.

Cara membuatnya sebagai berikut :

1. Login --->>> Tata Letak --->>> Edit HTML.

2. Centang "Expand widgets template".

3. Letakkan script dibawah ini di bawah kode <data:post.body/> ( apabila anda telah membuat read more, biasanya kode ini ada dua. Taruh kode di bawah kode yang pertama ).

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

4. Simpan.

Ket :
Setelah jadi, jika kamu ingin merubah tulisan "Related Posts by Categories" maka cari kode tersebut di HTML, trus ganti dengan text/tulisan yg kamu suka.

Share this history on :

Tweet

Tips-Trik Blogger

• Cara Membuat Related Post Dua Kolom
• Cara Modifikasi Kotak Komentar Blogger
• Membuat Related Post dengan Efek Ceklis
• Membuat Breadcrumb Terindex Google
• Cara Membuat Menu Navigasi Kwicks Dengan jQuery
• Load Page Blog Lebih Keren Dengan Keyframes
• Cara Memasang Script Iklan Melayang (Ads popout)
• Menu Rocking Rolling Rounded Dengan jQuery
• Trik Mempercepat Loading Home Page Blog
• Cara Membuat Title Otomatis Pada Semua Posting
• Cara Membuat Efek Rotate Miring Dengan CSS3
• Pengertian SEO On Page Dan Off Page
• Cara Membuat Valid XHTML Blogger
• Script Untuk Menghindari Para Tukang Copas
• Cara Meningkatkan Traffic Blog Dengan (Manual)
• Cara Mudah Meningkatkan Traffic Blog dengan AutoSurf
• Cara Vertifikasi Ulang Blog Ke Google Webmaster Tools
• Cara Remove Broken Link Dengan Webmaster Tools
• Cara Membuat Kota Komentar Admin Berbeda
• Menghilangkan Tulisan "Langgan: Entri (Atom)"
• Black Devil Red Horns Emoticon
• Cara Pasang Iklan di Bawah Posting
• Ablewise | Tool Buat Memprediksi PageRank
• Google Index Pages Checker
• Blogger Support Upload Favicon Sendiri

Title : Membuat Artikel yg Berhubungan / Related Post
URL : http://blogcunayz.blogspot.com/2011/06/membuat-artikel-yg-berhubungan-related.html
Anda boleh menyebar Luaskan atau Meng Copy-Paste Artikel ini bila dapat bermanfaat bagi teman-teman anda, Namun jangan lupa untuk meletakkan Link Membuat Artikel yg Berhubungan / Related Post sebagai Sumbernya.