Create Blockquote

Assalamualaikum. Di sini ingin saya tunjukkan cara bagi menghasilkan kotak Quote yang boleh bertukar colour apabila cursor menyentuh kotaknya.
                  

1. Dashboard > Design > Template > Edit HTML.

2. Tekan Ctrl+F serentak, dan cari code di bawah ni.

.post blockquote {

3. Kemudian copy code yang diberikan

.post blockquote {text-align: centre;background: #FFFFFF;-moz-border-radius: 1em 3em 1em 3em; border-radius: 1em 3em 1em 3em;border:2.0px dashed #FF6600;margin:0 -5px 1.5em -5px;padding:15px 7px 15px 7px}blockquote:hover{ background:  #FF6600; border:3px solid #000000}

4. Paste kan di bawah kod para 3.  

5. Preview terlebih dahulu sebelum Save.

        
         Note; Purple - Saiz lengkungan yang korang nak. 

                  Hijau   - Saiz border/ ketebalan border. 
                  Oren   - Jenis Border - solid/ dotted/ dashed 
                  Biru    - Warna border/ background. Kod warna di SINI.
                  Merah - Alignment tulisan - left/ centre/ justified/ right