Advertisement
Related Post adalah deretan link judul artikel yang memiliki kaitan isi konten atau yang dikelompokkan berdasarkan kategori pada label di postingan kita. Sehingga, saat seseorang sedang membaca sebuah artikel, lalu dia merasa tidak puas dengan artikel yang dibacanya tersebut, kemungkinan terbesar dia akan tertarik dengan link artikel yang ada pada Related Post. Sehingga dia akan mengklik link tersebut, dan tentunya hal ini menambah keuntungan bagi blog kita, dimana akan semakin bertambahnya page view pada artikel-artikel blog kita.
Pengalamanku Dalam Memasang Related Post
Sebetulnya sudah sejak lama sekali aku ingin memasang Related Post ini di blog Penghuni 60 ku, akan tetapi selalu saja gagal dan gagal lagi. Padahal sudah banyak sekali kode script yang aku coba, sampai-sampai, aku mengalami titik buntu, gimana caranya memasang Related Post ini. Namun, hal itu tidak mematahkan semangatku untuk terus mencoba, meskipun aku sudah merasa mumet untuk mengutak-atik templateku, akan tetapi, jujur, aku sangat menginginkan sekali, penampakan Related Post ini muncul di blogku.
Akhirnya, aku memutuskan untuk terus mencari berbagai macam kode Related Post yang banyak aku temukan di blog teman-teman yang mempostingnya. Dan Alhamdulillah, akhirnya aku menemukan kode script yang cocok dengan templateku ini. Alhasil, kalian bisa lihat sendiri kan, penampakan Related Postku di bawah postingan ini. Keren kan?
Lalu bagaimana cara membuatnya?
Bagi sobat Penghuni 60 yang ingin memasang Related Post ini di bawah postingan, silahkan ikuti langkah-langkahnya berikut ini:
Cara Memasang Related Post Di Bawah Postingan:
- Silahkan Login terlebih dahulu ke akun blogger kalian
- Masuklah ke menu Template – Edit HTML
- Sebelumnya, Back Up terlebih dulu template kalian, untuk menjaga jikalau pemasangan kode script ini malah mengacaukan template kalian. (Cara memback upnya cukup kalian copy- pakai CTRL+A biar cepat, setelah itu paste pada Notepad dan simpan)
- Kemudian, carilah kode </head> - pakai CTRL+F untuk mempermudah
- Jika sudah ketemu, silahkan copy code script dibawah ini lalu paste tepat di atas kode </head>
<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;}}}}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];}}
relatedTitles = tmp2;
relatedUrls = tmp;}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' +
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;}
i++;}
document.write('</ul>');}
//]]>
</script>
- Jika sudah, carilah kode <data:post.body/>
Perhatian :"biasanya akan ada beberapa kode <data:post.body/> di template anda, maka dari itu anda coba gunakan kode <data:post.body/> satu persatu untuk mem paste kode di bawah ini, ingat, hanya salah satu saja.
- Copy paste kode di bawah ini tepat di bawah kode <data:post.body/>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<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=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Related Post</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();</script>
</b:if>
- Setelah selesai, silahkan kalian simpan, dan cobalah preview blog kalian. Jika masih belum muncul Related Post nya, berarti kemungkinannya kalian salah penempatan kode, cobalah cari mana kode <data:post.body/> yang tepat.
- Selesai
Tips: Umumnya akan ada 3 kode <data:post.body/>. Biasanya kode yang tepat adalah kode yang ada diurutan ketiga dari atas. Namun, jika blog kalian memakai Fungsi Read more, maka tempatkan kode tersebut tepat setelah kode Readmore.
Nah, itulah cara memasang Related Post di bawah postingan blog kita. Hasilnya akan terlihat seperti di bawah postingan ini.
Semoga tips ini bermanfaat... ^_^
Artikel Menarik Lainnya:
mksh sob utk tipsnya, ini tips SEO lg ya sob? penghuni60 memang pandai kalo bicara soal SEO. lngsung aku terapin nanti, aku save dulu
BalasHapuswah, kebetulan sekali. Tadi aku juga mo nyoba masang widget related post di template baruku kak. Dulu-dulu sih bisa, sekarang malah nggak bisa.
BalasHapusKode post body atau apalah namanya itu, nggak ada. Tampilan buat ngedit template-nya udah berubah, nggak ada kolom yang buat centang expand all widget kayak dulu. Hiks. Ada cara yang lebih mudahnya nggak, kak?
@Jejak Jelajah: yups, bnr bgt sob, ini jg termasuk tips meningkatkan SEO, silahkan dicoba sob
BalasHapus@Enha: Sist.Enha kmn aja br kliatan lg? :)
iya skrg tampilan blogger udh byk berubah, udh gak perlu expand widget lg skrg, karena semua widget itu bisa dimunculkan langsung.
kok aneh sih masa gak ada kode post bodynya, seharusnya semua template itu ada, karena kode tersebut gunanya utk menampilkan isi post kita, gak mungkin gak ada, coba deh dicari lagi, minimal ada 2 kode. kecuali pake fungsi redmore, biasanya ada 3 kode.
terima ksh sob tipsnya, kebetulan template ane sih gak perlu pasang lg, karena udh ada dari sananya sob, hehe
BalasHapusyupz saya setuju, apalagi jika ditambah juga dengan random posts. ^^
BalasHapusKomentar ini telah dihapus oleh administrator blog.
BalasHapussekedar cita cita doang
BalasHapusaku selalu ragu untuk utak atik templet seringnya malah error
gini nih kalo males dipiara, heheh..
Komentar ini telah dihapus oleh administrator blog.
BalasHapustutorial bagus. saya jadi kepikiran buat pasang juga.
BalasHapussaya memang bener2 kagum sama lay out di sini
BalasHapus@Peluang Usaha: wah, enak donk kalo gitu sob, gak perlu pusing2 lg pasang related post
BalasHapus@Uda Awak: sama2 Uda, terima ksh Uda mau mampir kesini :D
@kolongtulis: nah yg itu aku msh blm tau tuh caranya gmn bikin random post yg bisa gonta-ganti otomatis tuh.. ajarin aku sob
@Fokus: sori, gak usah pake link segala lah... daripada dihapus komennya
@Rawins: haha, sebenarnya sih aku jg udh males mas Win, cm terkadang, aku kalo lg punya kepengenan tuh musti terpenuhi, kalo gak bs uring2an trs, hehe
@Bumi Angkara: lain kali dibaca dulu peraturannya ya,"gak blh pake link hidup!"
@zachflazz: pasang apa mas zach, togel ya? haduuuh, jangan, tar kejaring KPK loh... (apa hubungannya?)
jd malu euy dikagumi ama anggota KPK.. :D
nah, ini nih yg lg saya cari2...
BalasHapusmksh sobatku, penghuni60 emang yahud ^_^)b
nice tips
BalasHapusnice..tq infonya ya..
BalasHapusTerima Kasih sob triknya ;-)
BalasHapusNext Time, You Must Visit and Comment Back in my blog, Thanks.:-D
Terima Kasih sob triknya ;-)
BalasHapusNext Time, You Must Visit and Comment Back in my blog, Thanks.:-D
nambah ilmu lagi nih. nuhun tutorialnya
BalasHapusmakasih kakak
BalasHapusakhirnya saya bisa pasang related post juga XDD
Hmmm, saya di blog Gen-Q pasang related post tapi di yang baru belum takut keramaian... ternyata manfaatnya begitu ya? Dulu mah asal pasang aja ^^
BalasHapusBlognya keren abiz.
BalasHapusya memang related Post adalah widget yang paling manjur buat nambah PV..: D
saya sukses Follow gan, Folback juga ya
http://danforblogg.blogspot.com/
Semoga apa yang dilakukan dan informasi yang di sampaikan dapat memberikan manfaat kepada pebacanya. Aamiin
BalasHapusrelatedpost pernah saya menggunakan linkwithin, tapi hilang mas, saya coba pasang yang seperti ini
BalasHapusnanti akan coba saya terapkan gan.
BalasHapusThanks buat tutorialnya.. :D
kira-kira nambah beban loading blog nggak sobat?
BalasHapusthanks tutorialnya
BalasHapusbetul gan sejak pake related post page view jadi bertambah
BalasHapus@Download mp3: sama2 sob, jgn berlebihan memujiku sob
BalasHapus@Customers 1: ^_^ thanks
@Buatbest: sama2 sob
@sukangenet+Adit Novit: hehe, komennya sampe 2 ya sob, thanks ya.. :D
@Lidya: sami2.. :D
@Siamang: sama2 Mang...
@Ave Ry: keramaian apanya? kan bisa diatur jumlah tampilan related postnya
@Daniel: mksh udh follow sob, segera aku folback.. :D
@Ratu: amiin, jgn doanya aja, diamalkan donk.. :)
@Thanjawa: oke sob, silahkan dicoba, yg ini menurutku lbh ringan sob
@danthechord: silahkan
@wesitemini: oh gak sob, sama sekali gak berasa beratnya.. :)
@sadrach: sama2 sob
@Elsawati: tuh bnr kan.. :)
perlu bgt nih aku coba, siapatau bikin page view blogku jg nambah
BalasHapusmakasih mas wawan atas tutorial yg bermanfaat ini,
BalasHapusmas wawan = master SEO
hehe
Min, widgetnya udah berhasil saya pasang di blog dan bekerja dengan baik. Thanks ya. :)
BalasHapushttp://dailybloggerpro.blogspot.com/
http://rumahcerpenmu.blogspot.com/
@Sukma: oke sob, silahkan dicoba
BalasHapus@Fitriyana: haha, km bisa aja, aku blm menjadi master Fit, la wong aku aja msh belajar kok
@Agung: oke sob, selamat ya.. :D
good job my friend, and good tips
BalasHapus^_^
Terimakasih untuk informasinya, semoga dapat bermanfaat untuk semua orang yang udah menyimak informasi ini, salam kenal dan semoga selalu sukses.
BalasHapuspatut di coba nih kang :D
BalasHapusbaru ngertiaku kalau related post bisa membantu SEO, patut untuk saa coba... terima kasih banyak sob
BalasHapusmaksih banyak infonya mas...izin untuk diterapkan :)
BalasHapusmakasih infonya
BalasHapussangat bermnfaat
terima kasih informasinya, googling-googling eh dapet artikel bermanfaat begini, passs bgt nih lagi mau ningkatin page view,
BalasHapusterima kasih
http://www.kaizenconsulting.co.id
hooh emang bermanfaat. kita membuat link ke perbendaharaan artikel tau berit atau artikel yng sudah eksis di blog/web kita. maka akan memperkuat nilai SEO nya.
BalasHapuswww.nusapalapa.com
Tempatnya Juragan Kumpul
wah mantap ini infonya,tambah ilmu lagi deh..
BalasHapushttp://www.herusobirin.blogspot.com
alon alon asal kelakon
Selamat siang, semoga informasi yang disajikan dapat memberikan manfaat.
BalasHapusBener Itu Bos Tancap terus....
BalasHapusnumpang share ya.
barang kali bisa mengurang pikiran yang penat.
Video bayi kembar lucu banget
http://videolu.blogspot.com/2013/10/video-bayi-kembar-lucu-banget.html
mantap
BalasHapusThanks infonya kang :)
BalasHapusthank Q sob..bermanfaat
BalasHapusi'm blog walker,,,,
BalasHapussangat bermanfaat gan,,, kunjungi blog ane juga dong,,,www.virtual-corporate.blogspot.com
BalasHapus
BalasHapusThere should be one and only one skin in the template, and we found: 0
Sembunyikan pemberitahuan
tulisannya kok gini sob
BalasHapusThere should be one and only one skin in the template, and we found: 0
Sembunyikan pemberitahuan
@Sunar Montero: wah, kayaknya di templatemu sudah terpasang tuh sob, kalo dobel gak bakalan bisa sob..
BalasHapus@Sunar Montero: atau, coba deh beritau saya, muncul tulisan itu pas kamu apain?
BalasHapusKomentar ini telah dihapus oleh administrator blog.
BalasHapuskunbal juga yah
BalasHapushttp://reynaghgaul.blogspot.com
tipsnya sangat membatu, makasihh
BalasHapus