halo sobat ketemu lagi nih kali ini nangz souls 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='Reyhan Ganang Prastyo' src='http://i.imgur.com/qP8D0sa.jpg?1?4618' title="Reyhan Ganang Prastyo" class='AHSadmin-gambar' /><a class='AHSfb' href='http://www.facebook.com/rganang' rel='nofollow' target="_blank">F</a><a class='AHSgp' href='reyhanganangprastyo.gmail.com' rel='nofollow' target="_blank">G</a><a class='AHStw' href='http://twitter.com/nangzsouls' rel='nofollow' target="_blank">t</a> <div class='AHSdeskripsi'>perkenalkan nama saya Reyhan Ganang Prastyo.<br/><a style="color:#888;" href="#" target="_blank"> Read More »</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
Cara Membuat Author Box
9 Out Of 10 Based On 10 Ratings. 9 User Reviews.
Anda baru saja membaca artikel yang berkategori Tutorial Blog
dengan judul Cara Membuat Author Box. Anda bisa bookmark halaman ini dengan URL http://jamesb-s.blogspot.com/2013/10/cara-membuat-author-box.html. Terima kasih!
Ditulis oleh:
Unknown - Selasa, 01 Oktober 2013
0 komentar:
Posting Komentar