Headlines News :
Home » » Cara Membuat Garis Batas Horizontal di Blogger

Cara Membuat Garis Batas Horizontal di Blogger

Written By Muhammad Yogi Saputra on Rabu, 22 Agustus 2012 | 08.26

Satu lagi tag HTML yang dapat kita manfaatkan untuk mempermanis tampilan posting pada Blogger. Tag tersebut adalah tag <hr>. Tag ini digunakan untuk membuat garis batas horizontal. Saat menuliskan tag ini di Edit HTML, kita perlu menambahkan garis miring (/) sehingga penulisan tagnya menjadi <hr />. Tag ini memiliki beberapa atribut sebagai berikut:

AtributFungsi
alignUntuk menentukan posisi vertikal garis pemisah. Nilainya bisa left, right, atau center.
colorUntuk menentukan warna dari garis batas.
noshadeUntuk menonaktifkan efek tiga dimensi.
sizeUntuk menentukan tebal garis batas.
widthUntuk menentukan lebar dari garis batas. Nilainya bisa berupa piksel atau persen dari lebar halaman posting.

Berikut ini contoh dari macam-macam garis batas yang dapat dibuat dengan menggunakan atribut-atribut di atas.

1. Garis batas biasa.
Penulisan di Edit HTML:
<hr />
Hasil:


2. Garis batas dengan posisi di kanan dengan lebar 200 piksel.
Penulisan di Edit HTML:
<hr align="right" width="200" />
Hasil:


3. Garis batas dengan lebar 50 piksel.
Penulisan di Edit HTML:
<hr width="50" />
Hasil:


4. Garis batas dengan lebar 50% dari lebar halaman posting.
Penulisan di edit HTML:
<hr width="50%" />
Hasil:


5. Garis batas dengan warna tertentu. Misalnya warna Fuchsia (Merah Keunguan).
Penulisan di Edit HTML:
<hr color="#FF00FF" />
Hasil:


6. Garis batas dengan tebal 7 piksel.
Penulisan di Edit HTML:
<hr size="7" />
Hasil:


7. Garis batas dengan tebal 5 piksel dan berwarna biru.
Penulisan di Edit HTML:
<hr color="#0000FF" size="5" />
Hasil:


8. Garis batas tanpa efek tiga dimensi.
Penulisan di Edit HTML:
<hr noshade="noshade" />
Hasil:


Anda dapat mencoba-coba sendiri dengan menggabungkan beberapa atribut lainnya untuk mengetahui hasilnya. Semoga bermanfaat..
Share this article :

4 komentar:

  1. Makasih gan infonya...o iya untuk membuat garis vertikal gimana gan?

    BalasHapus
  2. sorry gan ada yng kelewat, trus kira2 untuk buat garis yang lebih komplit lagi gimana gan? contohnya rangkaian garis yng membentuk kotak, bagan dll, mohon pencerahan

    BalasHapus

English French German Spain Russian Japanese Arabic Chinese Simplified

FOTO GALLERY

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. MYOGISAPUTRA | Informasi Dunia Cyber Terkini - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger
Related Posts Plugin for WordPress, Blogger...