Saturday, December 1, 2012

Membuat Author Box di blog

Author box atau Kotak info Author ( penulis ) adalah sebuah tempat dimana disitu ada beberapa atau banyak informasi mengenai sangkut paut dari Penulis blog.
Misalnya saja pada blog ini saya menaruh ada Foto ( gambar profil si pemilik blog ) bisa saja disini ditambahkan tentang si Penulis , seperti biografi nama alamat dan keterangan keterangan yang lain.
Namun juga bisa didalam kotak ini disediakan untuk memberikan informasi yang lebih tentang isi dari Postingan blog tersebut, misalnya dengan judul postingan, tanggal rilis, jumlah komentar, tentang apa artikel tersebut dan lain sebagainya sesuai kebutuhan anda saja.

Membuat Author Box di blog


Yang saya jelaskan disini adalah :

Cara untuk membuat Kotak Admin / Author Box di blog 


Step pertama :

  • Login ke blogspot klik Template >> edit HTML, janagn lupa klik Expand Template Widget 
  • Cari kode ]]></b:skin> dan pastekan kode dibawah ini keatas kode ]]></b:skin>

.authorinfo{background:#FCFEFF;font-size: 12px;line-
height:1.5;border:1px solid #C7DAED;color:#333;display:block;float:left;margin-bottom:10px;margin-top:10px;overflow:auto;padding:5px;text-decoration:none;width:98%;}
.authorinfo img{background:#FCFEFF;border:1px solid #C7DAED;height:62px;margin:1px 5px 0 0;padding:4px;width:62px}
.authorinfo a:hover{text-decoration:underline}
.authorinfo:hover{border:1px solid #075C85;}
#cmd-avatar{float:left;margin:0 5px 0 0}

  • Kemudian cari kode <div class='post-footer-line post-footer-line-2'/> dan masukkan kode berikut dibawahnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='authorinfo'><img alt='Nice Girl' id='cmd-avatar' src='http://3.bp.blogspot.com/-pkDe8-ti5EE/TkO1C6ejP9I/AAAAAAAAAZY/stDvLkgfNXw/s320/cewek+sexy+cantik+%25281%2529.jpg'/> Ditulis Oleh : <data:post.author/> | Diterbitkan Pada : <data:post.dateHeader/> | Judul Artikel : <strong><data:blog.pageName/></strong> | Url : <data:post.url/> | Be Socialized And Sucscribed </div></b:if>

  • Simpan Tempalte dan cek hasilnya


Keterangan lebih Lanjut


  • Kode http://3.bp.blogspot.com/-pkDe8-ti5EE/TkO1C6ejP9I/AAAAAAAAAZY/stDvLkgfNXw/s320/cewek+sexy+cantik+%25281%2529.jpg adalah alamat gambar profil, Silahkan ganti dengan Foto anda.

Artikel Terkait

Membuat Author Box di blog
4/ 5
Oleh

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email