Sebelumnya sudahkah sobat tahu fungsi dan manfaat dari related post tersebut?? ya.. related post atau biasa kita sebut artikel terkait ini berfungsi untuk memudahkan pengunjung blog kita dalam mencari kategori yang bersangkutan dengan artikel kita,bagaimana cara pasangnya??
Langsung ketutorialnya :
- Pertama seperti biasa silahkan Login dulu ke blog sobat
- Masuk ke pengaturan Template >> Edit Html
- Kemudian cari kode </head> ,gunakan CTRL+F untuk permudah pencarian
- Copy script berikut dan letakkan tepat diatas kode </head>
<style> #related-posts { float : left; width : 540px; 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/AVvXsEijSlx_7jcaxod-279Kj1kvAD5VU1enT0TytDq4H8mhBNa_F16VeGHHbjVRwNnvyHayhKXl6CV1SPaBijKS3QRRvrgTPJ7lJ_LBE1EizFusvymSCzQNmU_MznUKm7oHWbisqWTEKYvhkos/") 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='http://yourjavascript.com/11631137121/related_post_pelajaran_blog.js' type='text/javascript'/>
- Setelah selesai memasukkan kode tersebut,tinggal sentuhan terakhir cari kode <data:post.body/> dan letakkan script berikut tepat dibawahnya :
<br/><br/><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>
- Selesai dan simpan
Untuk Related Post dengan gambar sobat bisa baca DISINI
Untuk Related Post menggunakan Linkwithin sobat bisa baca DISINI
Maaf sebelumnya kalau cara dan postingnya terpisah,itu karena biar Hits blog saya bisa nambah,gkgkgk
tapi tujuan utama saya tetep yang terbaik bagi pengunjung,saya buat terpisah karena biar cepet aja loadingnya...segitu sekiranya dari saya terimakasih semoga bermanfaat..
Baca juga Tutorial Blog SEO :
- Cara menghilangkan/menyembunyikan tang dan obeng pada blog
- Cara mengoptimalkan posting gambar lebih SEO
- Cara mendapatkan ribuan Backlink gratis
- Kebahagiaan dan kemuliaan wanita mulimah
- Kesabaran seorang wanita muslim
- Belajar memahami arti diri dalam kehidupan
- Keajaiban ALLAH di perang Gaza
- Kisah nyata mukjizat cinta dari seorang istri
- Taubat setelah melihat sakaratul maut
Silahkan tinggalkan Kritik dan Saran Sobat dibawah sini :
Gunakan Akun openID / Google+ / Blogger agar ada pemberitahuan untuk catatansaif. Boleh Copas asal ada sumbernya ya.. untuk sedikit hargai kerja keras orang lain aja..
Centang "Notify Me" agar ada pemberitahuan balasan dari saya.
Mulai 2016 Komentar dengan menyertakan Link Aktiv / No Aktiv akan dihapus, jadi gunakan openID saja.