Kamis, 03 Januari 2013
Cara Membuat Related Post di Blog
Cads - Related Post atau postingan terkait sangat bermanfaat sekali untuk sebuah blog, dengan ada nya related post ini bisa membuat pengunjung blog senang berlama-lama di blog kita, related post ini juga bisa sebagai petunjuk arah bagi pengunjung blog, malahan tanpa di sengaja pengunjung blog bisa menemukan sesuatu yang meraka cari di blog kita.
yuk langsung aja bagaimana langkahnya.........
1. Masuk ke akun blogger agan
2. Klik Template --> Edit HTML
3. Centang Expand Template Widget
4. Simpan kode dibawah ini diatas kode </head>
<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.2em;
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://kangdansen.googlecode.com/files/relatedpostwiththumbnail.js' type='text/javascript'/>
</b:if>
5. Cari kode berikut <div class='post-footer-line post-footer-line-3'/>
7. Simpan template dan lihat hasilnya
Note : Berfungsi hanya pada template yang ada kode <div class='post-footer-line post-footer-line-3'/>
Label:
tips blogger
Langganan:
Posting Komentar (Atom)
2 komentar:
mantap gann... slamat malam
@Rendra Wardhani iya gan, trims kunjungannya
"Budayakan " BERKOMENTAR " dan Berkomentarlah secara Bijak guna Membangun Lebih Baik Untuk Blog ini " -trims-