PANDUAN,TIPS,TRIK DAN CARA MEMBUAT BLOG DENGAN MUDAH SERTA GRATIS

  • RSS
  • Delicious
  • Digg
  • Facebook
  • Twitter
  • Linkedin
  • Youtube

You need to upgrade your Flash Player to version 10 or newer.

MEMBUAT ARTIKEL TERKAIT 'Related post' UNTUK BLOG yang menggunakan read more

Tutorial blog kali ini akan membahas mengenai cara membuat related post atau artikel terkait di blogspot yang menggunakan read more atau yang tidak menggunakannya.(klik disini untuk membuat read more)
Artikel atau posting terkait yang dimaksud di sini adalah artikel yang berada pada kategori atau label yang sama.

Related post ini tentu akan memudahkan pengunjung dalam menemukan artikel-artikel yang berhubungan dengan artikel yang sedang dibaca.

Nah, bagi yang ingin membuat related post di blogspot ikuti tutorial berikut ini.

   1. Log ini ke akun blogger Anda.
   2. Pilih menu Tata Letak (Layout) » Edit HTML.
   3. Beri tanda centang pada tulisan Expand Widget Templates.
   4. Copy-paste script berikut di atas kode  </head>.

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

   5. Cari kode <p><data:post.body/></p>  kemudian copy-paste kode berikut di bawahnya.,apabila menggunakan read more cari kode  <b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if></p>
 

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

<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>

   6. Simpan

Nb,
>Pada tulisan artikel terkait bisa anda ganti dengan related post , recommended posts , atau yang lain trserah anda.
>Untuk angka  5 bisa anda ganti menurut elera anda,ini menunjukkan jumlah maximal artikel yang akan tampil
>Apabila anda memasang read more yang anda perhatikan menaruh kode pada tutorial yang kelima anda taruh setelah (dibawah) kode  <b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if></p>
 

  • Share this
  • Sumbit to Digg
  • Sumbit to StumbleUpon
  • Sumbit to Delicious
  • Sumbit to Technorati
  • Sumbit to Reddit
  • Sumbit to Mixx
  • Sumbit to Twitter
  • Sumbit to Furl
  • Sumbit to Design Float
  • Sumbit to Blinklist
  • Sumbit to Yahoo Buzz
  • Sumbit to Google Bookmarks

Artikel Terkait

2 comments:

Mohammad Nur Hidayat said...

nice post bro..., happy blogging.

regards,
Mohammad Nur Hidayat

Tian said...

Mantap info y gan.. tapi ane coba di blog ane kok ga bisa2 ya.. mohon petunjuk http://tian2.blogspot.com/

Post a Comment

SILAHKAH COMEN DULU...
MAKASIH TELAH MEMBERI COMEN DAN WUKTUNYA....
SALAM PERSAHABATAN.....
edy putra Jl.cik lanang62 Kauman Rt04/05 Jepara-59417

CARI ARTIKEL DISINI By Google

Loading

    COMENTATOR

    CHAT ROOM

    CONTAC Edy putra