Cara membuat Related Post Di Blog | Tips Blogger - 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 :
- Seperti biasa sobat blogger mesti login dulu ke akun blog sobat masing-masing
- Setelah login,klik rancangan
- Klik EDIT HTML
- Centang "Expand Widget Templates"
- Sekarang cari kode </head> ,untuk pencarian termudah silahkan
sobat tekan Ctrl + F pada keyboard komputer sobat trus masukkan kode
tersebut </head> nanti hasilnya kode tersbut akan disorot warna
hijau.
- Copy dan Paste kode di bawah ini :
<!--Related Posts with thumbnails Scripts and Styles Start--> <!-- remove --><b:if cond='data:blog.pageType == "item"'> <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,
“Times New Roman”, 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/AVvXsEh0uHDrAxHy60JB9Q7djWfrTCpqMsuE2sPUquSJ8J06IUtTI-0AONmn-Oo9EkEBdpzG29iAKPr__gHLnL1IRWFhtNFX26kRg5F4DJzyWNPjmHHHY6WavYHF1436pR2hRiR3PmG5eSuuRAw/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'>
Judul : Cara membuat Related Post Di Blog | Tips Blogger
Deskripsi : Cara membuat Related Post Di Blog | Tips Blogger - Mempunyai peran penting untuk blog itu sendiri dan akan memudahkan para pengunjung b...
