Menaikan Seri Blockquote

Ok, nampak x perubahan blockquote wak?? hehe..

Murid : nampak wak !! saya tau caranya wak, cara nk naikan seri blockquote nie kenelah tunggu khamis malam jumaat, kemudian sediakan perkakasan seperti bunga-bungaan.. wangian dan dicampurkan kedalam air di bath tab. Kemudian rendamkan laptop atau PC kita selama beberapa minit.. gosok2 sikit pada bahagian monitor.. dah seri blockquote..
Wak : Bukan begitu caranya, itu mau rosakan aje laptop mu dong!!
Murid : ok2 cuba wak terangkan sikit caranya..
Wak : Caranya??? ok meh wak ajarkan..

Peringatan: Save script template korang sebagai backup.

Step 1Log in blog >> Dashboard >> Layout >> Edit HTML. Tick pada Expand Widget Templates.

Step 2
Ctrl+F dan cari kod ni: .post blockquote

Step 3
Selepas kod tadi, ada kod lagi sikit kan? Buang kod-kod yang ada sebelum kod ni:

}

Dan gantikan dengan kod di bawah.

 background: url(URL Gambar)repeat;
 padding: 6px;
 margin:1em 20px;
 border: 5px solid #CCCCCC;
-moz-border-radius-topleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;

Bahagian URL Gambar, korang letaklah URL gambar yang dikehendaki sebagai background. Saranan wak, cari gambar yang repeatable, sebab code yang wak bagi sesuai untuk gambar yang repeatable sahaja. Search jer kat Google. Banyak gambar cantik2. Kemudian bahagian berwarna HIJAU, ialah ketebalan border blockquote korang. Semakin besar angka, semakin tebal border tu. Bahagian berwarna OREN pula, ialah style border. Contoh style border bawah nie.

solid = ____________
dashed = ---------------
dotted = ...................

Yang berwarna BIRU pula ialah warna border. Korang boleh pilih sendiri warna di SINI dan ambil codenya.Dan selesai mengedit code, code akan jadi seperti contoh bawah nie.

.post blockquote {
 background: url(http://i226.photobucket.com/albums/dd134/Bella_Pok/Backgrounds/BGPnkWhtStrp.gif)repeat;a
 padding: 6px;
 margin:1em 20px;
 border: 2px dashed #FF00FF;
-moz-border-radius-topleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
  }

Step 4
Klik Preview dan jika tiada mesej Error yang terpapar, klik Save

Step 5
Ok, sekarang korang boleh buat blockquote untuk menguji kebersanannya. Oh yer, blockquote yang sebelum-sebelum nie korang buat pown akan automatik berubah, jadi x perlu risau dan x payah nak edit blockquote yang lama-lama tu yer.

p/s: x tau nk buat blockquote??? KLIK SINI