Rabu, 10 April 2013

Cara Membuat Artikel Terkait di Blog

Awalnya sich aku bingung gmna caranya buat Related posts/artikel terkait, tapi akhirnya berhasil juga.. hehe
Sekarang, aku pengen bagi-bagi ilmu ne... ya.. meskipun masih baru belajar sich.. hehe





Untuk membuat artikel terkait di blog, berikut adalah langkah-langkahnya :
  • Seperti biasa, login dulu ke blog anda
  • Klik Design - Template
  • Klik Edit HTML
  • Jangan lupa simpan Template aslinya untuk jaga-jaga
  • Cari kode: </head> (gunakan CTRL+F untuk mempermudah mencarinya)
  • Copy kode di bawah ini dan letakkan di atas kode </head>
<style> #related-posts { float : left; width : auto; 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://1.bp.blogspot.com/-MdK_HE-8LR8/T8Dw9Nzau6I/AAAAAAAABQM/EHAoPvg5pbc/s1600/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='http://oktriblogger.googlecode.com/files/related-post-tutorialbelajarblog.js' type='text/javascript'/>
  • Cari kode <data:post.body/> atau <div class='post-body> kemudian copy kode di bawah ini, letakkan persis 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>
  • Simpan Template anda
  • Lihat hasilnya
Perhatian!! Biasanya Kode HTML <data:post.body/> ada yang lebih dari 3, untuk meletakan kode di atas Biasanya dibawah <data:post.body/> yang ke2 atau sesuaikan dengan template anda.
Untuk kalimat yang saya tandai merah “Related Posts“ bisa anda ganti dengan kalimat  ”Artikel terkait“, “Baca Juga Yang Ini“,  ”Baca Lagi Yang Ini” dan atau terserah dengan kalimat anda. agar pembaca tertarik untuk membaca artikel dalam blog kita.


Sumber: http://setyabloggerslalu.blogspot.com/2013/03/cara-membuat-artikel-terkait-di-blogger.html#close

Tidak ada komentar:

Poskan Komentar