Cara Menambahkan Kotak Author(penulis) dibawah Postingan Blogspot

Galatema

Pernah berpikir untuk menambahkan kotak penulis di akhir posting yang memberikan informasi tentang Anda sebagai author(penulis) untuk pembaca Anda? Tentu kalau anda pakai blog wordpress fitur ini sudah banyak, dan sekarang untuk menambahkannya pada blog blogger juga bisa.

Berikut adalah langkah-langkah untuk menampilkan kotak author atau penulis. Masuk ke Desain - Edit HTML, klik expand widget dan cari kode dibawah ini:

]]></b:skin>

Tips: Untuk pencarian lebih cepat tekan CTRL+F pada keyboard anda dan masukan kode diatas pada kotak pencarian yg terletak disudut kiri bawah.

Jika sudah ketemu, tambahkan kode dibawah ini tepat diatas kode yang dicari tadi:

.author_info {
float: right;
width: 573px;
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;
}

Sekarang cari kode dibawah ini:
<div class='post-footer-line post-footer-line-1'>

Jika sudah ketemu, masukan kode berikut ini tepat dibawah kode yang tadi dicari:

<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='YOUR_BLOGGER_PROFILE_LINK'><b>YourName</b></a> - who has already written <b>30</b> articles for <a href='BLOG_LINK'>BLOG_NAME</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>

Anda perlu menambahkan link profil Anda seperti facebook, twitter dan rincian kontak Anda. Anda juga dapat mengganti style huruf, spasi, alignment,dll (mengubah angka dan atau kodenya untuk warna huruf sesuai selera anda) untuk kode yang pertama (paling atas)
Simpan dan lihat hasilnya.
Semoga membantu.