tutorial - blockquote lip-lap


mari-mari. Blockquote lip-lap yang cute datang ~ Haha peace ! Jom buat. Alah, yang bila halakan cursor kat blockquote, akan keluar icon kecik come lote kat hujung blockquote tu.

1. Dashboard -design - edit html - tick expand widget template

2. cari kode ni:
.post blockquote {
3. Copy code ni, gantikan dnegan code lama korang tue.
background-color: #F2F2F2;
border:1px solid #FA58F4;
padding: 5px;
}
.post blockquote:hover {
background-image:url(URL LIPLAP-LIPLAP);
background-position:bottom right;
background-repeat:no-repeat;
}
If korang nak bergerak-gerak, tambah code ni -webkit-transition: 1s;} kat bawah background-repeat:no-repeat; .

4. Save!

merah - macam biase, tukar kode warna. Di SINI.
oren - ketebalan border. kalau nak cute, buatlah 3 hingga 5.
kuning - Nak tukar, tukar dengan solid - dotted - dashed sahaja . Pilih salah satu.
hijau - masukkan icon yang korang nak. Jangan beso sangat. nanti tak jadi cute, jadi comot!

Bye. Assalamualaikum!

THANKS FOR READING THIS :) LIKE IF YOU LIKE ♥