√ Cara Menciptakan Garis Horizontal Di Blog

Assalamu 'alaikum.

Saat melihat salah atu blogger ternama memakai garis horizontal di bawah header di postingan blog, aku menjadi terinspirasi untuk melaksanakan hal yang sama. Namun sesudah googling sana sini, aku tak kunjung mendapati hal yang sesuai keinginan.

Beruntung aku mencoba mencari di blog berbahasa inggris dan alhasil sanggup menciptakan garis horizontal menyerupai di bawah.

Garis ini sanggup ditambahkan dibawah header (Subjudul artikel) atau di kawasan mana saja yang sahabat inginkan. Asiknya lagi, semuanya sanggup diatur, mulai dari warna, ketebalan, hingga gaya garis.

Bagi pengguna platform Wordpress, menambahkan garis horintal yaitu hal yang sangat mudah, yaitu tinggal mengklik ikon horizontal line yang ada di baris menu.

Sementara bagi pengguna blogspot, fitur ini belum ada sehingga kita perlu memasukkan isyarat untuk garis horizontal secara manual di cuilan HTML postingan.

Membuat Garis di Blog

Untuk menciptakan garis mendatar di postingan blog, kita akan memakai tag HTML <div>. Perlu diingat bahwa garis yang tercipta nanti akan mempunyai panjang yang memenuhi sisi kiri kanan artikel (Full width).

1. Buat postingan gres dan pilih "HTML"

2. Paste isyarat ini (seluruh teks dalam kotak )

<div style="border-top: 3px solid #dcdcdc; margin-top: 1em; padding-top: 1em;">
</div>
-Lanjutkan menulis disini-

3. Klik "Compose" dan lihat garis yang terbentuk.

Untuk menulis teks dibawah garis horinzontal tadi, silahkan hapus goresan pena "Lanjutkan menulis di sini" dan lanjut mengetik kata yang diinginkan. Mengapa teks ini ini penting, sebab jikalau sahabat tidak ikut mempaste goresan pena ini kemudian mengklik compose kemudian mulai mengetik paragraf dibawah garis, maka garis tadi akan selalu muncul dikala sahabat menekan tombol enter.

Mengubah ketebalan garis

Jika ingin mengubah ketebalan, ubah angka yang ditandai warna merah pada isyarat di atas. Semakin besar angkanya, semakin besar ketebalan garis yang terbentuk.

Mengubah warna garis

Jika ingin mengubah warna, ubah teks dengan background biru. Untuk melihat daftar isyarat warna, klik di sini.

Mengubah gaya garis

Jika ingin mengubah gaya garis, ubah teks dengan background hijau. Berikut yaitu beberapa pilihan gaya yang sanggup sahabat pilih.

Solid

dotted

double

groove

Itulah pembahasan mengenai menambahkan garis horizontal di postingan blog. Untuk mendapat gaya dan panjang garis yang lebih bervariasi, baca di sini.

Semoga artikel ini bermanfaat dan menciptakan postinan sahabat menjadi lebih menarik lagi. Terimakasih sudah berkunjung dan happy blogging!

Sumber http://lasidin.blogspot.com