Cara Membuat Author Box Di Bawah Posting

Cara Membuat Kotak Admin Di Bawah Posting - Author Box atau disebut dengan Kotak penulis merupakan kotak kecil yang berisikan keterangan dan pesan dari si penulis disertai dengan judul dari artikel. Author Box ini terdapat dibagian bawah postingan, manfaat kotak penulis adalah penulis dapat menyampaikan pesan pribadinya kepada pengunjung, untuk penerapannya berikut ini langkah-langkahnya :

Membuat Author Box
1. Login keakun Blogger
2. Pilih Template » Edit HTML
3. Dengan menggunakan ctrl+F anda cari kode <div class='post-footer'>
4. Selanjutnya anda terapkan kode dibawah ini diatas kode <div class='post-footer'>

<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Author: <a expr:href='data:blog.homepageUrl'><data:post.author/></a> Location: Jakarta, Indonesia</h4>
<div class='kontainer'>  
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS_mMVa5rX2k9_GUeWaNt9Hc41z5Veh_hDYiixfjqiY5Yt2G5YxJJxM17U2B-RWdoHff9fcxHyqG3pbV1TzNVCp9f18if6ipQW6Y_9D51bpAfaDtHociSZrNGtCQkE_cj4_wVzFghgrvg/s1600/icon.png'/> Article <a expr:href='data:post.url'><data:post.title/></a>, written by <data:post.author/> on <data:post.dateHeader/>. Hopefully this article can add your reference . If you want to share back from the post <data:post.author/> implore you to specify the source . Thank You</div>
<div class='author-links'><a href='#'>Website</a> / <a href='#'>Other Posts</a>
<div style='clear:both;'/>
</div>
</div> </b:if>
<!-- Akhir Kotak Admin -->

Penjelasan :
Anda juga bisa menerapkan kode diatas dibawah <div class='post-footer-line post-footer-line-1'/>

5. Untuk selanjutnya anda cari kode ]]></b:skin> dan terapkan kode dibawah ini sebelum kode ]]></b:skin>

.admin-tulisan {
display:block;
width:98%;
background:#DFDFDF;
border:2px solid #fff;
box-shadow:0 1px 3px #000;
padding:0;
margin:30px auto 10px auto;
font:normal 11px Arial, Sans-Serif;
color:#222;
}
.admin-tulisan .kontainer {padding:5px;}
.admin-tulisan h4 {
background:#F3142F;
border:none;
border-bottom:1px solid #fff;
color:#fff;
text-transform:initial;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
font:bold 11px Arial,Sans-Serif;
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a {color:#FEEA83;}
.admin-tulisan img {
width:70px;
height:70px;
margin:0 10px 0 0;   float:left;
border:1px solid #fff;
padding:4px;
background:#535353;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}

6. Simpan template

Demikian mengenai Cara Membuat Author Box Di Bawah Posting. Semoga bermanfaat. Terima Kasih

Share this post