Tuesday, March 20, 2018

√ Menciptakan Border Pada Halaman Template Blog

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

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

1. Login akun blogger Anda.
2. Pilih sajian tab Template > Edit HTML > letakkan kursor pada area instruksi HTML.
3. Cari instruksi (gunakan Ctrl + F), outer-wrapper atau wrapper.
4. Kemudian letakkan instruksi berikut sempurna dibawah salah satu instruksi diatas.
border:2px solid #d50303;
5. Jika Anda menginginkan garis tepi disertai efek shadow, gunakan instruksi berikut.
border:2px solid #d50303;
box-shadow:0 0 10px #666;
6. Contoh hasil kodenya akan ibarat 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, biar sanggup membantu!
Sumber http://id-pemula.blogspot.com