Blockquote III (Blocquote mengembang)

Assalamualaikum readers and bloggers. hari nih amy nak ajar korang cara buat blockquote mengembang. ape itu mengembang? :D ,macam blockquote amy yang sekarang nih. bagi yang tak tahu, rujuk gambar dekat bawah ni ea.

SEBELUM

SELEPAS

HA, dah tahu kan ? jom belajar buat :)

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

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

.post blockquote {

3) Jumpa ? Lepas tu delete code kat bawah-bawah dia and gantikan dengan code ini:

text-align: center;border-top: 3px solid #000000;border-bottom: 8px double #000000;background: #FFFFFF;padding: 5px;}.post blockquote:hover {border-left: 3px solid #66CCFF;border-right: 3px solid #66CCFF;margin: 5px;border-top-left-radius: 105px 15px;border-top-right-radius: 105px 15px;border-bottom-left-radius: 5px 5px;border-bottom-right-radius: 5px 5px;-webkit-box-shadow: 0 0 3px 3px #000000;-webkit-transition-duration: 1s;}

4) Okep done ! preview dulu,baru save ye.

NOTA KAKI:

1. Code warna boleh cari dekat SINI.

CAN u CLICK HERE ? :D

---

Thank you for reading

---

Tweet