Gudang Enam

Jenis Border Blog dan Cara Membuatnya

Mungkin agan sudah mengetahui apa itu border ...? betul, Border adalah garis tepi atau garis yang berada di setiap sisi dan biasanya untuk membedakan letak suatu komponen baik widget, Gadget atau yang lainnya.

Dalam Template blogger terdapat beberapa jenis atau style atau juga tampilan dari border ini. Adapun jenis border yang saya ketahui antara lain:

1. Solid
2. Dotted
3. Dashed
4. Double
5. Groove
6. Ridge
7. Inset
8. Outset

Untuk contoh tampilan dari jenis border tersebut, kalian bisa lihat berikut ini:

SOLID

DOTTED

DASHED

DOUBLE

GROOVE

RIDGE

iNSET

OUTSET

== CARA MEMBUAT BORDER/GARIS TEPI

Untuk membuat bordernya sendiri, kalian hanya perlu menggunakan kode berikut :

<div style="background:#F2F2F2;border:3px dashed #000000; padding:5px;">
TULISAN / SCRIPT KALIAN </div>

KETERANGAN :
== Kode #F2F2F2 adalah warna background atau warna latar belakang
== Kode 3px adalah ketebalan garis /border itu sendiri
== kode dashed adalah Jenis bordernya
== kode #000000 warna garis pada border
== TULISAN / SCRIPT KALIAN adalah tulisan atau script yang akan ditampilkan didalam border

Contoh :

Penulis: Mohamad Aripin Follow Me: @My Twitter
Saya hanyalah seorang yang sedang belajar dan berbagi pelajaran dengan siapapun. Blog ini dibuat untuk memudahkan kalian yang sedang belajar sama seperti saya. Jika dari kalian ingin selalu tau artikel terbaru dari saya silahkan KLIK DISINI.

sekian penjelasan tentang jenis border ini, dan jika kalian mau memodifikasinya, kalian bisa membaca artikel saya yang berjudul :

== (rounded corner) sudut melengkung pada border

Share |