Tutorial 2 : Buat Blockqoute Box

Assalamualaikum and hello peeps. Sekarang adik kecik molek nak buat tutorial macam mana nak buat blockqoute box. Sesiapa yang tak tau apa itu blockqoute, sini saya bagi tau :-


-Hah, in la dia  blockqoute.-


Tapi , kalau korang tak tau macam mana nak blockqoute kan post korang tu, jom saya ajar. Waktu korang tulis post, then korang nak post korang tu dalam blockqoute, korang tekan jer ni :-

Senangkan? Okay, Jom mula :-


1. Login ke blogspot > Template > Edit HTML > Proceed > Tick Expend Widget Templates 

2. Cari code di bawah :-


.post-body {
3. Dah jumpa, sekarang korang copy code ni pulak :-

 .post blockquote { background-image:url(URL BACKGROUND BLOCKQOUTE); -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; padding: 6px; Border: 3px dashed  #00cc00; margin:1em 20px; } 

4. Dah? Korang pastekan code ni kat atas/sebelum code yang korang cari tadi.

5.  a) Warna hijau : Tukar kepada URL background yang korang suka.
     b) Warna merah jambu : Korang boleh tukar dengan bentuk border yang  
         korang suka ( Solid, Dashed atau Dotted )
     c) Warna merah : Korang tukar dengan warna yang korang suka -Warna
         border-

6. Save dan tengok la hasilnya =)
    

No comments: