Beberapa waktu yang lalu saya sudah menjelaskan tentang Cara Meningkatkan Jumlah Pageview Blog dengan Mudah. Salah satu point-nya adalah hendaknya kita memasang widget related post/artikel terkait dalam blog. Dengan adanya widget posting terkait yang diletakkan diakhir postingan, memungkin visitor/pengunjung untuk membaca lebih lanjut artikel-artikel relevan yang ada di blog kita. Sehingga, hal itu akan meningkatkan jumlah pageview blog kita. Alasan selanjutnya kenapa kita harus memasang widget related post adalah tidak semua template terdapat widget ini, sehingga harus dipasang sendiri. Kebetulan template yang saya gunakan ini, Tricks Collections SEO Friendly Blogger Template, sudah terdapat widget related post, sehingga saya tidak perlu memasangnya lagi.
So, bagi anda yang belum mempunyai widget ini dalam blog anda, hendaknya dipasang karena widget ini mempunyai peran yang sangat penting bagi kemajuan tingkat lalu lintas blog anda.
Apabila anda belum mengetahui caranya, saya akan memberikan cara yang sederhana untuk memasang widget ini di blog anda. Tujuannya agar mudah dipahami oleh anda. Berikut langkah-langkahnya. Jangan lupa baca juga Tips Mendapatkan Approval dari Google AdSense.
Apabila anda belum mengetahui caranya, saya akan memberikan cara yang sederhana untuk memasang widget ini di blog anda. Tujuannya agar mudah dipahami oleh anda. Berikut langkah-langkahnya. Jangan lupa baca juga Tips Mendapatkan Approval dari Google AdSense.
Cara Membuat dan Memasang Widget Artikel Terkait / Related Post Tanpa Tumbnail di Blog
(i) Silahkan anda log in pada blog anda masing-masing dengan mernggunakan username dan pasword anda.
(ii) Silahkan anda masuk ke Dashbor, kemudian pilih menu Template, dan pilih Edit Template. Kemudian anda akan menjumpai kode HTML/JavaScript yang sangat banyak. Silahkan anda cari Kode <data:post.body/> yang ketiga atau yang ke empat. Untuk mencari kode <data:post.body/>, dengan cara Klik Control F, nanti akan muncul kotak pencarian dipojok kanan atas. Silahkan masukkan kode <data:post.body/> ke dalam kotak pencarian, dan Klik Enter.
(iii) Setelah kode <data:post.body/> sudah anda temukan, silahkan letakkan kode berikut ini tepat dibawah kode <data:post.body/> yang ketiga. Kemudian klik Save, dan lihat hasilnya.
<b:if cond='data:blog.pageType == "item"'><div style='margin-top: 10px;'><strong>Baca Juga Yang Ini Ya</strong> <div class='rbbox'> <div style='margin:0; padding:10px;height:300px;overflow:auto;border:1px solid #ccc;'> <div id='ardi33'/> <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('ardi33').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> <script type='text/javascript'>RelPost();</script><div class='ycdr' style='font-family: arial, sans-serif; font-size: 9px;'><a href='' target='_blank' title=''/> <a href='http://kumpulan-informasi-unik.blogspot.com/' target='_blank'/></div></div> </div> </b:if>
Keterangan:
Kode warna merah, silahkan ganti sesuai dengan selera anda masing-masing
Kode warna hijau adalah ukuran tingginya
Kode warna biru adalah jumlah artikel dan label yang akan muncul
(iv) Apabila eror atau belum berhasil, silahkan letakkan kode tersebut dibawah kode <data:post.body/> yang kedua atau yang keempat. Apabila sudah berhasil, hasilnya akan seperti gambar dibawah ini.
Contoh Tampilan Related Post (Sumber: www.dig.do) |
Demikian panduan tentang tata Cara Membuat dan Memasang Widget Artikel Terkait / Related Post Tanpa Tumbnail di Blog. Mungkin anda langsung bisa menerapkannya di blog anda masing-masing, supaya lebih jelas dan paham. Atas perhatiannya saya ucapkan terimakasih. Jangan sampai ketinggalan artikel menarik lainnya di Ririn's Blog tentang Hal-hal yang Tidak Disukai Pengunjung / Visitor Blog.
Mba ririn cewek.
ReplyDeletekok pasang foto cewek sih, seharusnya tu ya pasang foto mas mas super junior. he he...
sebagian besar blogger itu cowok, jadinya pasang foto cewek biar yang baca tambah semangat :)
DeleteOh jadi gitu ya.. he he.
Deleteitu fotonya mbak Ririn .. :)
DeleteBiar yang baca artikel nya pada semangat mas hehehe :D
DeleteCantik sih fotonya :D
DeleteWidget seperti ini memang sangat penting untuk blog profesional, bisa menjadi manfaat tersendiri bagi blog
ReplyDeletebisa menambah pageview ya mas :)
DeleteSeiring waktu saya jugaselalu mempelajari mana yang penting buat kemajuan blog mbak dan ini salah satunya...makasih ya mbak
ReplyDeleterelated post penting bangat ya mbak, untuk mengarahkan pembaca ..
ReplyDeleteKalau blog saya lebih suka pake thumbnail biar lebih jelas gambaran isi postingannya dan bisa menarik, makaish mbak buat ulasannya.
ReplyDeleteBerkunjung ya ada postingan terbaru.
iya itu selera masing-masing individu mas :)
Deletebenar ya bisa membuat meningkatkan pageview blog kita
ReplyDeletenice info mbak
selamat sinag mbak ririn . . .
ReplyDeleteselalu membantu blogger pemula seperti saya mbak ririn ini . . .
thanks ya mbak .
coba dipraktekan, biasanya sy bikin manual mbak, btw foto siapa mbak, ririn ta'
ReplyDeleteitu foto artis korea mas hehehe :D
Deleteartikel terkait memang sangat diperlukan ya mbk dalam meningkatkan sebuah blog. terus gimana nih mbk kira2 kalau blog kita gak ada artikel terkait, artikel terbaru dan lain sebagainya apa itu gak baik sama sekali buat blog??
ReplyDeletesebaiknya widget tersebut dipasang mas. Tujuannya untuk memberikan referensi bacaan yang lebih banyak kepada pengunjung, sehingga bisa meningkatkan pageview blog, dan juga bisa menurunkan bounce rate :)
Deleteow,, begitu ya. ohya tentang bounce rate saya masih kurang mengerti mbk. apa maksudnya dan kenapa ada bounce rate?? terima kasih sebelumnya..
DeleteMas Bas Studio bisa baca artikel ini ya http://tautweb.com/apa-itu-bounce-rate-konsep-kualitas-kunjungan-web/
Deletebagus kalau sudah ada mas :)
ReplyDeleteSelain buat ningkatin pv..juga jd keliat lengkap sama turunan artikel lainnya ya mbak :)
ReplyDeleteOh ya mbak Rin..caranya gimana ya..biar label yg keluar di related post nya cuma satu..padahal di artikelnya nanamin lebelnya..lebih dari satu
Trims ya,mbak :)
klik widget related post tanpa gambar ini, tertarik sama screnshotnya yang cantik itu deh...sekilas mirip dengan mantan pacar yang udah jadi ibunya anak-anak....hmmmm.....:o)
ReplyDeletewah mas cilembu, betul tu mas mirip orang rumahnya mas, heeeheee
DeleteHiii.script-nya serem. Tapi fotonya, seneng :)
ReplyDeleteScript buat related postnya sudah di test di blog saya dan berhasil, terima kasih atas bantuannya.
ReplyDeleteOk sama-sama pak quadrat :)
Deletemakasih banyak gan :'(
ReplyDeletegua capek nyari kemana2 baru ini yg completed banget .
gua share pakai g+ ^_^
This comment has been removed by a blog administrator.
ReplyDelete