Selasa, 30 April 2013

Cara Membuat artikel terkait di blogger


Apa Fungsi Artikel Terkait (Related Posts)?

Fungsinya dari related posts atau artikel terkait selain untuk membuat seo blog kita menjadi bagus, artikel terkait [related post] ini sangat membantu traffic/pengunjung untuk lebih leluasa membaca artikel lain yang mungkin bermanfaat untuk diketahui. Tentu Hal ini sangat memudahkan pengunjung dan efek baik dari pembaca akan betah dan suka membaca di blog kita.

Cara Membuat artikel terkait di blogger,

1, Seperti biasa masuk ke blogmu
2. Pilih template, klik edit html dan klik lanjutkan
3. Ceklist pada Expand Template Widget atau klik format template untuk yg tampilan baru templatenya (jangan lupa simpan template aslinya buat jaga-jaga)
4. Cari kode: </head> (gunakan Ctrl+f untuk mencari)
5. Copy kode dibawah ini tepat diatas </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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7jwS51mypmk_S-NnpAKH3SzinxuPPbXFDs-OHceKGSSAmSTPpaHBx1YqA2oxxxe6IUYlGgn6OYXfDQdZJQpdZ0zYOblRXkQzOwLKAxdCE3mAT4e50-m71B-xRym8TKChVU7MCY20_zJFy/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'/>
6. Cari kode <data:post.body/> atau <div class='post-body> Kemudian copy code dibawah ini, letakkan persis dibawahnya
 <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 kamu. Demikian Cara Membuat artikel terkait di blogger semoga berguna.
 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?