Saturday, August 3

Buat Widget Keren Di Header Ala Orblues



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

2 comments

  1. keren bngt gan ... (y),salut ..


    jngn lupa mampir ke http://akisada-ryo.blogspot.com/2013/08/cara-mengecilkan-alexa-ranking-di-blog.html y,tinggalkan komentar juga pastinya....

    terima kasih

    ReplyDelete


EmoticonEmoticon