.jpg)
Selasa, 27 Agustus 2013
Apa kabar Sobat Blogger !! Kali ini saya akan membuat postingan tentang "Cara Membuat Kotak Author Box",, Kalo mau liat gambarnya itu ada di smping kana blog saya ,, yang tulisannya "Author" itu kawan . Langsung aja nih ke step nya :
1. Login ke Blogger
2. Klik ke Template
3. Edit HTML
4. Lalu, tambahkan kode dibawah ini dan taruh tepat diatas ]]></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 menuju ke Tata Letak
6. Kemudian Add Gadget > HTML/Javascript7. Tambahkan Kode Dibawah ini
<!-- Author Box Start -->KETERANGAN :
<div class='AHSadmin'>
<img alt='Alif Lo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCosD3dFzJfvHnpWKkijxKVOcBVd2dWLWDoKq6rBFGhcuTZE1GRjJNgfSYizuFiXOski-pam38fTVaCF1lYpTV0s1bN7kytixamkL5OIeYIWdXBuUTbOo-WRzDCXKE2sPBMBsrUxLWlUY/s1600/kyuubi.jpg' title="Harun Lo" class='AHSadmin-gambar' />
<a class='AHSfb' href='http://www.facebook.com/harun.barue' rel='nofollow' target="_blank">f</a>
<a class='AHSgp' href='https://plus.google.com/104538829110848188070' rel='nofollow' target="_blank">G</a>
<a class='AHStw' href='http://twitter.com/TaretanPamexs' rel='nofollow' target="_blank">t</a>
<div class='AHSdeskripsi'>
Hai, Perkenalkan Nama Saya Harun Lo. Hehehehe.
<br/><a style="color:#888;" href="#" target="_blank"> Read More » </a>
</div></div>
<!-- Ends -->
1. Perhatikan Tulisan Biru silahkan ganti dengan URL : FB, G+, Twitter
2. Perhatikan Tulisan Hijau silahkan ganti dengan Kata" mu Sendiri
3. Perhatikan Tulisan Orange silahkan ganti dengan URL Gambar Profil Sobat.
Semoga bermanfaat. Jika ada yang kurang jelas silahkan tanyakan di Komentar..
SALAM BLOGGER !!
