Cara Menciptakan Garis Horozontal Dalam Postingan Blog Dengan Bermacam Gaya Html

Baca Juga

Cara Membuat Garis Horozontal di Postingan blog - Inilah gaya seni menulis artikel biar tidak membosankan dengan menggunaka bermacam model bentuk dan gaya garis lurus sanggup memasang pada tepi border atau pembatas garis baru, juga sanggup ditambah warna latar yang bertujuan membatasi antara artikel, atribut desain color sebagai garis gres (alinea)

Berikut misalnya garis horizontal dalam postingan blog:

Istilah lain horizontal pada isi bacaan area postingan ialah sebuah garis lurus pada postingan sanggup kita ubah warnanya semua atau sebagian. Seorang blogger niscaya tertarik membuatnya untuk itu cobalah perhatikan beberapa alasan kalau blog anda ada garis pembatas didalamnya

Fungsi menciptakan garis pembatas di blog

Beberapa fungsi atau tujuan dibentuk garis pada artikel berdasarkan versi aku sendiri:

• Artikel sanggup dibaca secara teliti
• Mudah dimengerti yang mana penjelasan, dan mana tutorial, atau garis baru
• Sedikit tidak merasa bosan kalau dibaca oleh pengunjung, dll lagi...

Cara menciptakan garis di html

Untuk memasangnya sangat gampang sekali kita hanya memasukan isyarat perintah di HTML, berikut langkahnya:

1. Buka blog anda > kemudian fokus untuk menciptakan Artikel pada Entri > kalau akan menambahkan garis horizontal tandai paragraf yang akan dipasang garis biar gampang dicari, kemudian pindahkan mode masukan ke HTML
2. Kopas kode-kode untuk menciptakan garis berikut pada html, silahkan cari macam-macam garis horizontal yang sanggup digunakan pada postingan blog selanjutnya atas warna dan ukuran pixel

Berikut isyarat untuk menciptakan garis horizontal pada postingan blog

1. Kode untuk garis (solid) sederhana dengan satu contoh: warna hitam

<hr color ="solid black" align="center"/>

Jadinya:

---

Keterangan!

• Ukuran panjang sudah aku atur responsive pada semua halaman: versi seluler maupun desktop
• Warna sanggup di rubah tinggal ganti bab "solid black" atau warna lain

2. Ini garis lurus dengan titik atau bintik (dotted), kalau anda mau sanggup pakai boleh berikut kodenya:

<div style="border-bottom:2px dotted red;"></div>

Hasilnya:

Catatan!

•  2px ialah ketebalan bintik dotted dan jarak sanggup anda atur, juga warna red sanggup diganti.

3. Berikut garis Istimewa dengan 2 warna keren:

<div style="-moz-border-box: 1px; -webkit-border-box: 1px; background-color: gainsboro; border-left: 90px solid lime; padding: 1px; t-align: left;">

Hasil sperti ini:

4. Garis selanjutnya Atribut Align, kode garis horizontal ini sanggup anda atur semua sesuai kehendak: hapalkan kodenya selanjutnya tinggal anda atur color, border, juga ukurannya.

<div style="border-top: 4px solid #00ff7f; margin-top: 1em; padding-top: 1em;">
</div>

solid

---

solid

??.. Jika anda ingin mendesain sendiri tinggal mengganti 4px jadi 1,2,3,5,6 dst... dan solid menjadi dooted, double, groove, dan warna sampai menghasilkan garis menyerupai dibawah:

dotted

double

groove

Nah, diatasi ialah isyarat untuk menciptakan garis horizontal pada postingan blog, kalu ingin mengganti warna silahkan lihat: Daftar isyarat warna untuk Website

Atau kalau anda butuh, dan ingin menciptakan kotak untuk script atau CSS desain template sanggup baca Cara Membuat Kotak script di Postingan Blog

Itulah kode untuk menciptakan garis dalam postingan blog kurang lebihnya mohon maaf Semoga bermanfaat ya guys!