Kamis, 21 Juli 2011

Cara Membuat "Related Pos" pada Blog

Langkah-Langkah Membuat Related Post atau Artikel yang berhubungan pada Blog.
  • Pada halaman dashboard blogger, buka menu Design -> Edit HTML
  • Beri centang pada "Expand Widget Templates"
  • Cari kode ]]>
  • Letakkan kode css berikut diatasnya
#related-posts { float : left; width : 250px; margin-left : 5px; font-size: 12px; line-height : 1.8em; margin-bottom:10px; }
#related-posts a{ color:#4b4b4b; }
#related-posts a:hover{ color:#ca1717; }
#related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; }
#related-posts a { text-decoration : none; }
#related-posts a:hover { text-decoration : none; }
#related-posts ul { margin : 10px 5px 5px 20px; padding : 0; }


  • Selanjutnya cari 
  • Letakkan kode javascript berikut diatasnya







Note :
Teks yang dicetak tebal adalah judul widget dan angka 5 adalah jumlah postingan yang muncul dalam related posts. Silahkan ganti sesuai keinginan

Tidak ada komentar:

Posting Komentar

HEAD LINE NEWS SHARE INSIDE | Tempat Berbagi Ilmu dan Pengtahuan Seputar Dunia Komputer juga Dunia IT dll | Semoga Sobat Blogger Enjoy with this Blog dan Jangan lupa Like Us On Facebook ... | Terima Kasih atas Kunjungannya !
Related Posts Plugin for WordPress, Blogger...