Hai semuannya saya akan berbagi tutorial nih, artikelnnya sih sudah
sangat umum tetapi bagi blogger pemula pasti belum tau nih tentang
artikel yang satu ini. Oke saya jelaskan sedikit saja, Related Post adalah artikel terkait yang terdapat pada blog kamu dan letak artikel terkait adalah pada akhir artikel blog anda. Tapi kali ini saya akan menyajikan perbedaan antara related post pada umumnya dengan related post dengan thumbnails, related post dengan thumbnails boleh di bilang sangat menarik dan sangat berguna jika di pasang di blog kamu.
- Login ke akun blogger kamu.
- Pilih Rancangan > EDIT HTML.
- Jangan Lupa Centang Expand Widget Template.
- Cari kode </head> setelah ketemu copy kode di bawah ini tepat di atas kode </head>
<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><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 type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQEjGzFUoay15Gnb_uMTemRlRFJSoksTIStHbCYYGbzdAvjpQvVHoIRE8wI_FnMxvpcaABJv8LsF7Yk9_-djVO1CHQG-y_k4Amuz93MB0USQVi9QhN3AIt-SnZeuQP9is9HaTtNmRu7i8/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script
src='http://infonetmu.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js'
type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
0 komentar:
Posting Komentar