Cari Artikel Blog Ini

Total Tayangan Laman

TENTANG BORDER

Border yang dapat ditampilkan pada blog ada beberapa jenis gaya. Border-border tersebut dapat anda tampilkan dengan berbagai variasi dan yang paling penting terapkan pada postingan maupun pada sidebar serta bagian blog lainnya. contohnya :
  1. Solid :

    Selamat Datang di EPG Studio



  2. Double :

    Selamat Datang di EPG Studio



  3. Grove :

    Selamat Datang di EPG Studio



  1. Outset :

    Selamat Datang di EPG Studio



  2. Ridge :

    Selamat Datang di EPG Studio



  3. Dotted :

    Selamat Datang di EPG Studio



  4. Dashed :

    Selamat Datang di EPG Studio



Kode untuk menampilkan border diatas dapat anda lihat seperti dibawah ini :

<div style="border: 3px ridge green ">Selamat Datang di EPG Studio</div>


Cara Pengeditan :
  1. border: 3px : merupakan ukuran border. Ubah angkanya sesuai dengan ukuran yang ingin anda tampilkan.
  2. ridge : merupakan gaya dari border. Ganti dengan gaya yang ingin anda tampilkan.
  3. green : merupakan warna dari border
  4. Selamat Datang di EPG Studio : merupakan tulisan yang ingin anda tampilkan pada border tersebut

Setelah anda memahami border, anda dapat memvariasikan dengan berbagai gaya sesuai keinginan.
Berikut ini merupakan contoh tampilan border, yang kode untuk pembuatannya terdapat dalam border tersebut :
  1. Border beserta background :

    <div style="border: 5px solid red; margin: 0pt; padding: 15px; background: blue none repeat scroll 0% 0%; text-align: justify; line-height: 23px; color: white; font-size: 14px;">Selamat Datang di Epg Studio</div>



  2. Border dengan sudut melengkung beserta background:
    :

    <div style="border: solid 5px red; background: blue; padding: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; margin: 0; text-align: justify; line-height: 23px; color: white; font-size: 12px">Selamat Datang di Epg Studio</div>


Untuk pengeditan selanjutnya silahkan anda coba gabungkan kode-kode tentang border yang telah anda pahami.
Jangan lupa anda kunjungi juga POSTING BLOG TAMPIL DENGAN BORDER MELENGKUNG agar variasinya semakin lengkap.
Selamat mencoba semoga bermanfaat

Jika artikel ini bermanfaat..? Bagikan lewat :


BACA JUGA ARTIKEL DIBAWAH INI



Comments
7 Comments

7 komentar :

= jeo = mengatakan...

wah... makasih bos... akan saya coba... ^_^

VELVET COKLAT mengatakan...

HAI TERIM AKASIH DENGAN INFORMASI YANG DIBERIKAN...SAYA TELAH CUBA UNTUK MASUKKAN BUKU TAMU..MASALAH NYA BUKU TAMU TIDAK TIMBUL SEBAGAI KOLUM SENDIRI..BAGAIMANA CARANYA

vizzen mengatakan...

mas itu masuk kemana dulu sebelum kasih border begaris itu maklum soalnya orang baru diblogger

Ades mengatakan...

@vizzen : border dapat digunakan pada postingan sidebar maupun template, yang penting pemahaman tentang border telah dikuasai

Denpal 06-12-01 Banjarmasin mengatakan...

Terinakaih border nya. Bagus.. Sudah dipasang...

PUSKESMAS BAUN mengatakan...

halo mas,,,,
lebar sma tinggi nya di mna ?
aq gk bisa stel mas
trims ya
lam knl

The 7Bloggers | Jefry Dewangga | Some Nice Quote Part 1 mengatakan...

Dengan border kita bisa membuat Triangel Shapes, dengan CSS kode ini:

#shapes{
display:block;
font-weight:normal;
position:relative;
background-color:green;
color:#FFF;
border-radius:5px;
text-shadow:0 1px 0 rgba(0,0,0,0.2);
margin:.75em 0;
padding:15px 20px;
}
#shapes:before {
content:"";
width:0;
height:0;
position:absolute;
bottom:100%;
right:15px;
border-color:transparent transparent green;
border-style:solid;
border-width:7px;
}

Posting Komentar

Ceritakan keberhasilan/kegagalan anda setelah mencoba Tutorial Blogger pada kotak komentar. Kritik dan Saran juga boleh asal sifatnya membangun...!!!