Banyak cara untuk membuat blog kita agar tampil lebih komunikatif. Salah satunya dengan cara memasang/membuat author box yang berisi sekilas tentang penulis/admin/author blog tersebut. Ulasan yang akan di tulis di author box/kotak admin ini terserah kreasi dari sobat masing-masing. Yang jelas untuk link nama penulis/author, judul posting dan tanggal publish postingan sudah saya sertakan dalam script widget kotak admin/author box ini, sehingga sobat tidak perlu lagi mengisikan linknya secara manual.
Cara Membuat Box Author Blogger:
- Login ke blogger sobat
- Pilih Rancangan >> Edit HTML, jangan lupa centang Expand Template Widget
- Lalu cari kode <div class='post-footer'> di template sobat
- Terus copy script di bawah ini, dan pastekan/taruh diatas kode <div class='post-footer'>
<!-- Author box-->
<p><b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Deskripsi Blog Anda</h4>
<div class='kontainer'>
<img src='http://dl.dropbox.com/u/50860098/Image/SATANIC.jpg'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> pada hari <data:post.dateHeader/>. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran anda adalah pelajaran yang sangat berharga bagi saya.
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Author box --> - Selanjutnya silahkan ganti link url gambar berwarna merah dengan url gambar sobat.
- Kemudian geser ke atas dan cari kode ]]></b:skin> pada template sobat
- Lalu copy kode css di bawah ini dan pastekan/taruh di atas kode ]]></b:skin>
.admin-tulisan{
display:block;
width:auto;
background:#FFFAFA;
border:2px solid #fff;
box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;
padding:0;
margin:30px 0 10px 0;
font:normal 12px Arial, Sans-Serif;
color:#222;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#3156be;
border:none;
border-bottom:1px solid #699019;
color:#fff;
text-transform:normal;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
font:bold 12px 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 #131ECE;
padding:2px;
background:#ccd5ee;
box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;
} - Bila sobat mengerti tentang css silahkan sobat atur jenis font, warna, dll, menurut selera sobat sendiri.
- Pratinjau dulu hasil author box/kotak admin yang di buat. Jika dirasa editing udah cukup save/simpan template sobat. Demo bisa sobat lihat di bawah posting.
