@ Cara Nak Buat Blockquote yang Cantik

Seperti yang saya terangkan kt entry sebelum ini..(Blockqoute baru saya) nak share bagaimana cara saya edit/tambah HTML yang saya maksudkan itu.

1. Masuk kat Design > Edit HTML
2. Cari (tekan Ctrl dan F) perkataan ini: .post blockquote {
so, harap2 akan jumpa koding seperti ini...

.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }

3. Dibawah simbol } yang terakhir (seperti koding kat atas td tu).. korang perlu paste/tambah kan koding ini.

.post blockquote { background-image:url(url background yang korang suka ); -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; padding: 6px; Border: 2px solid #F5A9F2 ; margin:1em 20px; }

4. Gambaran keseluruhan HTML korang  tadi akan jadi macam ni:

.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }
.post blockquote { background-image:url(url background yang korang suka ); -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; padding: 6px; Border: 2px solid #F5A9F2 ; margin:1em 20px; }

-----------------------------------------------------------------------------------------------

pastu korang kenalah edit sikit dalam koding yang korang tambah tu..edit perkataan yg saya warnakan tu yer..( rujuk pada perkataan yang berwarna , merah, biru, hijau)

-------------------------------------------------------------------------------------------

5. kat perkataan "url background yang korang suka tu" yg dalam koding HTML tadi tu..korang gantikan dengan url yang dah berkenan:
contohnya: bagi gambar2 ini...

 url backgroundnya adalah:

(http://i153.photobucket.com/albums/s213/manga476/Cute%20Background/cute-background-020.gif)

url backgroundnya adalah:

(http://i277.photobucket.com/albums/kk70/safiena_album/kawaii066.jpg)

url backgroundnyer adalah: 

(http://i274.photobucket.com/albums/jj242/joy_hellokitty/backgrounds/background-144.jpg)

****ada banyak lagi..korang boleh cari kat Photobucket dan google***

6.  kat perkataan Border: 2px pulak...korang  boleh ubah ketebalan berder korang..saya guna 2px..korang boleh try..2.5px atau 3px pun tak pe..ikut mana yang korang suka.

7. Kat perkataan #F5A9F2 tu pulak, adalah mewakili warna border.. #F5A9F2 tu adalah warna pink macam yang saya guna..korang boleh tukar ke warna lain dengan merujuk koding di sini.. koding warna


8. Dah siap ubah 3 benda tu..klik save template
So bila korang nak guna blockqoute ni..korang kena highlight perkataan tu then klik kat simbol " pada new post.. then preview or publish.