Related Post Tanpa Label

Posted by Zulfan Heri on Senin, 31 Oktober 2011


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 == &quot;item&quot;'>
<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 != &quot;true&quot;'/>
<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=5&quot;' 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

Penulis : Zulfan Heri ~ Share All Tutorial, Tips, Tricks About Blog and SEO

Artikel Related Post Tanpa Label Ini Diposting Oleh Zulfan Heri. Terimakasih Atas Kunjungan Anda Serta Kesediaan Anda Membaca Artikel Ini. Kritik Dan Saran Dapat Anda Sampaikan Melalui Kotak Komentar. Kebijakan Dan Privasi

:: Dodol Blog ::

{ 2 comments... Read Them Below or add one }

boxsoffice mengatakan...

thanks atas infonya,,, Berkunjung balik ya Download Film Gratis | High Quality - Boxsoffice

Oidre mengatakan...

Trimakasih Ya Bro.. Dosol Akan Berkunjung Balik :)

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