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 :
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 == "item"'>
<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 != "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=10"' 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
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.





































