Membuat Related Post Blogger – related post ? ingin pengunjung betah di blog ? maka dari itu ayo kita pasang related post yang seo friendly dan enak dipandang mata. Kali ini Galeri Info Unik akan membahas tutorial tentang Membuat Related Post Blogger.
SEBELUM MENCOBA TUTORIAL INI SAYA SARANKAN ANDA UNTUK MEMBACA SECARA LENGKAP, KARENA ADA OKNUM YANG HANYA BISA MARAH2 SAJA KARENA TIDAK TAHU CARANYA UNTUK MENDAPATKAN TUTORIAL INI. BLOG INI SENGAJA DI ANTI KLIK KANAN DAN COPY PASTE KARENA MENGANTISIPASI PARA COPASER YANG TERUS MENGINTAI ARTIKEL2 DARI BLOG INI, SO BAGI KAWAN YANG INGIN MENGCOPAS UNTUK KEPERLUAN TUTORIAL TENTU SAYA SEDIAKAN LINK DOWNLOADNYA, JADI KAWAN BISA MENGCOPY DARI DOWNLOADAN TERSEBUT. TERIMAKASIH.
SILAHKAN KLIK DISINI UNTUK MENDOWNLOAD TUTORIALNYA. FILE AKAN OTOMATIS TERDOWNLOAD DAN TERSIMPAN PADA KOMPUTER KAWAN. :)
Sebelum melanjutkan membaca tutorialnya, tentu kawan juga ingin mencoba keberhasilan dari cara ini, kawan bisa lihat contohnya dibawah postingan ini ataupun screen shootnya seperti ini
Selanjutnya jika kawan ingin mengcopy paste tutorial ini, saya sarankan untuk mendownload saja tutorialnya, tinggal klik dan file ms.word siap pakai untuk kawan coba. Karena sudah saya persiapkan sebelumnya. Silahkan klik DISINI ! untuk mendownload tutorial lengkapnya, file bentuk word dan akan download otomatis dan gratis.
And then, kalau mau melihat cara Membuat Related Post Blogger Langsung saja ikuti petunjuk dibawah ini :
Login Blogger.com
Klik Rancangan » Edit HTML
Back up template lama Anda agar jika gagal, tidak merusak tampilan blog.
Klik "Expand Template Widget".
Gunakan Ctrl + F untuk mempermudah pencarian.
Masukkan kode css berikut tepat atas kode </head>
=============== Masukkan kode css berikut tepat atas kode </head> =================
<style> #related-posts { float : left; width : auto; 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/AVvXsEg34l_mVyCiCMiCEFKJRsZ_bxQUwMAxBANYb0rDRfTy59yxjRKd0vhlRtW29U92ol4uzDLg7o2VkECy32F9to9BHbKygHu7GyjsGuavKVOCyCOGpqnGS7Yn1Y5JbtJanTvJkNb8y3AX2a4/s1600/arthur.png") 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=https://sites.google.com/site/jscript911/script/rp.js' type='text/javascript'/>
Cari kode <data:post.body/> atau <div class='post-body> usahakan yang berdekatan dengan post-entri, Kemudian copy code dibawah ini, letakkan tepat dibawahnya.
============= Cari kode <data:post.body/> atau <div class='post-body> =============
<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><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=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>
Kemudian SAVE dan Lihat hasilnya.
+TIPS JIKA GAGAL MEMASANG RELATEDPOST
Ini yang menjadi perbedaan dengan blogger lainnya, saya akan memberikan tips – tips pemasangan script.
Dalam pemasangan tiap script apapun itu tidak semuanya cocok, dikarenalan perbedaan dalam menggunakan template. Lalu apakah solusinya ?
Okeh langsung saja ya.
1. Pada saat kawan mencari kode <data:post.body/> atau <div class='post-body> pada template kawan, pastikan kawan sudah mencentang “Expand Template Widget” hal kecil ini biasanya disepelekan oleh para blogger sehingga tidak akan bisa ketemu kode <data:post.body/> atau <div class='post-body> jika tiak mencentang EXPAND TEMPLATE WIDGET.
2. Ketika kawan menemukan lebih dari satu kode <data:post.body/> atau <div class='post-body> , maka pilih kode yang terakhir untuk menempatkan script. Setelah itu save dan mencoba lihat hasilnya. Jika belum berhasil pasang juga scriptnya pada kode yang kedua dari terakhir (jika kode <data:post.body/> atau <div class='post-body> lebih dari satu.).
Save dan lihat hasilnya. Jika gagal lagi, pasang juga scriptnya pada kode ketiga dari terakhir dan seterusnya.
3. Jika terjadi kasus seperti ini :
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script.............. pageType == "item"'><data:post.body/></b:if>
</p>
saat mencari kode <data:post.body/> atau <div class='post-body>.
Maka tempatkanlah scriptnya setelah kode penutup dari script yang kawan pasang sebelumnya. Pada contoh diatas kode <data:post.body/> sudah dipakai untuk script READMORE maka, pemasangan script RELATEDPOST setelah penutup script READMORE.
LALU SAVE DAN LIHAT HASILNYA, JIKA MASIH GAGAL JUGA SILAHKAN KAWAN IMPROVE SENDIRI DENGAN SEDIKIT TUTORIAL YANG SAYA BERIKAN DISINI.
Okelah kawan, jika kawan ingin memasang related post yang bergambar ataupun dengan thumbnail, kawan juga bisa melihat tutorialnya di Related Post With Thumbnail.
Okelah kawanku, saya cukupkan dulu pembahasan Membuat Related Post Blogger di blog Galeri Info Unik ini, semoga bermanfaat. Dan mohon maaf jika banyak kesalahan kata, like juga ya hehehe.
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
JIKA KAWAN INGIN IKUT MENGSHARE TUTORIAL CARA MEMBUAT RELATED POST BLOGGER INI, SILAHKAN MENCANTUMKAN LINK BERIKUT http://bolehasyik.blogspot.com/2012/08/membuat-related-post-blogger.html SEKEDAR UNTUK MENGHARGAI KERJA KERAS DALAM PEMBUATAN DAN RISET TUTORIAL INI. KARENA 80% TUTORIAL INI HASIL RISET DAN UPDATE TERBARU. SEMOGA KEBIJAKSANAAN KAWAN BERBUAH MANIS JUGA. JANGAN LUPA LIKENYA YA. SALAM KOMPAK.
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Tidak ada komentar:
Posting Komentar