Cara Membuat Widget Keren Di Header

Pertama saya meminta mohon untuk postingan ini ,karna saya tidak iji dahulu kepada icha   ┐('o'┐)

Langsung saja ya gan Tutornya :
1. Login Dahulu Di Blog anda
2. Ke Edit Html
3. Copykan Script CSS dibawah ini Di ]]></b:skin> ( Jangan Lupa Pastenya Diatasnya ]]></b:skin> )

#kolom{width:80px;height:60px;margin-top:10px;background:#302f2f;border:3px solid #141414;overflow:hidden;transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;}
#kolom:hover{width:1020px;}
#Deez{width:80px;height:60px;background:#302f2f;margin-top:10px;border:3px solid #141414;overflow:hidden;transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;}
#Deez:hover{width:230px;}
#Kz{width:80px;height:60px;background:#302f2f;margin-top:150px;border:3px solid #141414;overflow:hidden;transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;}
#Kz:hover{width:230px;}

4. Kemudian Copy Juga Script Dibawah Di <div id='header'> atau <div id='header-wrapper'> ( Pastekan Scpitnya Dibawahnya ya )

<div id='Kz'><img alt='banner' src='http://i.imgur.com/nTud6PJ.jpg'/><a href='http://www.facebook.com/groups/ciyus/' target='_blank' title='Deez'><img alt='Deez' src='http://i.imgur.com/pwyZr2E.png'/></a></div>
<div id='Deez'><img alt='banner' src='http://i.imgur.com/UeUEXMr.jpg'/><a href='http://www.facebook.com/groups/DeezClan/' target='_blank' title='Deez'><img alt='Deez' src='http://i.imgur.com/4FkPu1C.png'/></a></div>
<div id='kolom'><img alt='banner' src='http://i.imgur.com/n5dA8ke.jpg'/><script src='https://razee.googlecode.com/files/468x60.txt'></script><a href='http://hafidz-maru.blogspot.com/' target='_blank' title='Kazedama-Kun'><img alt='Kazedama-Kun I Creative Is Inspiration' src='http://i1304.photobucket.com/albums/s528/hafidzojolali/4111_zps9abf2a5a.png'/></a></div>

5. Dan taraa ,lihat hasilnya
6. Penempatan yang kurang Cucok Bisa diedit manual

oke segitu aja ya bye

Sumber : Verivication

Cara Membuat Widget Keren Di Header 9 Out Of 10 Based On 10 Ratings. 9 User Reviews.

Share This To :

• Facebook
• Twitter
• Google+
• StumbleUpon
• Digg
• Delicious
• LinkedIn
• Reddit
• Technorati

Anda baru saja membaca artikel yang berkategori Tutorial Blog dengan judul Cara Membuat Widget Keren Di Header. Anda bisa bookmark halaman ini dengan URL http://jamesb-s.blogspot.com/2013/10/cara-membuat-widget-keren-di-header.html. Terima kasih!

Ditulis oleh: Unknown - Jumat, 04 Oktober 2013