Membuat Related Post pada widget

Lagi-lagi cara memasang Related Post.. Tunggu dulu, yang kali ini berbeda, kali ini saya akan mencoba membuat Related Post tetapi diletakan pada Widget. Caranya tidak dibilang susah,tidak, dibilang gampang juga tidak.. hehe (sekedar bercanda)...^^

Langkahnya masih sama hanya berbeda sedikit:
1. Login ke blogger

2. Klik rancangan, Edit HTML, kemudian centang kotak Expand Template Widget

3. Cari kode tag <head> atau </head>


4. Paste kode dibawah ini setelah kode <head> atau sebelum kode </head> .

5. Cari kode yang mirip dengan kode dibawah:
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop></b:if>
6. Copy kode dibawah ini
<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=10"' type='text/javascript'/>
</b:if>
7. Paste diantara kode</b:if> dan</b:loop></b:if> (pada langkah ke-5) seperti ini:
    (warna merah kode pada langkah ke-6)

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
 <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=10"' type='text/javascript'/>
</b:if>
</b:loop></b:if>
8. Simpan Template, klik ke Elemen Laman, kemudian klik Tambah Gatget HTML/Javascript.
    Masukan kode dibawah ini lalu simpan
 <script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
9. Arahkan kursor anda ke Gatget yang baru anda buat tadi.
    Identifikasikan WidgetId yang anda buat tadi HTML berapa.
Contoh:  http://www.blogger.com/rearrange?blogID=7956958357309970350&widgetType=HTML&widgetId=HTML4&action=editWidget
    Pada contoh merupakan HTML4. maka kita lanjutkan ke langkah selanjutnya:
10. Masuk ke Edit HTML lagi(Expand Template Widget) dan cari kode seperti berikut:
<b:widget id='HTML4' locked='false' title='Related Post' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
Keterangan: warna Biru adalah WidgetId yang kita identifikasi tadi(tergantung  anda HTML berapa)
                   warna Merah adalah kode yang harus anda tambahkan.

11. Simpan Template dan lihat hasilnya...

Semoga berhasil... memang agak sedikit rumit... ^^....

Terima kasih sudah berkunjung..
Happy Blogging ^^.....
Label: ,