Cara Membuat Related Post - Hai semua AiRa LoKa best friend... kali ini saya mau bagi-bagi tutorial tentang Cara Membuat Related Post.
Related Post berfungsi untuk menampilkan artikel-artikel lain yang memiliki label yang sama dengan artikel yang sedang dibaca pada saat itu oleh pengunjung blog anda. Related post juga bisa menambah traffic, karena menambah pageview pada blog.
Bagi anda para blogger, traffic adalah syarat mutlak untuk menaikkan pagerank blog anda. Bahkan jika pengunjung blog anda ingin melihat-lihat isi blog anda, mereka bisa mengklik salah satu dari related post. Apalagi jika judul dari artikel yang terdapat di related post itu membuat para pengunjung blog anda pernasaran dan ingin untuk membukanya. Nah, bagi yang mau coba, Langsung saja..
Cek It Out......
1. Masuk ke Blogger > Dashboard Blogger > Template > Edit HTML. Jangan lupa untuk BACKUP template anda untuk berjaga-jaga bila terjadi kegagalan dalam proses. Seperti biasa, centang "Expand template widget".
2. Cari kode </head>(gunakan F3 atau Ctrl+F untuk memudahkan dalam pencarian) kemudian masukkan kode dibawah tepat diatas dari kode </head>
Selamat Mencoba!
<!--Related Posts with thumbnails Scripts and Styles Start - www.AiRaLoKa.com--><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.3em;font-weight: bold;color: #000000;font-family: Georgia, “Times New Roman”, Times, serif;margin-bottom: 0.75em;margin-top: 0em;padding-top: 0em;}#related-posts a{color:#000000;}#related-posts a:hover{color:#000000;}#related-posts a:hover {background-color:#d4eaf2;}</style><script src='https://airalokadotcom.googlecode.com/files/relatedpostwiththumbnails2%20%282%29.js' type='text/javascript'/></b:if><!--Related Posts with thumbnails Scripts and Styles End - www.AiRaLoKa.com-->
3. Selanjutnya adalah mencari kode
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'> (gunakan F3 atau Ctrl+F untuk memudahkan dalam pencarian)
kemudian letakkan kode dibawah tepat diatas kode diatas.
<!-- Related Posts with Thumbnails Code Start - www.AiRaLoKa.com-->Ganti yang berwarna biru dengan judul dari related post yang anda mau. contoh: Related Post:, Baca Juga:, Artikel menarik lainnya, dan lain lain.
<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>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=6;
var relatedpoststitle="Artikel terkait";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End - www.AiRaLoKa.com-->
Selamat Mencoba!
0 komentar:
Posting Komentar
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>
Setelah membaca artikel ini, silahkan tinggalkan komentar. Bagi yang mau meninggalkan url blognya, silahkan saja. Asalkan anda tidak memberikan komentar dengan kata-kata yang tidak sopan. Terima kasih telah mengunjungi blog ini.
AiRa LoKa - Blog of tutorials
Konversi Kode di Sini!