kali ini saya akan menjelaskan cara membuat ara membuat Related Post Dengan Gambar , sama seperti artikel yang dulu yaitu Cara membuat Related Post Dengan Gambar Berjalan tetapi artikel yang dulu related post nya bergerak sedangkan ini tdk bergerak . Anda Bisa Lihat Hasinya Seperti Gambar Di Bawah Ini Jika Anda Tertarik Untuk Membuatnya Silahkan Ikuti Langka Langka Berikut Ini
Langsung saja simak baik" cara nya.!
- Centang Expand Template Widget
- Jika takut gagal mencoba, lebih baik download dulu template nya
- Kemudian cari kode </head> (untuk mempermudah pencarian klik F3 atau CTRL + F pada keyboard)
- Copy kode dibawah ini dan letakan tepat diatas kode </head>
<!--Related Posts with thumbnails Scripts and Styles Start-->
<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: #000;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;}
#related-posts a{
color:#4eabff;}
#related-posts a:hover{
color:#4eabff;}
#related-posts a:hover {
background-color:#d4eaf2;-box-shadow:0 2px 2px 2px #4eabff;-moz-box-shadow:0 2px 2px 2px #4eabff;-webkit-box-shadow:0 2px 2px 2px #4eabff}
</style><script src='http://sastrablog.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
Keterangan: Kode yang berwarna Biru adalah kode warna, bisa kalian ganti dengan sesuka kalian.
- cari kode yang mirip dengan ini. <data:post.body/>
- Lalu Copy dan pastekan kode dibawah ini tepat dibawah kode diatas.
<!-- 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=12"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=6;
var relatedpoststitle="Related Post:";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->
- Simpan template dan lihat hasil akhirnya.!
Keterangan: Tulisan yang berwarna merah bisa di ganti dengan sesuka kalian.
- Tulisan Related Post: (Bisa kalian ganti dengan tulisan apa aja.)
- Angka 6 (Jumlah Artikel yang di tampilkan.)
Penulis Muh Akram
Assalamu'alaikum, perkenalkan nama saya Muhammad Akram bisa dipanggil Akram, asal dari Pinrang Sulawesi Selatan. Saya mulai mengenal blog pada tahun 2011. dan saya senang berbagi
