-->
Cara Menciptakan Garis Horozontal Dalam Postingan Blog Dengan Bermacam Gaya Html
4/ 5 stars - "Cara Menciptakan Garis Horozontal Dalam Postingan Blog Dengan Bermacam Gaya Html" Cara Membuat Garis Horozontal d i Postingan blog - Inilah gaya seni menulis artikel biar tidak membosankan dengan menggunaka berma...

Cara Menciptakan Garis Horozontal Dalam Postingan Blog Dengan Bermacam Gaya Html



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 yakni sebuah garis lurus pada postingan sanggup kita ubah warnanya semua atau sebagian. Seorang blogger niscaya tertarik membuatnya untuk itu cobalah perhatikan beberapa alasan bila 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 bila dibaca oleh pengunjung, dll lagi...



Cara menciptakan garis di html


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


  1. Buka blog anda > kemudian fokus untuk menciptakan Artikel pada Entri > bila 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 arahan 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), bila anda mau sanggup pakai boleh berikut kodenya:

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

Hasilnya:


Catatan!
  •  2px yakni 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 yakni arahan untuk menciptakan garis horizontal pada postingan blog, kalu ingin mengganti warna silahkan lihat: Daftar arahan warna untuk Website

Atau bila 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!