Blog Afiq Ikmal : February 2013

Jom terjah entry yang lain

07 February 2013

Tutorial 9: Kotak comel/blockquote versi2

Hai...lama tak post entri nih tuto seterusnyer ok...



Ikut langkah ni...

1.Login blogspot.

2.Template> edit HTML> tick expand widget.

3.Copy kod bawah nih.
.post-body blockquote {
4. ctrl+f dan paste kod di atas dan tekan enter.

5.Dah jumpa copy kod bawah nie pulak pastekan di atas / sebelum code .post-body blockquote {
background: #ceefff;
border-top: 1px dashed #3da7ee;
border-bottom: 1px dashed #3da7ee;
border-right: 7px solid #3da7ee;
border-left: 7px solid #3da7ee;
padding:6px;
}
Ungu: mengikut ketebalan kotak.
Merah: border boleh tukar mengikut kesukaan.
Kuning: warna background tengok sini
Hijau: warna border tengok sini

Langkah 2

Jika tidak menjumpai kod ini  .post-body blockquote {  copy kod bawah ni 
.post-body {
pastekan  .post-body blockquote { di atas code .post-body { supaya korang boleh masukkan code langkah kelima tadi

6.save lah hasil korang
Related Posts Plugin for WordPress, Blogger...