Tutorial Membuat Berbagai Macam Border

Selamat malam, Pada malam ini saya tidak posting software ataupun game. Melainkan sebuah tutorial membuat border di blog, Mungkin sebagian dari kalian sudah tau cara membuat border tapi ini khusus yang belum bisa buat border (hahaha :D)
Yah Biasa ini untuk css ya kalo widget bisa kok.
Nah bisa lihat contohnya dibawah :



border-style: solid;



border-style: dotted;



border-style: dashed;



border-style: inset;



border-style: outset;



border-style: double;



border-style: groove;



border-style: ridge;



border-style: none;





Cara Gunakannya Gimana ?



Nah Tambah Kan Aja Pada Css sobat :D

border : 2px solid #000000


Kalo Untuk Postingan ?

Nah kalau untuk di postingan silahkan tambahkan kode berikut :



<div style="-moz-background-inline-policy: -moz-initial; background: transparent; border: 2px Dotted #000000; padding: 4px; text-align: center;">

Teks ketik disini !!!!</div>


Silahkan buka bagian Edit HTML dan pastekan kode diatas di bagian Edit HTML.Untuk lebih jelasnya liat gambar berikut :




Sumber Image : IT-Soft Center™
Sumber Refrensi : EDHO-XP

2 Responses to "Tutorial Membuat Berbagai Macam Border"

  1. BLog walking .. Kasih komentar balik yoo ,,,
    Maaf buat para neubie, Yang butuh Tips and Trick bloggin bisa cekidot ke link Link Berikut :

    http://faizsharing.blogspot.com/2012/06/menghilangkan-navbar-di-blog.html

    http://faizsharing.blogspot.com/2012/06/membuat-efek-salju-di-blog.html
    ...
    http://faizsharing.blogspot.com/2012/06/membuat-related-post-di-blog.html

    http://faizsharing.blogspot.com/2012/06/membuat-spoiler-di-blog.html

    http://faizsharing.blogspot.com/2012/06/membuat-border-di-blog.html

    http://faizsharing.blogspot.com/2012/06/hiburan-google.html
    Thanks

    BalasHapus
  2. @Admin - Faiz:Sip bos ane comment balik :D
    Sekalian blogwalking :))

    BalasHapus