Cara Membuat Artikel Terkait dengan Gambar RSS FEED


Cara Membuat Artikel Terkait dengan Gambar RSS FEED - Artikel Terkait atau yang sering kita namai Releated Post merupakan salah satu widget navigasi Blog yang di gunakan untuk menampilakan Artikel Atau Post dari Blog anda,dan yang di tampilkan itu biasanya per label,jadi jika anda posting dengan label Blog maka yang keluar di widget Artikel Terkait atau Releated Post ini adalah artikel-artikel lain yang memiliki label sama yaitu label Blog. Letak dari Artikel Terkait atau Releated Post ini berada di bagian bawah post ataupun di bawah widget share untuk bagian bawah. Jika anda ingin membuat Widget Releated Post di Bagian bawah post ikuti petunjuk saya :



  1. Login Ke Acount Blogger Anda.
  2. Kemudian masuk Blog anda (kemungkinan 1 Acount Blogger memiliki banyak Blog)
  3. Lalu masuk ke Menu Template.
  4. Lalu Pilih Edit HTML.
  5. Biasakan untuk Membackup template dulu ya
  6. Kemudian letakkan kode berikut di bawah tag </head>, gunakan F3 atau Ctrl+F untuk memudahkan pencarian.
<script type="text/javascript" src="<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("http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png") 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='https://kenthir.googlecode.com/files/releated%20post%20GTips-Trick.js' type='text/javascript'/>"></script>


    7. Jika sudah, cari <data:post.body/> lalu pasang kode berikut di bawahnya .


<script type="text/javascript" src="<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 != "true"'>,</b:if><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> </font><script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</script></div>
</b:if>"></script>


    8. Terakhir Save Templatenya.

Baca Juga 10 Pilar Utama Menaikan Rank Alexa Rank dengan Mudah Dan Cepat

Subscribe to receive free email updates: