bergambar,sebenarnya ada cara yang cukup sederhana untuk membuat related posts seperti pada linkwithin
Setelah saya cari di google ada beberapa cara membuat Related Posts Bergambar , beberapa kali blog saya dijadikan kelinci percobaan untuk merumuskan bagaimana cara yang tepat untuk membuat Related Posts + Thumbnails (related posts bergambar) dan pada blog ini , saya akan berbagi tutorial seperti widget linkwithin secara manual.
Buat Related Posts Bergambar
Sekarang saya coba jelaskan bagaimana membuat cara buat related posts bergambar :
2. cari kode </head>
3.lalu simpan kode ini diatas kode tadi
<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.6em;
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://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
4.cari kode ini <div class='post-footer-line post-footer-line-1'> atau kode ini <p class='post-footer-line post-footer-line-1'> (karena setiap template berbeda" awalan nya untuk kode itu)
5. lalu simpan kode berikut ini di bawah salah satu kode diatas
copy paste kode ini:
<!-- Related Posts with Thumbnails Code Start-->
<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://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' 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>
<!-- Related Posts with Thumbnails Code End-->
6.catatan : var maxresults=5; ganti angka 5 untuk jumlah yang akan ditampilkan
var relatedpoststitle="Related Posts"; ganti related posts untuk judul yang ingin anda tampilkan
7 save template
Selesai silahkan menikmati cara membuat Related Posts + Thumbnails (Related Posts Bergambar) bila anda menginginkan related post yang standar silahkan lihat posting Cara Membuat Related Post pada Blogspot.
Jika artikel ini bermanfaat bagi anda. Mohon klik tombol dan tombol Like dibawah ini untuk mendukung blog ini dan sebagai ucapan terima kasih dari anda. terima kasih
Baca Juga Yang Ini:
Blog
- Cara Mengetahui Berat Blog
- 6 Langkah Mempercepat Loading Blog
- Cara Membuat Reply Komentar Pada Blogspot
- Ide Cerdas Cara Membangun Backlink Site : Kidulratan.com
- SCRIPT UPDATE POST TERBARU
- Cara Pasang Kotak Komentar Facebook Pada Blog
- Cara Membuat Warna Background Blog Berubah-ubah
- SCRIPT UPDATE TERAKHIR
- Cara Membuat Related Post Pada Blog
- 18 Dasar SEO Yang Perlu Di Ketahui
- Cara Memasang MP3 di Blog
- Sopa protes tidak akan merusak peringkat pencarian Google
- Bocah Mbelis
- Cara Kerja Adf.ly Mengumpulkan Dolar
- Cara Memperkuat Mutu Blog
- Membuat background Gambar Pada Posting Blog
- Cara Membuat Auto Refresh Pada Blog
- Cara Membuat Auto Refresh Blog
- Cara Membuat Tag Cloud Atau Label Berputar
- Cara Membuat Background Posting Berbeda-beda Warna
- Membuat Translate Blog
- Menambahkan Meta Tag Dan Meta Keyword
- Cara Mudah Pasang Translate Di Blogger
- KOLEKSI WIDGET SHOUTBOX GRATIS UNTUK BLOG BLOGGER
Tips
- Cara Mengetahui Berat Blog
- 6 Langkah Mempercepat Loading Blog
- Cara Membuat Reply Komentar Pada Blogspot
- Ide Cerdas Cara Membangun Backlink Site : Kidulratan.com
- Cara Hack Speed Modem
- SCRIPT UPDATE POST TERBARU
- Cara Pasang Kotak Komentar Facebook Pada Blog
- Cara Membuat Warna Background Blog Berubah-ubah
- SCRIPT UPDATE TERAKHIR
- Tips Cara Mengembalikan Tampilan Facebook ke Versi Lama
- Cara Membuat Related Post Pada Blog
- Cara Menata Wayang
- Menjaga diri dari Ancaman saat Internet
- Membuat background Gambar Pada Posting Blog
- Cara Membuat Auto Refresh Pada Blog
- Cara Membuat Auto Refresh Blog
- Cara Membuat Tag Cloud Atau Label Berputar
- Cara Membuat Background Posting Berbeda-beda Warna
- Membuat Translate Blog
- Menambahkan Meta Tag Dan Meta Keyword
- Cara Mudah Pasang Translate Di Blogger
- VIRUS KOMPUTER
- 185 DAFTAR BLOG GRATIS UNTUK PEMBUATAN BLOG DUMMY
- Cara Membuat Kotak Scroll Bar Pada Blog
Trik
- Cara Mengetahui Berat Blog
- 6 Langkah Mempercepat Loading Blog
- Cara Membuat Reply Komentar Pada Blogspot
- Ide Cerdas Cara Membangun Backlink Site : Kidulratan.com
- Cara Hack Speed Modem
- SCRIPT UPDATE POST TERBARU
- Cara Pasang Kotak Komentar Facebook Pada Blog
- Cara Membuat Warna Background Blog Berubah-ubah
- SCRIPT UPDATE TERAKHIR
- Tips Cara Mengembalikan Tampilan Facebook ke Versi Lama
- Cara Membuat Related Post Pada Blog
- 18 Dasar SEO Yang Perlu Di Ketahui
- 20 Cara Memaksimalkan Windows 7
- Cara Menata Wayang
- Cara Memasang MP3 di Blog
- Profil Face Book di Blog
- Menjaga diri dari Ancaman saat Internet
- Cara Download dan Install Windows 8 pada Partisi Baru
- Jalan Menuju Sukses Dengan Cepat
- Jalan Cepat Menuju Sukses
- Kiat Peluang Sukses Di Luar Negeri
- Meningkatkan Kecepatan Download Dengan Hack Modem
- Free Download Video Converter
- Kunci Menuju Sukses Di 0-MLM
1 komentar:
PROMO HARGA SPESIAL TERBARU 2015 BERBAGAI MACAN MEREK HENDPHONE
SAMSUNG>BLACKBERRYNOKIA>ASUS>LENOVO>ADVAN>SMARTFREN>OPPO>ACER>TOSHIBA>NIKON>DELL>CANON>XIOMI>DLL TERPERCAYA>100% BEBAS RESIKO BEBAS PENIPUAN (Info Pemesanan)CALL/SMS:085757299675>PIN BBM: (24C4A399)
WEB>www.nabila-saira-shop.blogspot.com
Posting Komentar