Membuat Artikel Terkait di Blog ~ Dunia Berita

Membuat Artikel Terkait di Blog

Posted on Jul 21, 2010 and filed under All about BLog . You can follow any responses to this entry through theRSS 2.0 . You can leave a response or trackback to this entry from your site

Dalam Sebuah Postingan, untuk menarik minat baca pengunjung sangat disarankan untuk memasang widget artikel terkail, tujuannya agar pembaca bisa membaca artikel yang sejenis dengan yang sedang dia baca. memang sih untuk membuat artikel terkait kita mengacak-acak scrift HTML nya, tapi jangan kawatir, banyak yang berhasil koq.

Berikut Langkah-langkahnya :

Login ke Blogger.
Klik Tata Letak.
Klik tab Edit HTML.
Kemudian klik Expand Template Widgets .
Cari kode yang seperti ini : <p><data:post.body/></p>
atau jika bingung tekan Ctrl + F kemudian ketikkan kode berikut : <data:post.body/>
Jika sobat sudah menggunakan read more pada template sobat,
maka akan terdapat 2 kode <data:post.body/>
Kemudian letakkan script berikut ini setelah kode <data:post.body/> yang pertama.

<div class='similiar'> </ul><ul><br></ul><ul><div class='widget-content'> </ul><ul><h3>Artikel Terkait</h3> </ul><ul><div id='data2007'/><br/><br/> </ul><ul><script type='text/javascript'> </ul><ul><br></ul><ul>var homeUrl3 = "<data:blog.homepageUrl/>"; </ul><ul>var maxNumberOfPostsPerLabel = 4; </ul><ul>var maxNumberOfLabels = 7; </ul><ul><br></ul><ul>maxNumberOfPostsPerLabel = 7; </ul><ul>maxNumberOfLabels = 3; </ul><ul><br></ul><ul><br></ul><ul>function listEntries10(json) { </ul><ul>var ul = document.createElement('ul'); </ul><ul>var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ? </ul><ul>json.feed.entry.length : maxNumberOfPostsPerLabel; </ul><ul>for (var i = 0; i < maxPosts; i++) { </ul><ul>var entry = json.feed.entry[i]; </ul><ul>var alturl; </ul><ul><br></ul><ul>for (var k = 0; k < entry.link.length; k++) { </ul><ul>if (entry.link[k].rel == 'alternate') { </ul><ul>alturl = entry.link[k].href; </ul><ul>break; </ul><ul>} </ul><ul>} </ul><ul>var li = document.createElement('li'); </ul><ul>var a = document.createElement('a'); </ul><ul>a.href = alturl; </ul><ul><br></ul><ul>if(a.href!=location.href) { </ul><ul>var txt = document.createTextNode(entry.title.$t); </ul><ul>a.appendChild(txt); </ul><ul>li.appendChild(a); </ul><ul>ul.appendChild(li); </ul><ul>} </ul><ul>} </ul><ul>for (var l = 0; l < json.feed.link.length; l++) { </ul><ul>if (json.feed.link[l].rel == 'alternate') { </ul><ul>var raw = json.feed.link[l].href; </ul><ul>var label = raw.substr(homeUrl3.length+13); </ul><ul>var k; </ul><ul>for (k=0; k<20; k++) label = label.replace("%20", " "); </ul><ul>var txt = document.createTextNode(label); </ul><ul>var h = document.createElement('b'); </ul><ul>h.appendChild(txt); </ul><ul>var div1 = document.createElement('div'); </ul><ul>div1.appendChild(h); </ul><ul>div1.appendChild(ul); </ul><ul>document.getElementById('data2007').appendChild(div1); </ul><ul>} </ul><ul>} </ul><ul>} </ul><ul>function search10(query, label) { </ul><ul><br></ul><ul>var script = document.createElement('script'); </ul><ul>script.setAttribute('src', query + 'feeds/posts/default/-/' </ul><ul>+ label + </ul><ul>'?alt=json-in-script&callback=listEntries10'); </ul><ul>script.setAttribute('type', 'text/javascript'); </ul><ul>document.documentElement.firstChild.appendChild(script); </ul><ul>} </ul><ul><br></ul><ul>var labelArray = new Array(); </ul><ul>var numLabel = 0; </ul><ul><br></ul><ul><b:loop values='data:posts' var='post'> </ul><ul><b:loop values='data:post.labels' var='label'> </ul><ul>textLabel = "<data:label.name/>"; </ul><ul><br></ul><ul>var test = 0; </ul><ul>for (var i = 0; i < labelArray.length; i++) </ul><ul>if (labelArray[i] == textLabel) test = 1; </ul><ul>if (test == 0) { </ul><ul>labelArray.push(textLabel); </ul><ul>var maxLabels = (labelArray.length <= maxNumberOfLabels) ? </ul><ul>labelArray.length : maxNumberOfLabels; </ul><ul>if (numLabel < maxLabels) { </ul><ul>search10(homeUrl3, textLabel); </ul><ul>numLabel++; </ul><ul>} </ul><ul>} </ul><ul></b:loop> </ul><ul></b:loop> </ul><ul></script> </ul><ul></div> </ul><ul><br></ul><ul></div> </ul><ul></b:if>