Cara Membuat Author Box DiBlog

                                                     
halo sobat ketemu lagi nih kali ini MR Madara akan ngepost cara membuat author box di blog oke langsung saja ya ini tutornya

1.login ke blogger sobat
2.klik template
3.Edit HTML
4.lalu pasang code di bawah ini di atasnya    ]]></b:skin>

• /* Author Blog */
  .AHSadmin {width:auto; height:83px;padding:5px}
  .AHSadmin-gambar {float:left;width:75px;height:75px;margin:4px 1px 0px 0px;border-radius:90em;opacity:0.8;border-top:2px solid #cf2031;border-right:2px solid #0f7dc8;border-bottom:2px solid #2eb31a;border-left:2px solid #eab823;}
  .AHSdeskripsi{width:auto; padding:1%;font-family:arial,sans-serif; margin:-85px 0 0 110px; font-size:11px; color:#fff;}
  .AHSfb, .AHSgp, .AHStw {color:#fff!important; display:block;font-weight: bold; line-height: 14px; height: 14px; width: 14px; border: 3px solid #444;text-align: center;padding:3px;border-radius:15px;font-size: 13px;text-decoration:none!important;margin: 1px;position:relative;margin-right:0px}
  .AHSfb {background: #3B5998;margin-left:73px}
  .AHSfb:hover {border-color: #4F77CC; box-shadow: 0 0 3px #4F77CC;}
  .AHSgp {background: #D34836;font-size:11px;margin-left:85px}
  .AHSgp:hover {border-color: #EB503C; box-shadow: 0 0 3px #EB503C;}
  .AHStw {background: #4099FF;margin-left:73px}
  .AHStw:hover {border-color: #36D0FF; box-shadow: 0 0 3px #36D0FF;}
•  

5.setelah itu klik simpan template

6.trus menuju tata letak

7.ad gadget>HTML/javascript masukkan code di bawah ini

• <!--Author Blog Start --><div class='AHSadmin'><img alt='Dicky Hendrawan' src='http://i.imgur.com/qP8D0sa.jpg?1?4618' title="Dicky Hendrawan" class='AHSadmin-gambar' /><a class='AHSfb' href='http://www.facebook.com/amaterasu.njsg.7' rel='nofollow' target="_blank">F</a><a class='AHSgp' href='dikinaon77.gmail.com' rel='nofollow' target="_blank">G</a><a class='AHStw' href='http://twitter.com/DickyHendrawan6' rel='nofollow' target="_blank">t</a> <div class='AHSdeskripsi'>Perkenalkan Nama Saya Dicky Hendrawan<br/><a style="color:#888;" href="#" target="_blank"> Read More &#187;</a></div></div><!-- Ends -->

NB:

- ganti yang berwarna merah dengan kata-kata sobat

-ganti url yang berwarna biru dengan url gambar sobat

-ganti url yang berwarna hijau dengan url facebook sobat

-ganti email yang berwarna kuning dengan email blogspot sobat

-ganti url yang berwarna orange dengan url twitter sobat

setelah semua selesai lihat blog sobat bagaimana widget nya keren kan

oke sobat postingan saya kali ini follow my blog oke bye
sumber