Cara membuat kotak penulis di bawah postingan blog - by s2c3rr

Kotak penulis atau dalam bahasa blognya about author hampir ada di sebagian besar blog.kotak penulis ini berfungsi memberikan info tentang penulis dan juga info tentang dia. Hal ini juga membuat blog sobat lebih menarik juga apabila sobat memasang kotak penulis ini.selain itu juga pengunjung bisa lebih friendly dengan admin suatu blog.untuk lebih jelasnya sobat bisa ikuti langkah-langkah di bawah ini.
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 {
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;
}

6. Scroll kebawah dan temukan kode <div class='post-footer-line post-footer-line-1'>.
7. Setelah ketemu tambahkan kode di bawah ini persis di bawahnya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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&#39;s <a href='your web url'>Website</a><br style='clear:both;'/>
</div>
</b:if>

8. Ganti kode yang bercetak tebal dan miring sesuai keinginan sobat.
9. Setelah selesai pilih simpan template dan lihat hasilnya.
Semoga artikel ini bermanfaat dan salam sukses selalu.

>>> Indahnya Berbagi <<<

Share this: