Cara Memasang Related Post Dengan Thumbnail

Cara Memasang Related Post di Blogspot. Cara ini merupakan salah satu tips SEO sebagai cara untuk meningkatkan page view halaman. Karena dengan adanya related post atau artikel terkait dibawah setiap posting, diharapkan hal itu akan memudahkan pengunjung untuk mencari artikel yang masih berhubungan dengan posting yang sedang dibacanya.

Artikel terkait atau related post menampilkan pintasan dari beberapa posting yang masih memiliki konten berhubungan dengan artikel yang dikunjungi oleh pembaca. Menurut logikanya diharapkan dengan memasang artikel terkait ini dapat meningkatkan page view halaman karena letaknya berada dibawah posting.

Cara Memasang Related Post di Blogspot

Jika Template Blogger Anda Sudah terpasang Related Post, abaikan saja tutorial ini. Biasanya related post sudah disediakan oleh si pembuat template pada bawaan template Blogger.

Untuk memasang related post atau artikel terkait di blogspot caranya sebagai berikut:

1. Pertama login ke akun blogger Anda
2. Lalu pilih Template
3. Klik Edit HTML
4. Pilih Format Template
5. Gunakan Ctrl + F pada keyboard dan silahkan cari kode </head> kemudian anda paste kode di bawah ini tepat diatas kode </head>

<!--Postingan Terkait Dengan Gambar Kode Mulai--><!-- 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-left: 5px; } #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/AVvXsEgKJPOwrcQGYJ5HUu6sXjx29nCioKeyyaAPC3oc8amaG3u-cBBITQ8FmMbXbHtM-KDULR_x51bul4iJSiuqDGYrSawmmwV9pDOzAYAvJwb4A4a6UmcAY6LklP2_GzDJE7fF3UqGu-HJDEoR/s1600/images.jpg"; var maxresults=10; var splittercolor="#d4eaf2"; var relatedpoststitle="Postingan Terkait"; </script><script src='https://sites.google.com/site/seociyussite/file/post_terkait_dengan_gambar.js' type='text/javascript'/><!-- remove --></b:if><!--Postingan Terkait Dengan Gambar Kode Selesai-->

Catatan:
var maxresults=10; untuk menentukan jumlah artikel terkait yang akan ditampilkan.

Setelah selesai memasang kode pertama diatas kemudian silahkan anda cari kode <div class='post-footer-line post-footer-line-3'> atau <p class='post-footer-line post-footer-line-3'> ini tergantung pada template yang digunakan, karena biasanya tidak sama. kemudian paste kode di bawah tepat sesudah kode tersebut.

<!--Postingan Terkait Dengan Gambar Kode Mulai--> <!-- remove --><b:if cond='data:blog.pageType == "item"'> <div id='related-posts'><br /> <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><br /><div style='clear:both'/><br /> <!-- remove --></b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> </b:if></b:if> <!--Postingan Terkait Dengan Gambar Kode Selesai--> 

Itulah cara bagaimana memasang related post atau artikel terkait di blogspot. Hasilnya bisa anda lihat seperti artikel terkait dibawah posting ini. Semoga saja posting kali ini ada manfaatnya dan bisa membantu sahabat blogger semua.

Jika bermanfaat jangan lupa share. Terimakasih!

 

Baca juga: