Memberi Related Post atau Artikel Terkait pada Blog

Hai Sobat..!!
  Kali ini saya akan memberikan bagaimana caranya agar blog kita dapat diberi artikel terkait. Kenapa...??? Agar jika pembaca selesai membaca artikel kita mereka dapat tertarik kepada artikel yang lainnya.

Gini caranya :


1. Masuk akun blog anda
2. terus ke Template
3. Edit HTML
4. Tekan CTRL+F di dalam Kolom HTML
5. cari kode </head>

6.Copy Code di bawah ini

<!--Related Posts widget for blogger 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: 18px; letter-spacing: 2px; font-weight: bold; text-transform: none; color: #5D5D5D; font-family: Arial Narrow; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; }/ #related-posts a{ border-right: 1px dotted #DDDDDD; color:#5D5D5D; } #related-posts a:hover{ color:black; background-color:#EDEDEF; } </style> <script type='text/javascript'> var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEv8ET3x4RY0PDa2cGD9rkhhb7W39ooiVir3-vgtI3ze6bJqmq6A-jgAK-V2itfwbeV1-5AV7dbXIw4lI9BYs7-g4fxEdVNtUXxZOW3uPPbVOrKvmnr4EnDmLPF4VVGrMQK6toO5sW3gp6/s1600/no_image.jpg"; var maxresults=5; var splittercolor="#DDDDDD"; var relatedpoststitle="Related Posts"; </script> <script src='https://avdhootblogger.googlecode.com/files/avdhootblogger.relatedpostwidget.js' type='text/javascript'/> <!-- remove --></b:if> <!--Related Posts widget for blogger End-->

7. Letakkan di atas kode </head>
8. Selanjutnya cari kode <div class='post-footer'>
9. Copy Code di bawah ini 
<!-- Related Posts widget for blogger Start--> <!-- remove --><b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs("<data:post.url/>"); </script> </div> <div style='clear:both'/> <!-- remove --></b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> <a href='http://www.avdhootblogger.com'><img alt='widgets for blogger' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJe7HX9Gnw_mK-SC8pQ3IUkwX2kHizxtK0wt8cUwJtUruqbjEsQ_jMbPLfGdkKYIfUrHA9J-hbclKtr3PPYnNYRsYAb-4oFnbYR_t4cF4NZYWmHYiHvCj2Fohu-OyN_vcNyNCw9rnmkrWa/s1600/best+blogger+tips.png'/></a> </b:if></b:if> <!-- Related Posts widget for blogger End-->

10. Paste di atas kode <div class='post-footer'>
11. Save

Kategori: Tips blog