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, diperlukan hal itu akan memudahkan pengunjung untuk mencari artikel yang masih berafiliasi dengan posting yang sedang dibacanya.

Artikel terkait atau related post menampilkan pintasan dari beberapa posting yang masih mempunyai konten berafiliasi dengan artikel yang dikunjungi oleh pembaca. Menurut logikanya diperlukan dengan memasang artikel terkait ini sanggup meningkatkan page view halaman sebab 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 aba-aba </head> kemudian anda paste aba-aba di bawah ini sempurna 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/AVvXsEg7YqV6Lxo8PMRpd-cPbWa0TeqQrWonrefMrXIkpzzUW6m1vt0lxjXcr6jssiV94P7Zu2AOCrOQxgF_EFmh-iIVtcNVqmmSthtUkUDMsVB_MKBVkhnk8nYGefyDwJqiXlsm7m8pK4mjMRX0/s1600/images.jpg"; var maxresults=10; var splittercolor="#d4eaf2"; var relatedpoststitle="Cara Memasang Related Post Dengan Thumbnail"; </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 memilih jumlah artikel terkait yang akan ditampilkan.

Setelah simpulan memasang aba-aba pertama diatas lalu 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, sebab biasanya tidak sama. lalu paste aba-aba di bawah sempurna setelah aba-aba 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 sanggup anda lihat menyerupai artikel terkait dibawah posting ini. Semoga saja posting kali ini ada keuntungannya dan sanggup membantu sobat blogger semua.

Jika bermanfaat jangan lupa share. Terimakasih!
Sumber https://www.britablogger.com/

Bagikan Artikel ini