Jenis - Jenis border dan cara pembuatannya

Border adalah garis tepi dari komponen/objek yang berfungsi agar konten/objek  tersebut terlihat rapi. Berikut adalah jenis - jenis border dan cara membuatnya,

Rex Screen Shoot:

Kode untuk membuat kotak dengan border seperti di atas adalah:

<div style="border 3px solid rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">

Tuliskan Teks Atau Sesuatu yang Ingin Diberi Border disini

</div>

Atau yang lebih sederhana (sesuaikan dengan kebutuhan):

<div style="border: 4px #345d15 ridge; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div> 

Ganti Tulisan yang berwarna merah dengan Jenis Border yang kamu inginkan.


Mengganti border pada sidebar, footer, header dan lain-lain

Pada template blog baik pada sidebar, footer maupun header sering kita temukan kode seperti ini:

border-top: 1px dotted #dddddd;
border-bottom: 1px solid #dddddd;

Jika ingin mengubah bordernya, sobat tinggal mengganti tulisan berwarna merah dengan jenis border yang sesuai, sama seperti di atas.

Related Post:

Tentang BLoG

• Cara Membuat Tombol (button) url lengkap
• 10 Kata kunci (keyword) yang paling banyak di cari di dunia
• 10 Keyword yang paling banyak di cari di indonesia menggunakan google insight
• Cara Membuat Breadcrumbs Langsung Terindeks Oleh Google
• Merubah Postingan lama / baru (Navigasi) dengan angka
• Cara membuat 2 kolom posting / widget pada blog
• Cara membuat halaman depan blog tanpa postingan
• Merubah Title Tag Lebih SEO Friendly
• Membuat SlideShow mudah dan keren di blog
• Template keren gratis untuk blogger (part.3)
• Template keren gratis untuk blogger (part.2)
• Template keren gratis untuk blogger
• Membuat Favicon pada blog atau website bagian.2
• Membuat favicon pada blog atau website bagian.1
• Membuat menu dropdown keren
• membuat link menjadi warna warni / rainbow link
• Membuat Rencent Comment terbaru dan keren with avatar
• Menampilkan jumlah postingan di beranda
• Membuat Halaman Statis pada blogger
• Membuat Border / widget melengkung pada blog
• cara mendaftarkan blog di rss feeds
• Cara menghilangkan Diposkan, Label dan waktu postingan / artikel
• Memasang Menu Accordion Terbaru pada widget (vertikal)
• Memasukan Label Tertentu pada Widget
• Membuat blog jadi DoFollow