Tutorial : Border Hover di Blockquote


Hai Hai~
bosen gak sih sama Blockquote yang tampilannya biasa biasa aja ???

Yuk langsung aja ubah tampilan Blockquote kamu... Ganti backgroundnya + kasih bordernya..

Langkahnya :
1. Login Blog
2. Dashboard > Pilih Theme > Edit HTML
3. Cari kode ini

.post blockquote {


4. Kemudian copy paste kode ini, setelah kode no.3

background:url(URL background); padding:5px;Border:2px dashed #00000;colour:#FFFFFF}blockquote:hover {background: url(URL background) repeat right bottom ;border:2px dashed #000000;-moz-border-radius-topleft: 10px;-moz-border-radius-bottomright: 10px;}

5. Save

dan Taraa~~~ jadi deh blockquote kece milikmu...
Ohya jangan lupa untuk ubah URL Background dan warnanya ya...
Katalog warna bisa liat di Home Check Richeck Colour Link. Semoga Berhaasil.




Terima Kasih Sudah Berkunjung dan Membaca Artikel ini ya ^^

0 komentar:

Posting Komentar