Friday, September 9, 2011

Cara Membuat Artikel Terkait (Related Post) Dibawah Posting

Cara membuat artikel terkait list dibawah posting - Untuk meningkatkan pageview, selain dari search engine, kita juga bisa meningkatkan dengan cara menebar link di blog kita. Salah satu widget yang otomatis untuk menebar link pada blog kita adalah widget artikel terkait ...

Widget ini sebenarnya widget yang sudah cukup lama, dan widget artikel terkait yang baru sudah dilengkapi dengan gambar (thumbnails). Dan kali ini, di posting ini saya ingin membahas tentang widget artikel terkait list (tanpa gambar) ... Yuk langsung sob ...
  • Dasbor > Rancangan / Layout
  • Ke Edit HTML
  • Centang " Expand Template Widget "
  • Copy kode dibawah ini


<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;}}}}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];}}
relatedTitles = tmp2;
relatedUrls = tmp;}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' +
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;}
i++;}
document.write('</ul>');}
//]]>
</script>

  • Paste kode diatas tepat sebelum (diatas) </head>
  • Kemudian copy kode dibawah ini


<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/>
    </b:if>
    </b:loop>
    </b:if>

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <h4>Artikel Terkait :</h4>
    <script style='font: 12px Trebuchet, Trebuchet MS, Arial, sans-serif;' type='text/javascript'>
    removeRelatedDuplicates();
    printRelatedLabels();
    </script>
    </b:if>

  • Paste kode diatas tepat dibawah <data:post.body/>
  • Simpan Template !

Ket :
- Apabila kode <data:post.body/> lebih dari satu, maka paste kode dibawah <data:post.body/> yang terakhir

Oke selesai sob, widget artikel terkait list sudah selesai ...  Mungkin di lain waktu saya akan memposting widget artikel terkait thumbnails (dengan gambar) ...

Selesai

No comments:

Post a Comment

My Ping in TotalPing.com
Feedage Grade D rated
Preview on Feedage: web-design Add to My Yahoo! Add to Google! Add to AOL! Add to MSN
Subscribe in NewsGator Online Add to Netvibes Subscribe in Pakeflakes Subscribe in Bloglines Add to Alesti RSS Reader
Add to Feedage.com Groups Add to Windows Live iPing-it Add to Feedage RSS Alerts Add To Fwicki
Ping your blog, website, or RSS feed for Free