Choose Your Language

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Sabtu, 21 Mei 2011

Membuat Artikel/Post Terkait [Related Post]

Kalian mungkin pernah membaca kalimat "you might also like .........." pada blog orang lain. Atau biasanya tertulis seperti "artikel yang berhubungan" atau "artikel terkait" dan sebagainya. Yups, Hal itu berguna untuk memberi saran kepada pengunjung untuk membuka artikel lain di blog kita. Related Post akan memunculkan aritkel-artikel atau posting dengan label atau tag yang sama. Misalnya artikel yang mempunyai label "musik", maka judul artikel yang akan dimunculkan pada Related Post adalah artikel-artikel yang mempunya label "musik" juga. Related post biasanya terletak di bwah artikel utama. Tentu saja, setelah pengunjung membaca salah satu artikel kita, apa tidak lebih baik kita memberi saran untuk membaca artikel-artikel kita yang lain?



Ini salah satu trick juga untuk membuat pengunjung merasa betah membaca (sebenarnya sih gak juga. hehe. maksudnya lebih lama) di blog kita.

 Dan tentu saja, ini saatnya kita belajar bagaimana cara membuat "Related Post" yang kita bicarakan dari tadi.

Cara membuatnya:

1. Login > Tata Letak > Edit HTML. (selalu)

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.




Selamat Mencoba Ya!


Semoga Bermanfaat









sumber: http://forantum.blogspot.com/2009/07/membuat-artikel-yg-berhubungan-related.html

Tidak ada komentar:

Poskan Komentar

Pembaca yang baik selalu meninggalkan komentarnya :)
Dimohon untuk mencantumkan nama ya :D
Jangan pakai profile anonymous :)
(Gunakan profile: Name/URL pada pilihan di kotak komentar, URL bisa dikosongkan)
Terima Kasih udah mampir :D