Tutorial Blockquote Yang Senang Ibarat Makan Kacang Goreng!

Hai adik - adik! Hari ini Kakak Bunga mahu buat tutorial lagi! (: Tutorial simple - simple saja, sebab ada yang bertanya di Formspring!

 

Beranggapan bahawa beliau bertanyakan tentang blockquote lah ye.. haha (T__T)

Baiklah! Mari kita mulakan tutorial! Iyeaaahhhhh! (: Seperti biasa, pergi ke dashboard  ► Design ► Edit HTML dan segera carikan code ini ya ► .post blockquote {

Gantikan code sedia ada dengan code di bawah ;

• .post blockquote {
  background: #FF9999 ;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomright: 10px;
  padding: 6px;
  Border: 2px dotted #000000;
  margin:1em 20px;
  }
  
  #code {
  border: 2px solid #ccc;
  padding:10px;
  }
  

background ► boleh ganti dengan code warna kegemaran adik - adik.

border ► pixel boleh ganti dengan pixel pilihan adik - adik, semakin tinggi nilai pixel semakin tebal boder adik -adik. Kalau tidak menggemari dotted, boleh gantikan dengan solid atau dashed. Code yang lain jangan ubah ya, biarkan saja. Then hasilnya adalah seperti ini ;

Comel bukan? Hahaha! Selamat mencuba! (:

p/s : Bagi yang tidak tahu blockquote ini akan appear bila, beliau akan menunjukkan diri apabila anda type sesuatu di post entry dan quote kan ayat tersebut (ikon quote ada di toolbar blog kamu) Adiossss! (: