get this widget here

Simple Template - Letak Kotak Pada Blockquote



Preview:

Bagi yang tak tahu apa itu Blockquote, rujuk di sini Tutorial kali ini akan menunjukkan pada anda cara untuk meletakkan kotak pada petikan blockquote dalam blog anda.

Caranya:


1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML 

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod ini



/* Headings

4) Kemudian copy dan paste kod ini SELEPAS / DI BAWAH kod /* Headings tadi


.post blockquote {
background:#FFCCCC;
padding: 5px;
Border: 2px dashed #FF0099;
moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
colour:#FF0099;
}

Nilai yang anda boleh adjust dalam kod di atas
FFCCCC - warna background kotak blockquote. Rujuk kod warrna di bawah
2 - ketebalan garisan border kotak
dashed  - style garisan border. Sama ada dashed, solid atau dotted
FF0099 - warna garisan border. Rujuk kod warna di bawah
Kod warna purple - bentuk kotak border. Anda boleh pilih di sini

( untuk paparan lebih besar, klik di sini)



5) Bila dah selesai adjust nila-nilai di atas, klik preview dan jika tiada error, klik save template.

Selamat mencuba! :)




SUKA BLOG NI ?

LinkWithin

Related Posts Plugin for WordPress, Blogger...