Get Chitika | Premium

Cara membuat kotak penulis di bawah postingan blog

Share |
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 <<<

1 komentar : Cara membuat kotak penulis di bawah postingan blog

Jajang said...

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 ? "

 

About Administrator

My Photo
sahrul
hanya seorang blogger newbie yang ingin mencari ilmu dan pengalaman di dunia maya untuk di bagikan ke para pembaca blog ini.
View my complete profile

Recent Comments

Site info