Blockquote IV

Assalamualaikum readers and bloggers. Okep hari nih amy nak ajar korang care buat blockquote macam amy. terus to the point ea, *malas nak cakap panjang. Sebelum tu, tengok SINI dulu.

sebelum

selepas

1) Dashboard->design->edit html->tick expand widget(penting)

2) Lepas tu, tekan ctrl+f and cari code ini

.post blockquote {

3) Gantikan code dekat bawah code .post blockquote { dengan code ini :

background:#99CCFF;
-webkit-transition-duration: 3s;
padding: 12px;
margin: 2px 2px;
color: #000000;
text-align:center;
border-radius: 5px;padding-top: 1px;padding-bottom: 1px;padding-left: 2px;padding-right: 2px;
}
.post blockquote:hover {
background:#cccccc;
color: #ffffff;
text-align:center;
-webkit-transition: 4s;
}

. Nampaknye banyak sangat perkataan 'code' dekat NO.3 tu ye, harap korang paham:D
4) Boleh la save, tapi preview and bace nota kaki dekat bawah nih dulu.

NOTA KAKI:

1. biru- Color background blockquote korang,boleh cari dekat SINI.
2. merah- Color untuk font dalam blockquote korang.
3. kuning- Masa yang diambil untuk blockquote korang tu bertukar semasa cursor sentuh.

Oke,paham ? Dah siap ! :D

---

Thank you for reading

---

Tweet