Cara membuat Gambar di Header Bergeser

Cara membuat Gambar di Header Bergeser

1. Masuk ke edit HTML kemudian centang Expand Template Widget

2. Letakkan kode ini diatas ]]></b:skin>

div.Kode {background: url("URL Gambar") no-repeat ;-webkit-transition: all 560ms ease-out;-moz-transition: all 560ms ease-out;-ms-transition: all 560ms ease-out;-o-transition: all 560ms ease-out;transition: all 560ms ease-out;margin-left:300px;position:absolute;height: 200px;width: 277px;}
#header-wrapper:hover .Kode {margin-left:490px;opacity:0;}
div.Kode1 {background: url("URL Gambar") no-repeat;-webkit-transition: all 560ms ease-out;-moz-transition: all 560ms ease-out;-ms-transition: all 560ms ease-out;-o-transition: all 560ms ease-out;transition: all 560ms ease-out;margin-left:405px;position:absolute;height: 200px;width: 277px;opacity:0;}
#header-wrapper:hover .Kode1 {margin-left:490px;opacity:1;} 

3. Lalu letakkan kode ini dibawah <div id='header-wrapper'>

<div class='Kode'/><div class='Kode1'/> 

4. Pratinjau dulu sebelum di save 

Cara membuat Gambar di Header Bergeser 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 Gambar di Header Bergeser. Anda bisa bookmark halaman ini dengan URL https://mickeym4ru.blogspot.com/2013/10/cara-membuat-gambar-di-header-bergeser.html. Terima kasih!

Ditulis oleh: Unknown - Sabtu, 19 Oktober 2013