Cara Termudah Memasang Related Post Script Valid
Bagi para master-mastah, membuat dan memasang Related Post atau posting terkait pada blog merupakan hal yang sangat mudah dan sepele.
Tapi lain ceritanya dengan para blogger baru atau newbie. Terkadang butuh “ perjuangan “ tersendiri.
Apa pasal ?
Memang benar, jika anda surfing di internet tentang cara membuat related post di blog anda akan dengan mudah menemuinya, dan bejibun caranya. Namun kenyataannya setelah cara-cara yang anda dapatkan dicoba diaplikasikan di blog anda, ternyata sebagain besar script tersebut tidak bekerja. Alias tidak bisa memunculkan Related Post di blog anda.
Padahal dengan memasang Related Post pada blog akan mempermudah dan memanjakan para pengunjung untuk mengeksplorasi sebuah blog. Dan konon dengan memasang Related Post, sebuah blog akan lebih disukai oleh Google karena akan mempermudah spidernya untuk merayapi sebuah blog.
Nah bagi para blogger – yang khususnya - pemula yang ingin memasang Related Post pada blognya, mungkin bisa mengikuti Cara Termudah Membuat Related Post. Script Valid berikut ini.
Cara ini secara garis besar saya bagi menjadi 2, yaitu :
1. Dengan menggunakan bantuan pihak ketiga
2. Tanpa menggunakan bantuan pihak ketiga.
● Memasang Related Post menggunakan bantuan pihak ketiga,
Yaitu dengan memakai layanan situs eksternal yang menyediakan aplikasi ini.
Ini cara yang paling mudah ( tanpa pusing otak-atik script ). Misal dalam hal ini saya contohkan dengan menggunakan layanan LinkWithin.
Caranya :
- Masuk ke LinkWithin.com
- Cari dan klik Install Widget untuk membuka Blogger di jendela baru, Login ke account Blogger
- Pilih blog yang akan dipasang Related Post, kemudian klik Add Widget
- Maka akan terbuka halaman pengaturan blog anda
- Biasanya Related Post diletakkan persis di bawah halaman postingan, namun jika menghendaki lain, pindah kode Related Post pada bagian yang dikehendaki dengan Drag And Drop.
- Kemudian Klik Save. Selesai
- Maka kode Related Post lengkap sudah termuat di blog anda.
Coba lakukan test atau pengecheckan.
Jika tidak menghendaki tampilan Related post hanya berupa teks link posting saja, anda bisa merubahnya dengan memilih type lainnya ( thumbnail ).
● Memasang Related Post tanpa menggunakan bantuan pihak ketiga
Jika memilih cara ini, maka anda harus “ terpaksa “ mengotak-atik sendiri blog anda. Namun jangan khawatir, untuk menghemat waktu anda, saya pilihkan scrip related post yang benar-benar valid.
Artinya scrip yang anda pasang, nantinya dapat langsung bekerja di blog anda.
Dan ini sudah saya buktikan kevalidannya.( Scrip ini sebenarnya saya dapatkan dari salah satu blogger lainnya : kangdansen....he..he....maka terima kasih untuknya ).
Langsung saja, berikut caranya :
- Masuk ke akun Blogger anda
- Klik Edit HTML
- Lalu cari kode </ head >
- Copy dan pastekan kode beriku tepat di atasnya :
<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;padding-left:5px;}
#related-posts h2{
font-size: 1.2em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black; }
#related-posts a:hover{
color:black;
}#related-posts a:hover {
background-color:#d4eaf2;}
</style>
<script src='http://kangdansen.googlecode.com/files/relatedpostwiththumbnail.js' type='text/javascript'/>
</b:if>
- Setelah itu cari kode ini :
<div class='post-footer-line post-footer-line-3'>
atau kalau tidak ada cari kode ini
atau kalau tidak ada cari kode ini
<p class='post-footer-line post-footer-line-3'>
- Kemudian copy dan pastekan kode berikut tepat dibawahnya :
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<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_thumbs&max-results=6"' type='text/javascript'/>
</b:if>
</b:loop>
<a href='http://anekacarapraktis.blogspot.com' style='display:none;'>Related Posts with thumbnails for blogger</a>
<a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'> var currentposturl="<data:post.url/>"; var maxresults=5; var relatedpoststitle="Related Posts"; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script>
</div>
<div style='clear:both'/>
</b:if>
- Setelah itu Klik save.
Selesai
Jangan lupa ganti tulisan yang bertanda merah dengan url bkog anda.
Jangan lupa ganti tulisan yang bertanda merah dengan url bkog anda.
Untuk mengechecknya, mudah, klik saja salah satu postingan anda, pilih postingan pada label yang mempunyai lebih dari satu posting.
Maka related post atau posting terkait kini telah terpasang di blog anda.
Jika ada kesulitan, silahkan sharing disini.
Maka related post atau posting terkait kini telah terpasang di blog anda.
Jika ada kesulitan, silahkan sharing disini.
Dan konon, related post ini termasuk salah satu bentuk data terstruktur. Dan jika ingin memasang data terstruktur secara lengkap, agar blog lebih yahud bisa dilihat disini :
> Cara Mudah Memasang Data Terstruktur Pada Blog.
