Februari 07, 2012

Macam Jenis Garis Border Template Blog

Situseo Blog : Garis (border) merupakan bagian utama dalam design tampilan suatu blog, garis membentuk bagian-bagian dalam suatu tampilan blog untuk memisahkan tujuan dari bagian tersebut, seperti halnya pada bagian post yang terdiri dari judul - isi - dan keterangan, setiap bagian tersebut bisa dipisahkan dengan garis untuk memberi maksud dari tiap bagian tersebut.

Dari beberapa jenis garis border yang familiar dan umum kita jumpai adalah garis DOTTED (garis titik-titik), SOLID (garis lurus), DOUBLE (garis lurus double), selain dari ketiga macam garis border tersebut masih ada beberapa jenis garis yang bisa kita pakai untuk mendesign tampilan blog supaya mempunyai ciri berbeda dengan tampilan lainnya.

Dalam penggunaanya dalam template, garis-garis border tersebut dalam kode css-nya adalah sebagai berikut :

border:2px solid #dedede;

2px menunjukan ketebalan dari garis tersebut, semakin besar angkannya, semakin tebal garis border tersebut, solid menunjukan jenis garis border, sedangkan #dedede merupakan kode warna untuk memberi warna garis border.

Perintah border dalam kode css akan membentuk garis kotak yang didalamnya terdapat objek teks atau bagian template, dengan angka ketebalan border 2px akan menghasilkan ketebalan yang sama pada setiap sisi garisnya. Untuk memberikan ketebalan yang berbeda pada setiap sisi garisnya, kita harus memberi keterangan perintah berbeda pada setiap sisi garis tersebut, seperti border-top untuk garis bagian atas, border-bottom untuk garis bagian bawah, border-left untuk garis bagian kiri dan border-right untuk garis bagian kanan, sebagai ilustrasi dalam penulisan script-nya sebagai berikut :

border-top:2px solid #dedede;
border-bottom:9px dotted #ffffff;
border-left:1px dashed #000000;
border-right:5px double #cccccc;

Kode tersebut diatas menunjukan perbedaan pada setiap sisi-sisinya yang berbeda, baik itu ketebalan garis, jenis garis dan warna garis.

Untuk mengetahui macam jenis garis border, saya ilustrasikan dalam bentuk contoh dengan ukuran ketebalan garis 15px dan warna #72C7F8 untuk mengetahui perbedaan dari jenis-jenis garis border tersebut.



DOTTED



DASHED



SOLID



DOUBLE



GROOVE



RIDGE



INSET



OUTSET


Setelah mengetahui jenis-jenis garis border, kalian bisa lebih menonjolkan garis-garis border tersebut untuk design tampilan blog dan menggabungkan efek transparan pada design tampilannya. Jika belum mengetahui cara Membuat Efek Transparan Pada Warna Background, kalian bisa mengetahuinya dengan meng-klik link tersebut.

Semoga bermanfaat,

11 Diskusi untuk Macam Jenis Garis Border Template Blog

9 Februari 2012 10.13  

ternyata ada banyak jenis garis pada blog , saya hanya sering memakai solid dan dotted :)
btw nice info mas :)

13 Februari 2012 22.21  

silaturahmi sob

24 Februari 2012 13.36  

berhasil sob... ngerubah dashed menjadi solid .. thanks ya...

6 Maret 2012 12.25  

izin copy paste ilmunya

Ane coba sob. kunjung balik ea sob + follow

11 Agustus 2012 21.00  

gan minta templatenya dong

3 Oktober 2012 16.57  

yang dash itu keren mas :D

14 April 2013 12.35  

Keren postingannya mas

31 Juli 2013 23.53  

lengkap nih jenis bordernya..
thank's infony ttg macam jenis border template blog!
-keep blogging-

24 Mei 2014 13.12  

gan, mau donk author post nya, pnya sya ga muncul

Poskan Komentar

supaya diskusi berjalan baik, gunakan tombol jawab untuk reply. penggunaan tombol jawab, jangan menghapus kode komentar pada kotak komentar, cukup mengetikan komentar disebelah atau dibawah kode komentar. Terima kasih.

rate this post
beri nilai posting ini
Terima kasih,

Template by Dicas Blogger | Modifikasi ulang oleh Mas Dalang

101011  ©Situseo Blog | Powered by Blogger | Back to Top