cara membuat "Related Post" di blog

Panduan Blogger untuk blogger pemula.Panduan blogger yang akan membahas dan menjelaskan tentang Panduan Cara Membuat "Related Post" di blog.Related post atau Artikel Terkait pada blog mempunyai peran penting untuk blog itu sendiri dan akan memudahkan para pengunjung blog untuk menemulan artikel yang mungkin mereka anggap menarik.Dalam hal ini penggunaan Related Post atau Artikel Terkait memang membantu pengunjung blog dan juga membantu pemilik blog itu sendiri,sehingga setiap artikel/postingan dapat dimungkinkan untuk dibaca oleh pengunjung.




 Related Post akhir-akhir ini banyak digunakan oleh para blogger,dan akoe rekomendasikan kepada sobat untuk menggunakannya/memasang di blog.Untuk melihat contoh dari widget related post ini,silahkan sobat liat aja di blog ini "tjoretan-akoe".Nah....jika sobat tertarik untuk memiliki related post yang serupa dengan blog ini,silahkan ikuti langkah-langakah berikut untuk panduan memasangnya.

Berikut Panduannya :

1 Seperti biasa sobat blogger mesti login dulu ke akun blog sobat masing-masing
2 Setelah login,klik rancangan
3 Klik EDIT HTML
4 Centang "Expand Widget Templates
5 Sekarang cari kode </head> ,untuk pencarian termudah silahkan sobat tekan Ctrl + F pada
       keyboardkomputer sobat trus masukkan kode tersebut </head> nanti hasilnya kode tersbut akan
        disorot
         warna hijau.
6 Copy dan Paste kode di bawah ini :








<!--Related Posts with thumbnails Scripts and Styles Start--> <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'> <style type="text/css"> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 1.6em; font-weight: bold; color: black; font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:black; } #related-posts a:hover{ color:black; } #related-posts a:hover { background-color:#d4eaf2; } </style> <script type='text/javascript'> var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBPgBKx-LhWmnrF77r3BDckw8Q9DqAqjzM4aDYq-RHY9RO1YMjEhvdXHMEjxpIdRzE_OA-y0wRjJXhBKX4tATyODz1z9wxm_oSREyBM4Xb0DCIXTNRDvm9_P-oQcKlPU2tyR6FXCcBDNE/s400/noimage.png"; var maxresults=5; var splittercolor="#d4eaf2"; var relatedpoststitle="Related Posts"; </script> <script src='http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js' type='text/javascript'/> <!-- remove --></b:if> <!--Related Posts with thumbnails Scripts and Styles End-->


7.   Letakan kode diatas sebelum kode </head>
8.   Langkah selanjutnya sbat cari kode

    <div class='post-footer-line post-footer-line-1'>

 caranya sama seperti panduan No.5

 Kalau sobat tak menemukan kode tersebut,

 silahkan sobat cari kode

<p class='post-footer-line post-footer-line-1'>     

SEMOGA BERMANFAAT