Cara membuat artikel terkait bergambar di blog (Related Post)



Cara membuat artikel terkait bergambar di blog (Related Post)

Assalamualaikum wr. wb
Salam Blogger Indonesia

Cara membuat artikel terkait bergambar di blog (Related Post)

Mungkin anda semua sudah tau apa itu artikel terkait di dalam Blog. yaitu sekumpulan artikel yang anda kumpulan menjadi dalam satu label dan ketika pengunjung membuka artikel anda pastinya ada artikel yang lain yang mungkin dibutuhkan atau dicari pengunjung dan pastinya bisa menambah jumlah pageview blog anda.

Untuk cara membuat nya hanya meng edit HTML di template anda, dan menambah kode script di dalam HTML template blog yang anda gunakan.
silahkan ikuti langkah-langkah di bawah ini :

1. Anda harus Login terlebih dahulu di blogger
2. Lalu klik Template
3. dan Pilih Edit HTML
4. Lalu anda Cari Kode </head> Di HTML Template anda (Copy code Script dibawah ini dan letakan di atas Kode </head>

<!--Related Posts with thumbnails Scripts and Styles Start-->
<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='http://eflianda-blogzzz.googlecode.com/files/relatedthumbs.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

4. Masih dalam HTML Template blog anda Lalu Cari code <Div Class='Post-Footer'> dan Code ini mungkin terdapat 2 Code di dalam Template anda, Coba saja letakan Code Script Di bawah ini tepat di atas Code <Div Cclass='Post-Footer'> yang Kedua.


<!-- Related Posts with Thumbnails Code Start-->
<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=5;
 var relatedpoststitle=&quot;Baca juga Artikel Terkait di bawah ini : &quot;;
 removeRelatedDuplicates_thumbs();
 printRelatedLabels_thumbs();
 </script>
 </div><div style='clear:both'/>
 </b:if>
 <!-- Related Posts with Thumbnails Code End-->

5. Ganti huruf yang berwarna merah untuk berapa banyak artikel dan warma biru dengan Kata sesuai keinginan anda.
6. Klik Pratinjau untuk Melihat di blog anda apakah terjadi eror atau tidak.
7. Jika OK, Klik Simpan Template.

Demikianlah cara membuat artikel terkait bergambar di blog (Related Post). Semoga artikel ini bermanfaat buat anda. dan Terimakasih sudah bekunjung

1 Response to "Cara membuat artikel terkait bergambar di blog (Related Post)"

  1. terima kasih gan,dari blog agan udah memeberikan informasi yang sangat bermanfaat untuk saya,
    saya banyak belajar dan mendapat ilmu terbaru setelah melihat postingan yang ada di blog agan.
    saya tunggu postingan selanjutnya gan..

    BalasHapus

PERINGATAN !!!

1. Berkomentarlah Dengan Sopan dan Jangan Spaming!
2. Dilarang Berkomentar Yang Mengandung Unsur Pornografi!
3. Dan Dilarang Menaruh Link Aktif/Promosi karena Akan Saya Hapus!

Harap baca ya gan, Sebelum berkomentar. Terimakasih! Salam Blogger Indonesia

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel