Create Simple Quote Border

Assalamualaikum. Di sini ingin saya tunjukkan cara bagi menghasilkan kotak Quote yang simple macam nie;

1. Dashboard > Design > Template > Edit HTML.

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

</b:skin>     @     .post blockquote {

3. Kemudian copy code yang diberikan

.post blockquote {text-align: left;background: #FFFFFF;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;border:2.0px dashed #FF6600;margin:0 -5px 1.5em -5px;padding:15px 7px 15px 7px}

4. atau copy code ini (salah satu taw)

.post blockquote {background: #FFFFFF;-moz-border-radius: 1em 4em 1em 4em; border-radius: 1em 4em 1em 4em;border:2.0px dashed #FF6600;margin:0 -5px 1.5em -5px;padding:15px 7px 15px 7px}

5. Paste kan di atas code </b:skin>  

         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

6. Preview terlebih dahulu sebelum Save.

7. Jenis - jenis border boleh lihat disini faranymboboiboy