0

Cara Membuat Post Body Hover

Sabtu, 23 Juli 2011
Share this Article on :



Cara Membuat Post Body Hover


Cara Membuat Post Body Hover berguna untuk sebagai animasi pada postingan blog kamu.
Caranya cukup mudah hanya dengan copy dan paste kode post body dan paste saja di template kamu.

Berikut Tutorial Blog Cara Membuat Post Body Hover :
- Login akun BLogger kamu
- Pilih rancangan kemudian edit html
- Centang expand template widget
- Back up html untuk mengamankan template apabila terjadi galat atau kesalahan dalam mengedit atau desain blog kamu.
- Simak Tutorial Blog di bawah ini

Caranya cukup mudah hanya dengan copy dan paste kode post body kemudian paste kode html post body tadi di template kamu.

Setelah kamu paste tambahkan kode :hover

Misalkan kode html post body aku seperti di bawah ini

.post-body{background:#3B5998 url(link image 1) center repeat;}

kemudian untuk post hover body seperti ini

.post-body:hover{background:#FFFFFF url(link image 2) center repeat;}

Perhatikan perbedaan kode html di atas,saya menambahkan kode hover,background warna dan background gambar yang berbeda.

Begitulah yang dimaksud dengan post hover,terjadi perbedaan antara sebelum mouse menyorot postingan blog kamu dengan saat mouse menyorot postingan kamu.

Terkesan memberikan sebuah animasi pada postingan blog kamu.

Sebuah Tutorial Blog yang singkat tapi sangat berguna untuk postingan blog kamu.


Artikel Terkait:

0 komentar:

Posting Komentar