Tutorial Blockquote Hover Tanpa Shadow

hye arie nie iema nax tunjuk cara blockquote tanpa shadow kalau korang nax ade shadow, pergi kat tutorial nie  Tutorial Blockquote Hover
lihat gambar di atas sebelum dan selepas hover bentuk border nye berubah kan nax macam toe, jom follow tutorial nie  P/S : nax copy, highlight dan guna ctrl + c  Dashboard -> Template -> Edit HTML  ctrl + f, cari kod nie

.post blockquote {

 kalau tax jumpa kod toe korang kena tambah la  macam mane nax tambah, cari kod nie, Ctrl + f (untuk memudahkan pencarian)

.post-body {

  copy dan paste kod di bawah nie betul2 di atas kod yang dicari tadi... kalau ade kod di no   tadi, just copypaste kod yang lain yang ade di bawah nie

.post blockquote { -moz-border-radius: 35px; border-radius: 35px; background:url(URL BACKGROUND SEBELUM HOVER) center; border-top: 2px solid #FF3399; border-left: 2px solid #FF3399; border-right: 2px solid #FF3399; border-bottom: 2px solid #FF3399; margin:1em 20px; padding: 5px; }
.post blockquote:hover { -moz-border-radius: 25px 10px / 10px 25px; border-radius: 25px 10px / 10px 25px; background:url(URL BACKGROUND SELEPAS HOVER) center; background-position:center; background-repeat:repeat; }

color oren dan color biru korang pilih bentuk border korang di sini  Tutorial Bentuk-Bentuk Border color hijau dan color kuning tukar background yang korang inginkan
 kalau nax letax background color je...   tukar kod nie

background:url(URL BACKGROUND SELEPAS HOVER) center;

ke kod nie

background:#ffffff;

 dah siap edit, preview dulu tax ade pape error, terus save selamat mencuba 

Tweet