Archive Pages Design$type=blogging

Cara Membuat Gambar Header Geser

Halo Pengunjung Grew Uchiha, Kali Ini Grew Uchiha Akan Memberi Turorial Cara Membuat Gambar Header Geser Berikut tutorialnya. Tutorial Log i...

Halo Pengunjung Grew Uchiha,
Kali Ini Grew Uchiha Akan Memberi Turorial Cara Membuat Gambar Header Geser
Berikut tutorialnya.

  • Tutorial
  • Log in ke akun blogger kalian
  • Pilih menu Template
  • Setelah itu Edit HTML
  • Cari Kode ]]></b:skin> (Gunakan F3 untuk memudahkan pencarian) 
  • Letakan kode berkut tepat diatas kode ]]></b:skin>

div.GrewUchihaheadergeser {
-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-top:-10px;margin-left:405px;
background: url("http://i.imgur.com/GAW73kb.png") no-repeat ;
height: 369.5px;
width: 277px;position:absolute;
}
#header-wrapper:hover .Rafiheadergeser {margin-top:-10px;margin-left:405px;
margin-left: 510px;opacity:0;
}
div.GrewUchihaheadergeser1 {
-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-top:-10px;margin-left:405px;
background: url("http://i.imgur.com/GAW73kb.png") no-repeat;
height: 369.5px;
width: 277px;position:absolute;opacity:0;
}
#header-wrapper:hover .GrewUchihaheadergeser1 {margin-top:-10px;margin-left:405px;
margin-left: 510px;opacity:1;
}
#header img{margin-left:auto;margin-right:auto}
Keterangan:
Kode yang berwarna FUNCHSIA dapat diganti dengan URL Gambar header yang akan kalian gunakan
Kode yang berwarna LIME dapat diganti dengan URL Gambar header yang akan kalian gunakan setelah di mouseover

  • Belum selesai sampai disitu, Cari kode <header id='header-wrapper'>
    Letakan kode berikut tepat dibawah kode 
  • Letakan kode berikut tepat dibawah kode <header id='header-wrapper'>
  • div class='GrewUchihaheadergeser'/>
    <div class='GrewUchihaheadergeser1'/>

    Semoga Bermanfaat :)

COMMENTS

Name

Award Banner Blogger Blogger Kepri Cara Cheat Pc Event Exchange Facebook Food Game Grew Uchiha Html Info Instagram Jasa Pembuatan Kesehatan Maskot Musik Naruto Paket Wisata Pengetahuan Promotion Review Sofware Tema Template Tour & Travel Trip TULISAN LAIN Wisata
false
ltr
item
Batam Promotion: Cara Membuat Gambar Header Geser
Cara Membuat Gambar Header Geser
Batam Promotion
https://www.batampromotion.com/2014/03/cara-membuat-gambar-header-geser_5.html
https://www.batampromotion.com/
https://www.batampromotion.com/
https://www.batampromotion.com/2014/03/cara-membuat-gambar-header-geser_5.html
true
3134349225510853037
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago