Cara Buat dan Pasang Related Post / Artikel Terkait di Blogger

Membuat dan pasang artikel terkait atau related post pada blog, baik itu dipasang sebagai widget atau dipasang pada postingan artikel memang merupakan hal yang dibutuhkan bagi setiap blogger. Betapa tidak, dengan pasang artikel terkait / related post tentu akan menambah pageview blog Anda. Tentu pengunjung juga akan mudah mencari dan medapatkan informasi atau artikel yang berhubungan dengan topik yang dibaca.

Tutorial Blogger proBlogiz membagi tip dan trik Seo OnPage, Cara Buat dan Pasang Artikel Terkait / Related Post di postingan artikel. Penempatan related post tepat dibawah postingan artikel tentu memberikan keuntungan dan kemudahan bagi pengunjung maupun si-empunya blog. Karena pengunjung dapat menemukan artikel-artikel berkaitan diakhir artikel utama dan mereka akan senantiasa berlama-lama di blog Anda dan meningkatkan kualitas pageview blog dan memberikan value SEO yang baik.

Pada pemasangan artikel terkait kali ini, kode script related post tidak menggunakan thumbnail (gambar) melainkan hanya memakai sebuah icon RSS, yang relatif lebih cepat dimuat atau loading pada web browser. Untuk menambah menarik dan tampilan yang lebih professional dilengkapi dengan auto scroll, sehingga tidak banyak memakai halaman web page / blog Anda.

Contoh pemasangan related post dengan icon RSS, seperti gambar screenshot di bawah ini :

related post pada blog

Cara Buat dan Pasang Artikel Terkait di Postingan

Langkah Pertama

Masuk Blogger>>> pilih Template >>> edit HTML

backup template jika perlu

Tekan F3 >>> cari kode tag </head>

Copy kode script dibawah ini :

<style> #related-posts { float : left;height:200px;overflow:auto; 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/AVvXsEiw5JEvxK42hdgPvmQhKxmWufYuFS4kuKXFqDQSZana4dUxS6HmteayFGIWFluJd2dXP1hEU5zUin1sgxYaog9xeoKdCuZ7OPkQ0R-nnxso-oo-S187N3Oy9U3p8TywEowEoVCoQ_IiQb8/") 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://problogizjs.googlecode.com/files/Related-posts.js' type='text/javascript'/>

Dan pastekan atau letakkan semua code CSS tersebut sebelum tag </head>

Langkah Kedua

Masih di edit Template >>> cari kode <data:post.body/>
Copy dan pastekan kode HTML dibawah setelah tag <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='related-posts'> <font face='Arial' size='3'><b>Artikel Terkait : </b></font><font color='#151515'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/></b:if></b:loop> </font> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div></b:if> 
note :

pada beberapa template terdapat lebih dari satu tag <data:post.body/>, oleh karena itu Anda bisa pilih salah satu kalau gagal tag yang pertama pilih tag yang kedua atau cobalah semuanya dimana yang berhasil dan ganti color font sesuai dengan blog Anda 

Kemudian silahkan Save Template.

Selesai. Anda bisa lihat hasilnya pada halaman postingan blog, dibagian paling bawah post artikel akan nampak Related Post / Artikel Terkait yang simple dengan icon RSS.

Selamat mencobanya Pasang Artikel Terkait di Post di blog Anda

Apabila menemukan kesulitan atau saran silahkan ditanyakan di form komentar.