
Bahkan, banyak juga kalangan blogger mengatakan bahwa sebuah artikel terkait atau related post itu wajib. Kemungkinan sebab nya adalah untuk menaikkan trafik blog tersebut. Logika nya begini, ketika pengunjung sobat selesai membaca artikel sobat yang super menarik untuk dibaca, maka sengaja atau pun tidak sengaja pengunjung tersebut akan membaca artikel terkait / related post di bawah postingan blog tersebut. Artikel terkait yang dimaksudkan disini adalah artikel atau post mempunyai tag yang sama
Dengen tutorial artikel terkait atau related post, pengunjung sobat dapat menjelajahi semua artikel blog sobat jika artikel tersebut saling terkait atau mengaitkan. Dengan ini, pageview atau penayangan blog sobat akan naik. Maka dari itu, sebuah related post atau artikel terkait di bawah postingan blog sangat penting. Karena salah satu cara untuk menaikkan trafik blog sobat.
Dan disini, saya akan beri tutorial tersebut. Namun, sebelum saya akan jelaskan, disini saya mempunyai 2 cara yang berbeda dan tampilan yang berbeda juga. Maaf, disini saya tidak mempunyai demo nya. Tetapi, tutorial ini 100% work jika sobat membaca nya dengan teliti dan seksama.
Cara Membuat Artikel Terkait Di Bawah Postingan Blog
1. Login Blogger
2. Klik template/rancangan
3. Edit HMTL
4. Cari kode
<data:post.body/>
(agar lebih memudahkan untuk mencari, klik kolom edit HTML, kemudian tekan secara bersamaan pada keyboard Ctrl+F)5. Setelah ketemu, copast kode dibawah ini. Letakkan kode dibawah ini tepat DIBAWAH kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Post</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>
6. Simpan
Cara Membuat Artikel Terkait Menggunakan Linkwithin
Contoh tampilan related posts dari Linkwithin

2. Isi dulu form yang tersedia.
*Keterangan:
Email: Isi dengan email sobat. Jika sobat masih belum punya email, buat dulu email nya. (Baca juga: Cara Membuat Email Baru Gmail Mudah Di Google Terbaru 2015)
Blog link: Isi dengan nama URL blog sobat yang akan diberi related post.
Platform: Pilih blogger. Jika sobat menggunakan wordpress, ya pilih wordpress.
Width: Pilih jumlah artikel terkait thumbnail yang akan ditampilkan (max 5 post).
Jika sobat ingin related post yang terang, centang tulisan: My blog has light text on a dark background. Jika ingin gelap, jangan dicentang.
3. Klik Get Widget!
4. Tunggu beberapa saat.
5. Setelah itu, akan muncul script HTML/JavaScript, kemudian copy script tersebut.
6. Login Blogger
7. Template/rancangan
8. Edit HTML
9. Cari kode
</body>
(agar mempermudah pencarian, klik kolom Edit HTML, kemudian tekan Ctrl+F secara bersamaan pada keyboard)10. Copy kemudian paste dan letakkan kode dibawah ini tepat DIATAS kode </body>
<b:if cond='data:blog.pageType != "item"'>Paste kan script related post linkwithin disini</b:if>
11. Simpan*Keterangan: Ganti tulisan Paste kan script related post linkwithin disini dengan kode script related post tadi.
Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ
Judul | Cara Membuat Related Post / Artikel Terkait Di Blog |
Deskripsi |
Cara membuat related post / artikel terkait di blog menggunakan 2 cara yang akan membuat pengunjung Anda menjangkau semua laman web/blog Anda.
|
Author | |
Author Rating |
95%/ 100% Suara Dari 2964 votes
|
thanks tutornya gan ,. BTW ini sudah ada di blog dalon jadi dalon kesini sekedar nyimak . hehehe
ReplyDelete(h)
Deletethanks tutor nya
ReplyDelete:d
DeleteWah nice info gan, thanks ya
ReplyDeletekeren gan, ijin coba
ReplyDeleterelated post nya mantep gan,
ReplyDeletetapi rada ribet kayanya nih di prakteikin nya
Ribet apanya.
baca baik2. 
Deletekeren nih coba dulu
ReplyDeletewah bagus ni gan
ReplyDeletekunbal ya http://seosc.blogspot.com/2015/01/cara-memasang-join-this-site-bergerak.html
artikel mantep gan, jelas banget juga. izin praktekin ah
ReplyDeleteIzin coba gan, nice post
ReplyDeletejadi nya keren kayak e, perlu di coba. ijin bookmark dulu gan
ReplyDeletekeren gan, jelas banget. langsung praktek nih (y)
ReplyDeleteWahh keren nih gan ehheheh kan blog ane belum ada related postnya jadi izin praktek ya tanks admin
ReplyDeleteKeren gan
ReplyDeletesangat bermanfaat tutornya bro
ReplyDeletekeren gan, ternyata ada dua cara nih
baru tau aku, lebih mudah pakai link with in ya
ReplyDeleteIya.
DeleteIni yang dicari!
ReplyDeleteThanks gann
Wah mantep nih tutor nya
ReplyDeleteThanks udah share
ijin praktek gan buat blog satunya . kunbal www.bantoel.com
ReplyDeleteSiap.
Deleteijin coba yah bos kayanya keren
ReplyDeleteIzin bukmak dulu
ReplyDeleteSekalian
Http://blogsyaputra.blogspot.com
http://goo.gl/JqNu6R
Bukmak? *waks
DeleteSekalian belajar HTML sama CSS.
ReplyDeletewah bagus juga nih, langsung praktekin aja ah
ReplyDeletewah, dapat mempertanvam blognih
ReplyDeleteapa ini juga termasuk SEO ?
Iya. SEO onpage.
Deletehhhmm..perlu dicoba kyaknnya
ReplyDeleteamankan sob
ReplyDeleteMantep, izin pasang related posts nya
ReplyDeleteBener banget gab
saya pake itu bikin PV blog saya meningkat drastis + Bounce juga berkurang. Ranking di alexa pun jd ramping hehe
ReplyDeleteterima kasih infonya gan.
ReplyDeletelumayan bisa nambah pengetahuan tentang seo
Mampir ke blog saya gan fahmi.
ReplyDeleteUpdatekno12.blogspot.com
Kuraupdate.blogspot.com
izin nyoba , nice posting
ReplyDeletehttp://anime-skyteamindo.blogspot.com/
ini dia yang saya cari, terimakasih atas infonya gan
ReplyDeletehttp://kedaijellygamatgoldg.com/
http://kedaijellygamatgoldg.com/jelly-gamat-gold-g/
Thanks atas caranya
ReplyDelete