Postingan dulu pernah saya tulis tentang Cara Membuat Widget Share Melayang di Blog. Dan sekarang saya akan membagi cara membuat related post tanpa menampilkan labelnya, seperti yang saya pakai sekarang.
Langkah-langkah membuat widget related post tanpa menampilkan labelnya :
1. Login ke blog sobat >> rancangan >> Edit HTML
2. Centang "Expant widget tmplate"cari kode ]]></b:skin>
3. Letakkan kode css berikut diatas ]]></b:skin> tadi.
#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; }
4. cari kode </head>
letakkan kode berikut diatasnya
<script src='http://hbhost.googlecode.com/files/Related-posts.js' type='text/javascript'/>
5. kemudian cari kode <p><data:post.body/></p> atau <data:post.body/>
Jika ada 2 pilih yang pertama, jika ada 3 pilih yang kedua, jika ada 4 pilih yang kedua juga.
masukkan kode berikut dibawah <p><data:post.body/></p> atau <data:post.body/>
<br/>
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<div style='font-size:18px'><b>Related Posts:</b></div>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'/>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if>
</b:loop>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>
6. save template sobat, lihat hasilnya. Jika berhasil beri Follow Lah... Hehehehe
Salam Dodol
Related Posts : Blogger Tutorial,
Widget
Artikel
{ 1 comments... Read Them Below or add one }
Trimakasih Ya Bro.. Dosol Akan Berkunjung Balik :)
Posting Komentar
Silahkan sahabat berkomentar sesuai dengan artikel postingan di atas. Apabila ada postingan yang rusak atau tidak bisa terbaca mohon beritahu di Komentar ini.Trimakasih telah berkunjung & berkomentar
Penting... Maaf,Tidak Diizinkan Memberikan Atribut Pada Komentar Anda..