Senin, 17 Juni 2013

Cara Membuat Efek Keren pada Header Blog

bayi lucu
Seperti yang saya kata sebelumnya pada cara membuat efek keren pada judul postingan, blog keren dapat mendatangkan pengunjung yang keren juga hehehe...

Untuk melihat hasilnya anda bisa lihat pada header blog ini, coba anda sorot mouse anda pada header blog ini dan lihat apa yang terjadi.

Langsung aja lihat caranya di bawah ini

1. Login akun blog anda dulu
2. Pilih template > edit HTML, nah disitu cari kode

#header-inner{background-position:center;margin-left:auto;margin-right:auto}


3. Setelah itu copy dan paste kode dibawah ini tepat di bawah kode diatas

#header-inner:hover{background-position:center;border:1px solid #fff;
background: #ccff66;overflow:hidden;
box-shadow: 1px 1px 4px 3px rgba(0,0,0,0.5);
box-shadow: 0 3px 6px rgba(0,0,0,.5);
transform: rotate(-0deg);
-webkit-transform: rotate(-0deg);
-o-transform: rotate(-0deg);
-moz-transform: rotate(-0deg);
border-radius: 30px 0 30px 0;
-moz-border-radius: 30px 0 30px 0;
-webkit-border-radius: 30px 0 30px 0;
-o-border-radius: 30px 0 30px 0;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;}}

4. Terakhir klik save

Sekian semoga bermanfaat...)

Tidak ada komentar:

Posting Komentar