Cara Membuat Widget Related Post , Artikel Terkait Dengan Icon di Blogspot

Cara Membuat Widget Related Post , Artikel Terkait Dengan Icon di Blogspot dengan url http://rifanytop.blogspot.com/2012/11/cara-membuat-widget-related-post.html yang ditulis oleh RIFANYTOP berisi tentang :

1. Login Ke Blogger
2. Kemudian masuk ke Menu Edit HTML
3. Jangan lupa "Expand Template Widget"
4. Biasakan untuk Membackup temnplate dulu ya
5. Kemudian letakkan kode berikut di bawah tag </head>

 <style type='text/css'> #related-posts { float : left; width : 100%; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #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 { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(&quot;http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png&quot;) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://belajarblogging.googlecode.com/files/relpost.js' type='text/javascript'/>
6. Jika sudah, cari <data:post.body/> lalu pasang kode berikut di bawahnya
<b:if cond='data:blog.pageType == "item"'><div id="related-posts"><font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><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=5&quot;' type='text/javascript'/></b:if></b:loop> </font><script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</script></div></b:if>
7. Terakhir Simpan template dan lihat hasilnya.

Ditulis Oleh : Arif Rifany ~ Produsen Mesin Bata Press

Produsen Mesin Bata Press Anda sedang membaca artikel berjudul Cara Membuat Widget Related Post , Artikel Terkait Dengan Icon di Blogspot dengan url http://rifanytop.blogspot.com/2012/11/cara-membuat-widget-related-post.html yang ditulis oleh RIFANYTOP yang berisi tentang : Dan Maaf, Anda tidak diperbolehkan mengcopy paste artikel ini.Silahkan Dibagikan Jika Sekiranya Bermanfaat...

BAGIKAN KE :

0 Komentar Untuk "Cara Membuat Widget Related Post , Artikel Terkait Dengan Icon di Blogspot"

Poskan Komentar