Dec 19, 2016

Cara Membuat Garis Batas Horizontal di Blogger

Satu tag HTML lagi yang bisa kita gunakan untuk mempersonalisasi tampilan dan posting di Blogger. Tag adalah tag <hr>. Tag ini digunakan untuk membuat garis batas horizontal. Ketika menulis ini dalam tag Edit HTML, kita perlu menambahkan garis miring (/) sehingga penulisan tag menjadi <hr />.

Atribut Fungsi
Align Untuk menentukan posisi vertikal garis pemisah. Nilainya bisa left, right, atau center.
Color Untuk menentukan warna dari garis batas.
Noshade Untuk menonaktifkan efek tiga dimensi.
Size Untuk menentukan tebal garis batas.
Width Untuk 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.
01. Garis
Kode : <hr>


02. Garis 100px Left
Kode :<hr align="left" width="100" />


03. Garis 100px
Kode : <hr width="100" />


04. Garis 100px Right
Kode : <hr align="right" width="100" />


05. Garis 100%
Kode : <hr width="100%" />


06. Garis Warna
Kode : <hr color="#1D7EB8" />


07. Garis Tebal 8
Kode : <hr size="8" />


08. Garis Warna Tebal 8
Kode : <hr color="#1D7EB8" size="8" />


09. Garis Tanpa Efek 3D
Kode : <hr noshade="noshade" />


Anda dapat memilih dan mencoba sesuai kebutuhan. Gabungkan mana saja yang menurut anda baik untuk artikel tersebut. Sekian dan terima kasih. Silahkan tinggal masukkan anda..