Saturday, November 16, 2013

Membuat Border pada Halaman Template Blog

Border pada halaman template merupakan garis tepi yang mengelilingi halaman blog, garis ini biasanya digunakan untuk menandakan batas dari halaman template blog Anda. Garis tepi pada halaman blog juga akan menambah kesan menarik pada tampilan blog Anda.

Berikut langkah cara membuat border atau garis tepi pada halaman template blog :

1. Login akun blogger Anda.
2. Pilih menu tab Template > Edit HTML > letakkan kursor pada area kode HTML.
3. Cari kode (gunakan Ctrl + F), outer-wrapper atau wrapper.
4. Kemudian letakkan kode berikut tepat dibawah salah satu kode diatas.
border:2px solid #d50303;
5. Jika Anda menginginkan garis tepi disertai efek shadow, gunakan kode berikut.
border:2px solid #d50303;
box-shadow:0 0 10px #666;
6. Contoh hasil kodenya akan seperti ini,
#outer-wrapper {
background:#fff;border:2px solid #d50303;box-shadow:0 0 10px #666;text-align:left;width:960px;margin:15px auto;}
Keterangan :
2px : ketebalan border template
#d50303 : warna border template
10px : ketebalan efek shadow template
#666 : warna efek shadow
7. Kemudian Simpan template.

Nah, semoga dapat membantu!

0 comments

Post a Comment