Home » » Cara Membuat Related Post

Cara Membuat Related Post

Written By AiRa LoKa on Minggu, 03 Maret 2013 | 14:17

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>


<!--Related Posts with thumbnails Scripts and Styles Start - www.AiRaLoKa.com--><b:if cond='data:blog.pageType == &quot;item&quot;'><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, &#8220;Times New Roman&#8221;, 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-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=6;
var relatedpoststitle=&quot;Artikel terkait&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End - 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.

Selamat Mencoba!

0 komentar:

Posting Komentar

Catatan:
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!

 
Support : Blogger | Google | KlikSaya
Copyright © 2013. AiRa LoKa - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger