Related post adalah sebuah saran beberapa artikel yang munucl di bawah artikel yang di baca, jadi orang lain setelah membaca artikel bisa langsung membaca artikel yang lainnya. related ini juga sangat sering di gunakan oleh para bloger untuk meningkatkan traffic, karena setelah orang membaca artikel tentunya akan mengklik artikel yang di sarankan di bawahnya. jadi sudah tidak asing lagi jika anda berkunjung ke sebuah blog akan menemui realted post di bawah artikelnya.
 |
| Cara Membuat Related Post/Artikel Terkait Di Bawah Blog |
Cara Membuat Related Post/Artikel Terkait Di Bawah Blog
Cara membuat realted post tentunya sangat mudah anda hanya tinggal mengedit template blog anda dan memasukan sedikit kode scrivt/ Html pada template anda. ok langsung saja cara membuat realted post di blog simak di bawah ini.
2. Masuk ke template lalu klik edit template seperti gambar di bawah ini
3. Lalu cari Kode </head> dan untuk mempermudah Control + F untuk mempermudah pencarian.
4. Copy Kode javascript di bawah ini lalu letakan di atas kode </head>.
<style> #related-posts { float : left; width : 540px; 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/AVvXsEhl_-9pB5vSAGXa_tKszV3uqpY6Ou5LhIKBMOgVMSLTn8TNs0Ofna_FMDISuEXWZpg06ftXp1ygqe8HCxuztS5h3wdPa7GTMv4wz68H39Jlfgpv_qU_XoR5sgy2PlMbdKo30ZMsoFKsbYM/") 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://yourjavascript.com/11631137121/related_post_pelajaran_blog.js' type='text/javascript'/>
4.Cari Kode <data:post.body/> dan untuk mempermudah pencarian tekan control +F, lalu copy kode di bawah ini dan pastekan tepat di bawah Kode <data:post.body/> ( letakan di bawah kode ini ).
<br/><br/><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>
5. Lalu save template lalu lihat hasilnya.
" ketika anda mencari kode <data:post.body/> akan menemukan kurang lebih 3 atau lebih banyak, anda tinggall mencobanya satu satu "
Cukpu mudah bukan cara membuat related post pada blog, dan untuk berjaga jaga sebaiknya anda sebelum mengedit template anda harus copy seluruh template anda pada notepad, supaya jika saat terjadi error anda mempunyai backup an template. semoga artikel ini bermanfaat buat anda. Terimakasih. Baca juga :
Cara Mudah Memasang Like Box Fanspage facebook di Blog.
ADS HERE !!!
