tutorial - Cara Nak Buat Blockquote

Assalamualaikum ! ~ Wazzup guys . hehe

Pagi yg indah ni , CAER nak buat tuto "cara-cara nak buat Blockquote" , Biasa korang selalu terjumpe kat blog-blogkan ... hah? Blockquote tu ape ?...mehh-meh CAER tunjukkan .tengok kat bawah ni , 

Ni lah "Blockquote"

Da tau belum ape itu "Blockquote" , Kalau da tahu... Bagus lah .hehe

Okey Okey, Mari Kita mulakan clss.. huhu 

1.Dashboard > Blogger > Template >  Edit Template > tick expand widget templates.

2.Tekan Ctrl + F (Serentak) *pemudahkan pencarian

3. Copy code bawah ni and Masukkan ke dalam Box Pencarian td ( Ctrl + F ) .

]]></b:skin>

da jumpe ?. bgus-bgus.. okey ikut step seterusnya :)

5.Then korang copy code bawah ni and paste kat atas code  ]]></b:skin>

.post blockquote {
 background: url(URL background 1);
border-top: 3px solid #FA58AC;
border-left: 8px solid #FA58AC;
border-right: 3px solid #FA58AC;
border-bottom: 3px solid #FA58AC;
   -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomright: 15px;
    padding: 6px;
    margin:1em 20px;
}

blockquote {

margin: 0 20px;
padding: 20px 70px 70px 70px;
}

blockquote:hover {
background: url(URL background 2) repeat ;
border-top: 3px solid #FFFF00;
border-left: 8px solid #FFFF00 ;
border-right: 3px solid #FFFF00;
border-bottom: 3px solid #FFFF00;
  -moz-border-radius-topleft: 15px
    -moz-border-radius-bottomright: 15px;
}
blockquote p {
margin: 0;
padding-top:200px;
}

Petunjuk :-

Biru : background blockquote sebelum cursor menyentuh >background boleh cari kat sini

Merah : bacground blockquote selepas cursor menyentuh

Hijau : Bentuk border blockquote : korang boleh cari kat sine

Oren : warne border boleh cari kat sini

highlight : jenis garis border , contoh bawah ni :

Solid

dashed

groove

outset

inset

dotted

double

nie je yg CAER tau ,hehe 

highlight : ketebalan garis border , **Makin tinggi angke , makin tebal garisan border tu :)

Selamat Mencube yunk. :) hehe

---

Like dan tinggalkan jejak anda ye , Terima kasih :)

---