Translate

get this widget here
Create your own banner at mybannermaker.com!

Jumaat, 28 Disember 2012

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! :) 

0 ulasan:

Copyright© All Rights Reserved HafizalHajiZainal.blogspot.com