1. Login Blogger.com
2. Di dasbor sobat pilih Rancangan/Design >> Edit HTML
3. Expand template widget.
4. Cari kode ]]></b:skin>
(*Gunakan tombol F3 di keyboard untuk mempermudah pencarian)
5. Setelah ketemu tambahkan kode di bawah ini persis di atas kode No.4
.author_info {6. Scroll kebawah dan temukan kode <div class='post-footer-line post-footer-line-1'>.
float: right;
width: 573px; /* lebar kotak profile */
padding: 10px;
border: 1px solid #e0e0e0;
margin-bottom: 15px;
margin-top: 15px;
background: #eee;
}
.author_info h3 {
margin-bottom: 10px;
}
.author_photo {
float: left;
margin: 0 0 0 10px;
}
.author_photo img {
margin-right: 10px;
border: 1px solid #e0e0e0;
}
7. Setelah ketemu tambahkan kode di bawah ini persis di bawahnya
<b:if cond='data:blog.pageType == "item"'>8. Ganti kode yang bercetak tebal dan miring sesuai keinginan sobat.
<div class='author_info'>
<div class='author_photo'>
<img alt='author' src='http://3.bp.blogspot.com/_tbHfaj1A058/TSGc3fOc-NI/AAAAAAAAL7A/GU6dmnqINik/s1600/images.jpeg'/></div>
<h3>About the Author</h3> This article is written by: <a href='http://www.blogger.com/profile/00631616038549111257'><b>YourName</b></a> - who has already written <b>30</b> articles for <a href='http://medimania.blogspot.com/'>Medi Mania</a> YourName is a professional web designer. Catch him on <a href='http://twitter.com/yourID'>Twitter</a>, <a href='Your Facebook URL'>Facebook</a> or <a href='your e mail ID'>email</a> him <br> </br> <br> </br>
YourName's <a href='your web url'>Website</a><br style='clear:both;'/>
</div>
</b:if>
9. Setelah selesai pilih simpan template dan lihat hasilnya.
>>> Indahnya Berbagi <<<
1 komentar : Cara membuat kotak penulis di bawah postingan blog
ini dia yang dicari, badai gan.. nanti kalo ada masalah, tlong bantu dan ijin nyomot nih hhe
http://jajangbabberwahyudin.blogspot.com
Post a Comment
" Terimakasih kami ucapkan kepada pengunjung yang telah berkunjung di blog ini.
Tentang artikel di atas APA TANGGAPAN dari anda semua ? "