Cara Membuat Artikel Terkait Dengan Icon

Coretan Bang Dadan on

Monday, December 24, 2012

Assalamu'alaikum Wr. Wb

Cara Membuat Artikel Terkait Dengan Icon | salam damai bang dadan ucapkan kepada seluruh sahabat blogger dimanapun anda berada, pada postingan kali ini bang dadan akan coba membahas Cara Membuat Artikel Terkait Dengan Icon. Dalam menyambut hari natal dan tahun baru ini bang dadan juga mengucapkan selamat tahun baru.

Oke sobat, mungkin sudah pada tahu artikel terkait karena ini adalah tutorial yang sudah lama banget di posting para master - master blogger semua, dan bang dadan mungkin ketinggalan buat postingan ini, tapi tidak apa - apa karena bang dadan membuat artikel di blog ini hanya semata - mata untuk tabungan bila nanti  perlu dengan tutorial blog bisa langsung ke blog sendiri.

Langusng saja mungkin pada pembahasan nya sobat:

---

⇛ Cara Membuat Artikel Terkait Dengan Icon

---

1. Login dulu ke Blogger
2. Kemudian masuk ke Rancangan kemudian pilih Template lalu klik Edit HTML *Jangan lupa "Expand Template Widget"
3. Silahkan sobat backup template dulu untuk berjaga - jaga terjadinya kesalahan
4. Kemudian cari kode </head> dan letakan kode dibawah ini tepat dibawah tag </head>

Berikut kodenya:

<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;https://lh5.googleusercontent.com/-LKNvxbqBAO4/UNhLPoJO-CI/AAAAAAAAA4A/OVzsQaNkQtY/w497-h373/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'/>

5.  Masih dalam edit html jika sudah cara yang di atas sekarang kita melanjutkan cara berikutnya.
6.  Cari kode <data:post.body/> Lalu copy kode dibawah ini tepat dibawah <data:post.body/>

Berikut kodenya:

<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. Selanjutnya klik simpan template

Selesai deh, sekarang coba sobat buka salah satu postingan sobat nanti artikel terkait / related posts dibawah postingan sobat.

Nah, mungkin cukup sekian dulu postingan kita kali ini tentang Cara Membuat Artikel Terkait Dengan Icon. Namun apabila sobat ingin mencoba Membuat Artikel Terkait dengan Icon dan Scroll silahkan klik disini. Semoga bermanfaat dan selamat mencoba..!!

Billahitaufiq walhidayah
Wassalamu'alaikum Wr. Wb

Labels: blogger tutorial, template hack

Thanks for reading Cara Membuat Artikel Terkait Dengan Icon. Please share...!