Author Box di Header Blog

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 Template

Nah, gimana udah jelas kan dan cukup teratur post ini kan.
Saya berterimah kasih untuk > Sal Blogz untuk templatenya
Sekian dan Semoga bermanfaat..
~Terimah Kasih