Cara Memasang Tentang Penulis di Bawah Posting - Mungkin Sobat sering melihat hampir sebagian besar blog mempunyai widget tentang penulis atau about me, ada yang meletakkan di slidebar ataupun di kolom footer. Namun ada juga yang meletakannya dibawah postingan blog, sehingga terkesan penulis lebih dekat dengan pembaca.
Tapi bagaimana cara memasangnya?
Berikut akan saya share caranya, jadi baca yang habis ya sob. :)
Oke, pertama-tama login ke akun blogger, Pilih Rancangan, Edit HTML, jangan lupa centang pada tulisan. 'Expand Template Widget' kemudian Copy kode berikut :
.author_info {
float: right;
width: 485px; /* lebar kotak profile */
padding: 10px;
border: 1px solid #000;
margin-bottom: 10px;
margin-top: 10px;
background: #404040;
}
.author_info h3 {
margin-bottom: 3px;
}
.author_photo {
float: left;
margin: 0 0 0 10px;
}
.author_photo img {
margin-right: 10px;
border: 1px solid #e0e0e0;
}
Letakkan kode tersebut tepat sebelum atau diatas kode ]]></b:skin>. (tekan ctrl+F untuk mempercepat pencarian)
Kemudian copy kode berikut :
<b:if cond='data:blog.pageType == "item"'>
<div class='author_info'>
<div class='author_photo'>
<img alt='author' src=''/></div>
<h3>Tentang Penulis</h3> <b> </b><br style='clear:both;'/>
</div>
</b:if>
Letakkan kode tersebut tepat dibawah atau sesudah kode <div class='post-footer-line post-footer-line-1'>
Bagaimana Sobat, Mudah bukan Cara Memasang Tentang Penulis di Bawah Posting ?