Cara Membuat Artikel Terkait Dengan Thumbnail
Pada kesempatan sebelum nya, saya sudah memposting tentang cara membuat artikel terkait tanpa gambar, untuk kali ini saya akan memposting tentang cara membuat artikel terkait dengan gambar.
Munkin diantara kalian ada yang kesulitan untuk membuat artikel terkait seperti gambar dibawah ini.
untuk berjaga jaga, silahkan anda back up dulu template blog anda, jika sudah back up maka ikuti langkah langkah dibawah dengan cermat dan hati hati.
LANGKAH 1 :
LANGKAH 2 :
Klik SIMPAN.
Keterangan:
var maxresults=5 : berfungsi untuk mengatur seberapa banyak artikel yang ingin ditampilkan
Jika ada yang mengalami kesulitan silahkan berkomentar dan bertanya.
Munkin diantara kalian ada yang kesulitan untuk membuat artikel terkait seperti gambar dibawah ini.
untuk berjaga jaga, silahkan anda back up dulu template blog anda, jika sudah back up maka ikuti langkah langkah dibawah dengan cermat dan hati hati.
LANGKAH 1 :
- silahkan buka blog kamu dan pilih TEMPLATE >> lalu EDIT HTML.
- cari kode berikut </head>
- copy dan letakan kode dibawah 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.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='http://yourjavascript.com/92151462413/seo-powers-relatedthumbs.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
<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='http://yourjavascript.com/92151462413/seo-powers-relatedthumbs.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
LANGKAH 2 :
- cari kode berikut <data:post.body/>
- jika kamu menemukan 3 s.d 4 kode, maka pilihlah yang nomer 2
- lalu copy kode dibawah dan ganti kode <data:post.body/>.
<!-- 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>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="Artikel Terkait";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->
<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=5;
var relatedpoststitle="Artikel Terkait";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->
Klik SIMPAN.
Keterangan:
var maxresults=5 : berfungsi untuk mengatur seberapa banyak artikel yang ingin ditampilkan
Jika ada yang mengalami kesulitan silahkan berkomentar dan bertanya.
No comments:
Post a Comment