Monday, May 24, 2010

Border dan background pada blogger

Border dan background pada blogger yang artinya  batas tepi dan latar belakang template blog. Dengan border dan background, maka blog akan semakin bagus dan tampak cantik, apalagi dipadukan dengan kombinasi warna yang sesuai. Dengan border, tulisan akan menjadi lebih menonjol. Border dan background berguna untuk memisahkan bagian-bagian dari blog. Juga dapat menunjukkan bagian yang penting seperti posting blog dan fitur-fitur yang ditambahkan pada bagian sidebar.

Jenis-Jenis dan Pengaturan Border

Cara termudah untuk menambahkan border pada setiap elemen di blog adalah menambahkan kode <b:skin> pada bagian template blog. Misalnya pada bagian #main-wrapper ,seperti ini


#main-wrapper
border: 3px solid #000000;
[kode lainnya di sini]

Kode border: 3px solid #000000; mengartikan adanya penambahan garis tepi batas dengan tebal garis 3 pixel berwarna hitam solid, hasilnya seperti ini,



tulisan Anda di sini

Atau bisa dimodifikasi warnanya, contohnya seperti ini,


tulisan Anda di sini

Selain itu, Anda dapat juga memodifikasi model garisnya, seperti dotted, dashed, double dan outset. Misalnya 

efek Dotted

Dotted border: 3px dotted #000;
efek Dashed
Dashed border: 5px dashed green;
efek Double border-style
Double border-style: double; border-color: blue;
efek Outset border-style
Outset border-style: outset; border-color: #404040;
Nah, seperti itulah kira-kita teknik dasar pembuatan border . . . Jika Anda ingin belajar lebih jauh tentang border style, bisa baca " Jenis-Jenis Pengaturan Background"



Selamat Mencoba !

No comments:

Post a Comment