Tips n Trick | Cara Membuat Kotak Penulis Di Bawah Postingan Blog

Gie Morello Monday, April 25, 2011 Blogger

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 blognya. Hal ini juga membuat blog kamu lebih menarik apabila kamu memasang kotak penulis ini. Selain itu juga pengunjung bisa lebih friendly dengan admin suatu blog. Untuk lebih jelasnya kamu bisa ikuti langkah-langkah di bawah ini.

1. Login Blogger.com
2. Di dasbor kamu pilih Rancangan/Design >> Edit HTML
3. Expand template widget.
4. Cari kode ]]></b:skin>
(*Gunakan tombol F3/CTRL + F 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 == "item"'>
<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://gieshare.blogspot.com/'>GieShare</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&amp;#39;s <a href='your web url'>Website</a><br style='clear:both;'/>
</div>
</b:if>

8. Ganti kode yang bercetak tebal sesuai keinginan kamu.
9. Setelah selesai pilih simpan template dan lihat hasilnya.

Selamat mencoba...
Semoga bermanfaat, salam Blogger Indonesia...!! :D