Membuat Widget Artikel Terkait Dengan Icon Untuk Blogspot/Blogger

Membuat Widget Artikel Terkait Dengan Icon - Cara Membuat Related Post Dengan Icon Untuk Blogspot/Blogger. Pada kesempatan kali ini saya akan memberi sedikit tutorial blog tentang bagaimana cara memasang widget related post/artikel terkait seperti milik saya.

Sebenarnya widget ini sudah ada sangat lama ada kok dan saya yakin kalian semua juga sudah pada tahu. Ok langsung saja kita lihat tutorialnya sebagai berikut.

Cara Membuat Widget Related Post/Artikel Terkait Dengan Icon di Blogspot/Blogger
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.

Semoga berhasil dan Semoga bermanfaat. Sumber saya dapat dari : www.bloggerbiasa.blogspot.com

Tulisan ini menarik? Copas permalink ini blogmu donk!
<a href="http://abdu-green.blogspot.com/2012/07/cara-membuat-widget-artikel-terkait-dengan-icon-di-blogspot.html">Membuat Widget Artikel Terkait Dengan Icon Untuk Blogspot/Blogger</a>

Terimakasih telah membaca artikel Membuat Widget Artikel Terkait Dengan Icon Untuk Blogspot/Blogger sobat bisa menemukan artikel Membuat Widget Artikel Terkait Dengan Icon Untuk Blogspot/Blogger ini dengan url http://abdu-green.blogspot.com/2012/07/cara-membuat-widget-artikel-terkait-dengan-icon-di-blogspot.html, sobat boleh menyebar luaskan artikel ini, jika artikel Membuat Widget Artikel Terkait Dengan Icon Untuk Blogspot/Blogger ini sangat bermanfaat bagi sobat sekalian, namun jangan lupa untuk meletakkan link SUMBER : Membuat Widget Artikel Terkait Dengan Icon Untuk Blogspot/Blogger. Thanks..
Rating Artikel : 5
Jumlah Voting : 77 Orang