Nah Udah janji saya kan. untuk mempostingkan ini.Yay! trik ini sebut saja "Cara Membuat Author Box di Header Blog".Heheh, Kali ini triknya saya ambil di template Dark-Uchiha lihat lagi ada author boxnya kan.Gimana keren bukan ? Jika ingin lihat screenshotnya dibawah ini.
Cara Membuat Author Box di Header Blog
- Login Ke Blogger
- Dari Dasboard Masuk ke Menu Template >> Edit HTML
- Lalu Cari Kode ]]></b:skin> dan letakan kode dibawah ini tepat diatas kode tadi
#proffilecss{width:140px;height:140px;border-radius:110px;border:5px solid #e61515;background:url(http://i.imgur.com/2fIIanD.png)no-repeat center;box-shadow:0px 0px 20px #e61515; -moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;float:right;margin-right:-20px;margin-top:245px;}
#proffilecss:hover{-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
opacity:0;}
#keterangan{width:240px;height:100px;border-bottom-right-radius:100px;border-right:10px solid #e61515;border-left:5px solid #e61515;background:#403d3d;box-shadow:0px 0px 20px #e61515; -moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;float:right;margin-top:270px;overflow:hidden;font-size:14px;color:#fff;font-family: 'Lily Script One', cursive;}
- Lalu Cari kode <div id='header'> atau kode header-wrapper kamu dan letakan kode dibawah ini tepat dibawahnya
<div id='keterangan'>hallo nama saya <a href='http://www.facebook.com/leg12345' title='M faisal'>muhammad faisal</a> saya seorang newbie blogger yang ingin menjadi pro dan menjadi kreatif,oh ia ini proyek templete say seilahkan download dan pake :v</div>
<div id='proffilecss'></div>
</div>
- Simpan TemplateNah, gimana udah jelas kan dan cukup teratur post ini kan.
Saya berterimah kasih untuk > Sal Blogz untuk templatenya
Sekian dan Semoga bermanfaat..
~Terimah Kasih
13 komentar
keren author box nya lol
BalasMantap gan artikelnya, izin nyoba..
BalasKunbalya
wah,, Boleh dicoba ini...
Balaswihh, keren sob,, author box ada di header,, tapi apa gk mengganggu sob ditaro di header??
Balascome back
keren bro...
BalasThanks Sob.. ^o^
BalasThanks Sob.. :D
BalasNamun, saya ingin tanya bahwa "Kunbal" itu apa ?? @@,
Silahkan Di coba Sob... ^_^
BalasItu si tergantung templatemya sob.. :D
BalasThanks...xV
Balaskunjungi balik gan di http://thepinkiboy.blogspot.com/
Balaskeren broo..!!!
Balaskunball sob
BalasTerima Kasih Telah Berkunjung Ke Blog yang Sederhana ini.Jika Anda ingin berkomentar mohon jangan Out Of Topic (OOT) dan sebarkan link-link porno dan sara.Sekian, Terimah Kasih.