Related Posts Di Sidebar

Related posts widget atau artikel terkait adalah widget yang memunculkan artikel yang berkaitan dengan postingan yang sedang di baca. Cara ini sudah banyak yang menjelaskan di postingan para sahabat Blogger, namun saya juga ingin berbagi pengalaman yang sudah saya kerjakan.

Related posts sangat bermanfaat bagi blog kita terutama untuk SEO dan juga bermanfaat bagi pengunjung. Dengan related posts widget ini, pengunjung suatu blog akan mudah untuk membaca atau menelusuri setiap postingan yang ada di blog kita.

Nah tentunya hal ini akan meningkatkan page view blog kita. Related posts widget ini di buat dengan berbagai bentuk yang menarik agar pengunjung tertarik untuk menelusuri blog kita. Tertarik untuk mencobanya di blog anda? Silahkan ikuti totorial Cara Membuat Related Posts Di Sidebar berikut ini.

1. Log in ke blogger dengan akun yang anda miliki.
2. Pergi menuju ke rancangan » edit HTML » centang kotak expand template widget. Atau bagi yang menggunakan tampilan blogger yang baru, anda tinggal klik template » edit HTML » centang kotak expand template widget.
3. Hampir aja lupa, sebelum melakukan pengeditan, sebaiknya anda memback-up template anda dulu buat jaga-jaga bila terjadi kesalahan dalam melakukan pengeditan.
4. Cari kode </head> dan letakkan kode di bawah ini sebelum kode </head>.

<script src='http://contents-ente.googlecode.com/files/sidebar-ente.js' type='text/javascript'></script>

5. Cari kode yang kira-kira mirip seperti ini.

<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 != &quot;true&quot;'>,</b:if> </b:loop>

</b:if>

6. Kalau sudah ketemu, tambahkan kode di bawah ini di dalam kode di atas.

<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=10&quot;' type='text/javascript'/>

</b:if>

Sehingga kodenya menjadi seperti ini.

<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 != &quot;true&quot;'>,</b:if>

<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=10&quot;' type='text/javascript'/>

</b:if>

</b:loop>

</b:if>

Keterangan : kode yang bercetak tebal berwarna merah adalah jumlah artikel terkait atau related posts yang akan di munculkan, sedangkan kode yang berwarna hijau adalah kode yang di tambahkan.

7. Save template anda.

8. Sekarang anda menuju ke tata letak » tambah gadget » HTML/Java script. Masukkan kode di bawah ini pada kolom yang sudah di sediakan.

<script type="text/javascript">

removeRelatedDuplicates();

printRelatedLabels();

</script>

9. Save gadget anda, dan lihat hasilnya.

Sekian dulu tutorial dari saya kali ini tentang Cara Membuat Related Posts Di Sidebar, bagi yang masih bingung silahkan untuk bertanya ya.

Silsilah Raja-Raja Dan Sultan Banten

Silsilah Raja-Raja Dan Sultan Banten Beserta Keturunannya

★☆★☆★  MAULANA SYARIF HIDAYATULLAH – SUNAN GUNUNG JATI, berputera :

1. Ratu Ayu Pembayun.
2. Pangeran Pasarean
3. Pangeran Jaya Lelana
4. Maulana Hasanuddin ☆★
5. Pangeran Bratakelana
6. Ratu Wianon 7. Pangeran Turusmi


★☆★☆★  MAULANA HASANUDDIN – PANEMBAHAN SUROSOWAN(1552-1570), berputera :

1. Ratu Pembayu
2. Pangeran Yusuf ☆★
3. Pangeran Arya Japara
4. Pangeran Suniararas
5. Pangeran Pajajara
6. Pangeran Pringgalaya
7. Pangeran Sabrang Lor
8. Ratu Keben
9. Ratu Terpenter
10. Ratu Biru
11. Ratu Ayu Arsanengah
12. Pangeran Pajajaran Wado
13. Tumenggung Wilatikta
14. Ratu Ayu Kamudarage
15. Pangeran Sabrang Wetan

★☆★☆★  MAULANA YUSUF - PANEMBAHAN PAKALANGAN GEDE (1570-1580), berputra :

1. Pangeran Arya Upapati
2. Pangeran Arya Adikara
3. Pangeran Arya Mandalika
4. Pangeran Arya Ranamanggala
5. Pangeran Arya Seminingrat
6. Ratu Demang
7. Ratu Pecatanda
8. Ratu Rangga
9. Ratu Ayu Wiyos
10. Ratu Manis
11. Pangeran Manduraraja
12. Pangeran widara
13. Ratu Belimbing
14. Maulana Muhammad ☆★

★☆★☆★  MAULANA MUHAMMAD - PANGERAN RATU ING BANTEN (1580-1596)Berputra :

1. Pangeran 'Abdul Kadir ☆★


★☆★☆★  SULTAN ABUL MAFAKHIR MAHMUD ‘ABDUL KADIR - KENARI (1596-1651), berputra :
1. Sultan ‘Abdul Maali Ahmad Kenari (Putra Mahkota) ☆★
2. Ratu Dewi
3. Ratu Ayu
4. Pangeran Arya Banten
5. Ratu Mirah
6. Pangeran Sudamanggala
7. Pangeran Ranamanggala
8. Ratu Belimbing
9. Ratu Gedong
10. Pangeran Arya Maduraja
11. Pangeran Kidul
12. Ratu Dalem
13. Ratu Lor
14. Pangeran Seminingrat
15. Ratu Kidul
16. Pangeran Arya Wiratmaka
17. Pangeran Arya Danuwangsa
18. Pangeran Arya Prabangsa
19. Pangeran Arya Wirasuta
20. Ratu Gading.
21. Ratu Pandan
22. Pangeran Wirasmara
23. Ratu Sandi
24. Pangeran Arya Jayaningrat
25. Ratu Citra
26. Pangeran Arya Adiwangsa
27. Pangeran Arya Sutakusuma
28. Pangeran Arya Jayasantika
29. Ratu Hafsah
30. Ratu Pojok
31. Ratu Pacar
32. Ratu Bangsal
33. Ratu Salamah
34. Ratu Ratmala
35. Ratu Hasanah
36. Ratu Husaerah
37. Ratu Kelumpuk
38. Ratu Jiput
39. Ratu Wuragil

★☆★☆★  SULTAN ‘ABDUL MA’ALI AHMAD, berputera:

1. Abul Fath Abdul Fattah ☆★
2. Ratu Panenggak
3. Ratu Nengah
4. Pangeran Arya Elor
5. Ratu Wijil
6. Ratu Puspita
7. Pangeran Arya Ewaraja
8. Pangeran Arya Kidul
9. Ratu Tinumpuk
10. Ratu Inten
11. Pangeran Arya Dipanegara
12. Pangeran Arya Ardikusuma
13. Pangeran Arya Kulon
14. Pangeran Arya Wetan
15. Ratu Ayu Ingalengkadipura

★☆★☆★  SULTAN AGENG TIRTAYASA - ’ABUL FATH ‘ABDUL FATTAH (1651-1672), berputra :

1. Sultan Haji ☆★
2. Pangeran Arya ‘abdul ‘Alim
3. Pangeran Arya Ingayudadipura
4. Pangeran Arya Purbaya
5. Pangeran Sugiri
6. Tubagus Rajasuta
7. Tubagus Rajaputra
8. Tubagus Husaen
9. Raden Mandaraka
10. Raden Saleh
11. Raden Rum
12. Raden Mesir
13. Raden Muhammad
14. Raden Muhsin
15. Tubagus Wetan
16. Tubagus Muhammad ‘Athif
17. Tubagus Abdul
18. Ratu Raja Mirah
19. Ratu Ayu
20. Ratu Kidul
21. Ratu Marta
22. Ratu Adi
23. Ratu Ummu
24. Ratu Hadijah
25. Ratu Habibah
26. Ratu Fatimah
27. Ratu Asyiqoh
28. Ratu Nasibah
29. Tubagus Kulon


★☆★☆★  SULTAN ABU NASR ABDUL KAHHAR – SULTAN HAJI (1672-1687), berputra :

1. Sultan Abdul Fadhl ☆★
2. Sultan Abul Mahasin ☆★
3. Pangeran Muhammad Thahir
4. Pangeran Fadhludin
5. Pangeran Ja’farrudin
6. Ratu Muhammad Alim
7. Ratu Rohimah
8. Ratu Hamimah
9. Pangeran Ksatrian
10. Ratu Mumbay (Ratu Bombay)


★☆★☆★  SULTAN ABUL FADHL (1687-1690) Berputra :

- Tidak Memiliki Putera


★☆★☆★  SULTAN ABUL MAHASIN ZAINUL ABIDIN(1690-1733 ), berputra :

1. Sultan Muhammad Syifa ☆★
2. Sultan Muhammad Wasi’ ☆★
3. Pangeran Yusuf
4. Pangeran Muhammad Shaleh
5. Ratu Samiyah
6. Ratu Komariyah
7. Pangeran Tumenggung
8. Pangeran Ardikusuma
9. Pangeran Anom Mohammad Nuh
10. Ratu Fatimah Putra
11. Ratu Badriyah
12. Pangeran Manduranagara
13. Pangeran Jaya Sentika
14. Ratu Jabariyah
15. Pangeran Abu Hassan
16. Pangeran Dipati Banten
17. Pangeran Ariya
18. Raden Nasut
19. Raden Maksaruddin
20. Pangeran Dipakusuma
21. Ratu Afifah
22. Ratu Siti Adirah
23. Ratu Safiqoh
24. Tubagus Wirakusuma
25. Tubagus Abdurrahman
26. Tubagus Mahaim
27. Raden Rauf
28. Tubagus Abdul Jalal
29. Ratu Hayati
30. Ratu Muhibbah
31. Raden Putera
32. Ratu Halimah
33. Tubagus Sahib
34. Ratu Sa’idah
35. Ratu Satijah
36. Ratu ‘Adawiyah
37. Tubagus Syarifuddin
38. Ratu ‘Afiyah Ratnaningrat
39. Tubagus Jamil
40. Tubagus Sa’jan
41. Tubagus Haji
42. Ratu Thoyibah
43. Ratu Khairiyah Kumudaningrat
44. Pangeran Rajaningrat
45. Tubagus Jahidi
46. Tubagus Abdul Aziz
47. Pangeran Rajasantika
48. Tubagus Kalamudin
49. Ratu SIti Sa’ban Kusumaningrat
50. Tubagus Abunasir
51. Raden Darmakusuma
52. Raden Hamid
53. Ratu Sifah
54. Ratu Minah
55. Ratu ‘Azizah
56. Ratu Sehah
57. Ratu Suba/Ruba
58. Tubagus Muhammad Said (Pg. Natabaya) ۩ ۩


★☆★☆★  SULTAN MUHAMMAD SYIFA’ ZAINUL ARIFIN putra  SULTAN ABUL MAHASIN ZAINUL ABIDIN(1733-1750), berputra :

1.Sultan Muhammad ‘Arif ☆★
2. Ratu Ayu
3. Tubagus Hasannudin
4. Raden Raja Pangeran Rajasantika
5. Pangeran Muhammad Rajasantika
6. Ratu ‘Afiyah
7. Ratu Sa’diyah
8. Ratu Halimah
9. Tubagus Abu Khaer
10. Ratu Hayati
11. Tubagus Muhammad Shaleh ۩ ۩ ۩ { Uyut Manshur Cikadueun } ۩ ۩ ۩ ۩


★☆★☆★  SULTAN SYARIFUDDIN RATU WAKIL(1750-1752 ) menantu SULTAN MUHAMMAD SYIFA’ ZAINUL ARIFIN,

- Tidak Berputera


★☆★☆★  SULTAN MUHAMMAD WASI’ ZAINUL ‘ALIMIN (1752-1753) putra SULTAN ABUL MAHASIN ZAINUL ABIDIN,

- Tidak Berputera


★☆★☆★  SULTAN MUHAMMAD ‘ARIF ZAINUL ASYIKIN(1753-1773) putra SULTAN MUHAMMAD SYIFA’ ZAINUL ARIFIN, berputra :

1. Sultan Abul Mafakhir Muhammad Aliyudin ☆★
2. Sultan Muhyiddin Zainusholiohin ☆★
3. Pangeran Manggala
4. Pangeran Suralaya
5. Pangeran Suramanggala


★☆★☆★  SULTAN ABUL MAFAKHIR MUHAMMAD ALIYUDDIN (1773-1799 putra SULTAN MUHAMMAD ‘ARIF ZAINUL ASYIKIN, berputra :

1. Sultan Muhammad Ishaq Zainul Muttaqin ☆★
2. Sultan Agilludin (Sultan Aliyuddin II) ☆★
3. Pangeran Darma
4. Pangeran Muhammad Abbas
5. Pangeran Musa
6. Pangeran Jali
7. Pangeran Ahmad


★☆★☆★  SULTAN MUHYIDDIN ZAINUSHOLIHIN (1799-1801) putra  SULTAN MUHAMMAD ‘ARIF ZAINUL ASYIKIN, berputra :

1. Sultan Muhammad Shafiuddin ☆★


★☆★☆★  SULTAN MUHAMMAD ISHAQ ZAINUL MUTTAQIN (1801-1802) putra SULTAN ABUL MAFAKHIR MUHAMMAD ALIYUDDIN

- Tidak Berputera


★☆★☆★  SULTAN WAKIL PANGERAN NATAWIJAYA (1802-1803) tiada keterangan;


★☆★☆★  SULTAN AQILUDDIN (SULTAN ALIYUDDIN II) (1803-1808) putra SULTAN ABUL MAFAKHIR MUHAMMAD ALIYUDDIN

- Tidak Berputera


★☆★☆★  SULTAN WAKIL PANGERAN SURAMANGGALA (1808-1809) putra SULTAN MUHAMMAD ‘ARIF ZAINUL ASYIKIN.


★☆★☆★  SULTAN MUHAMMAD SHAFIUDDIN (1809-1813) putra SULTAN MUHYIDDIN ZAINUSHOLIHIN.

1. SULTAN Muhammad Rafiuddin ☆★

★☆★☆★  SULTAN MUHAMMAD RAFIUDDIN (1813-1820) putra SULTAN MUHAMMAD SHAFIUDDIN [SULTAN TERAKHIR]

Beristri Ratu Putri Fatimah putri Pangeran Ahmad putra SULTAN ABUL MAFAKHIR MUHAMMAD ALIYUDDIN, berputra;

1. Pangeran Suryokumolo.
2. Ratu Ajeng Chasijah.
3. Pangeran Timur Sastroatmojo.

Memasang Emoticon Di Kotak Komentar Blogger

Cikadueun Kampung Halaman-ku - Memasang Emoticon Di Kotak Komentar Blogger. Emoticon, mungkin inilah yang sering terdengar di telinga kita ketika kita sedang melakukan kegiatan chatting untuk mengungkapkan ekspresi emosi kita terhadap lawan chatting kita.

Emoticon bisa dipasang dikomentar blog dengan cara menambahkan beberapa kode saja pada template kita dan walla emoticon pun sudah bisa kita nikmati keberadaannya di blog kita. Emoticon ini bermanfaat bagi pengunjung yang ingin berkomentar dan ingin mengekspresikan emosinya pada tulisan komentar-nya. Tentunya dengan kita memfasilitasi kotak komentar blog kita dengan emoticon, maka kita akan mengetahui ekspresi pengunjung kita setelah membaca artikel kita. Berikut ini contoh emoticon-nya.

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Nah bagaimana apakah sobat juga mau memasang-nya di bog sobat? Jika ya, silahkan ikuti langkah-langkah Memasang Emoticon Di Kotak Komentar Blogger berikut ini.



1.Log in ke blogger dengan akun yang anda miliki.

2.Klik rancangan » edit HTML » centang kotak Expand Template Widget. Bagi yang menggunakan tampilan blogger yang baru, klik template » edit HTML » centang kotak Expand Template Widget.

3.Cari dengan menggunakan control+f kode </body> dan kalau sudah ketemu, pastekan kode di bawah ini tepat di atasnya.

<script src='http://colorfullink.googlecode.com/files/smiley_comment.js' type='text/javascript'/></script>

4.Cari kode <p class='comment-footer'> dan kalau terdapat dua kode yang sama pilihlah kode yang pertama, dan letakkan kode di bawah ini tepat dibawahnya.

<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: #ffffff; border: 1px solid #cccccc; padding: 5px; text-align: left;">

<b>

<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" width="18" /> :))

<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif" width="18" /> ;))

<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif" width="18" /> ;;)

<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" width="18" /> :D

<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" width="18" /> ;)

<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif" width="18" /> :p

<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif" width="22" /> :((

<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" width="18" /> :)

<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif" width="18" /> :(

<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" width="18" /> :X

<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif" width="18" /> =((

<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif" width="18" /> :-o

<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif" width="20" /> :-/

<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif" width="18" /> :-*

<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif" width="18" /> :|

<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif" width="24" /> 8-}

<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif" width="31" /> :)]

<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif" width="44" /> ~x(

<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif" width="30" /> :-t

<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif" width="18" /> b-(

<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif" width="18" /> :-L

<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif" width="34" /> x(

<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" width="30" /> =))

</b>

</div>

5. Save template anda.

Sekian Tutorial cara Memasang Emoticon Di Kotak Komentar Blogger. Mudah-mudahan bisa bermanfaat bagi anda.

Pasang Menu Navigasi Breadcrumbs Pada Blog

Pada Tutorial Para Master Blogger Blogspot sudah banyak dibahas tutorial ini dengan judul Cara Memasang Menu Navigasi Breadcrumbs Pada Blog Tutorial tersebut ternyata amat berguna dan setelah dicoba memasangnya, sangat membantu menemukan isi blog halaman perhalaman yang dicari. Untuk itu, pengalaman ini Semilyar Trik bagi-bagi ilmu pada yang masih belum berhasil menggunakan trik sajian para Master. Terutama buat agan-agan Blogger yang belum mengeti apa yang dimaksud dengan Menu Navigasi Breadcrumbs Pada Blog dan manfaatnya Untuk SEO silahkan baca selanjutnya dan simak dengan seksama.

Berikut langkah-langkah yang harus agan-agan lakukan :

Pastikan agan-agan sudah masuk ke akun blogger milik agan-agan

Pilih Template

Klik Pada Tombol Edit HTML

Klik pada Tombol Proces atau Lanjutkan

Centang kotak kecil bertulisan Expand Widget Templates

Sebelumnya untuk mengantisipasi kegagalan, lakukan Download Template Lengkap agar tiada kesalahan dalam edit HTML

Cari kode berikut ini ]]></b:skin> (Gunakan Tombol CTRL + F dan F3 untuk mempermudah pencarian Kode)
Setelah Ketemu Copy kode dibawah dan Paste Diatas kode ]]></b:skin>

/*---Navi Breadcrumbs---*/
#navi{padding:0px 5px;
margin:0px 0px 8px 0px;
color:#ffffff;
-moz-border-radius:5px;
font:11px trebuchet ms;
}

Sekarang Cari kode <b:if cond='data:post.title'>

Sudah ketemu <b:if cond='data:post.title'> ini. Copy kode berikut dan letakan tepat dibawahnya, apabila Kode ada dua gunakan kode yang pertama

<b:if cond='data:blog.homepageUrl == data:blog.url'>

<b:else/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='navi'>Location : <a expr:href='data:blog.homepageUrl'>Home</a> &#187;

<b:if cond='data:post.labels'>

<b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url + &quot;?&amp;max-results=10&quot;' rel='tag'><data:label.name/></a>

<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>

</b:loop>

</b:if> &#187; <data:post.title/>

</div>

</b:if>

</b:if>

Sekarang Klik Simpan

Selesai dan lihat hasilnya.

Demikian Tutorial Tentang Cara Memasang Menu Navigasi Breadcrumbs Pada Blog yang bisa Semilyar Trik Blogspot sampaikan pada kesempatan ini semoga bisa membantu agan-agan Blogger beserta sahabat agan-agan blogger yang lainnya.