Macam-macam Garis atau Border Pada Blog

Full Version

Pada postingan kali ini terbilang lumayan menarik bagi sobat yang sering mengotak atik template atau code Html di blognya karena biasanya bagi blogger yang tergolong baru seperti saya dan sobat sering kebingungan jika dihadapkan dengan code Html yang begitu banyak.

Macam-macam Garis atau Border Pada Blog

Jadi postingan kali ini akan membahas tentang macam-macam atau jenis garis atau border atau blog yang mana dengan pilihan yang banyak tersebut sobat dapat menentukan garis yang bagus yang sesuai dengan template blog sobat. Dan postingan kali juga masih erat hubungannya dengan postingan sebelumnya yang berjudul Mengatur Margin dan Pandding Pada Blog.

Berikut ini beberapa pembahasan mengenai garis atau border pada blog.

border-top: Garis tepi bagian atas.

Border-bottom:  Garis tepi bagian bawah.

Border-left: Garis tepi bagian kiri.

Border-right: Garis tepi bagian kanan.

Dotted: Garis titik-titik.

Solid: Garis lurus.

Double: Garis lurus double.

Biasanya sobat akan menemui code html pada blog sobat seperti di bawah ini.

Border-top: 2px solid #f0000

Keterangan:

  • Border-top: menunjukkan garis bagian atas.
  • 2px: tebal garis.
  • solid: garis lurus.
  • #ff000: warna garis.

Hasilnya kurang lebih seperti di bawah ini.

SOLID

DOTTED

DASHED

DOUBLE

GROOVE

RIDGE

INSET

OUTSET

Semoga artikel kali ini bermanfaat happy blogging :)

Full Version

1 komentar:

  1. Untuk tampilan yang smooth gunakan modzilla fire fox gan ;))

    BalasHapus
Catatan:
Untuk menyisipkan video, gunakan tag <i rel="youtube">URL YOUTUBE ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Untuk menyisipkan kode panjang, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!"

Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (out of topic) dengan menekan tombol OOT di bawah ini.

Konversi Kode di Sini!OOT

 
Design by Juned al~Bughisy Copyright © 2012 ~ 2013 Powered by Blogger
Back to Top