Cara Membuat Garis Horizontal Pada Postingan Blogger

Cara membuat garis horisontal atau garis lurus yang memanjang pada postingan blog caranya sangatlah mudah, mungkin bagi anda yang baru mengenal blog. Pasti akan sedikit penasaran setelah melihat postingan artikel yang di dalamnya ada garis lurus, garis putus putus, atau garis garis lainya yang menyerupai garis tersebut.

Dan tujuan utama, biasanya membuat garis di dalam postingan blog adalah, untuk membatasi antara artikel di atasnya dengan artikel yang berada di bawahnya.

Sebagai bahan percontohan, kira kira seperti apakah garis horizontal yang saya maksudkan di dalam postingan ini. Nah dibawah ini saya memberikan beberapa contoh untuk garis horizontal

Contoh garis diatas bisa ditambahkan dibawah header Subjudul artikel atau di tempat mana saja yang anda inginkan. Dan lebihnya lagi, semuanya bisa diatur, mulai dari warna, ketebalan, sampai gaya garis.

Nah lalu bagaimana caranya membuat garis garis keren seperti yang saya Contohkan diatas pada postingan blog. Caranya pun sangat mudah, dan pada postingan artikel kali ini saya akan membahas bagaimana cara membuat garis horizontal pada postingan blog.

Cara Membuat Garis Horizontal Pada Postingan Blogger

Untuk membuat garis horizontal pada postingan blog, mari ikuti panduan dan step step yang akan saya uraikan sebagai berikut :

Yang pertama seperti biasa, silahkan anda Masuk atau Login dulu pada akun blogger kalian masing masing
Selanjutnya buatlah postingan seperti biasa saat anda membuat postingan
Mode penulisan diblogger terdapat dua mode, Mode HTML dan Mode Menulis, dan pada mode penulisan, pilih mode HTML jangan mode Menulis

Langkah berikutnya, silahkan anda Copy beberapa kode HTML dibawah ini, lalu Paste kode HTML berikut diantara artikel yang anda buat.

Kode berikut untuk menampilkan garis horizontal secara default pada postingan blog.

<hr>

Hasilnya Sebagai Barikut :

Kode HTML untuk menampilkan garis horizontal dengan warna

<div style="border-bottom:2px solid #0000ff;"></div>

Hasilnya Sebagai Berikut :

Dibawah ini adalah kode HTML untuk menampilkan garis horizontal putus putus disertai dengan warna

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

Hasilnya sebagai Berikut :

<div style="border-bottom:3px dashed #0000ff;"></div>

Hasilnya sebagai Berikut :

KETERANGAN : Jika anda kurang menyukai warna serta ukuran ketebalan garis garis contoh diatas. Anda dengan mudah dapat mengaturnya sendiri dan mengkreasikanya lagi sesuai dengan keinginan Anda.

Untuk mengubah warnanya, silahkan anda ganti #0000FF dengan kode warna lainya yang sesuai, atau anda bisa mengubah kata red dengan kata yang lainya misalnya blue atau dengan nama lain, yang penting tulis memakai bahasa inggris.

Untuk mencari kode warna HTML terlengkap, silahkan anda kunjungi halaman https://www.arieffsetiawan.com/2021/08/kode-warna-html-terlengkap.html Yang sudah saya sediakan diblog ini.

Selain mengubah warna garis garis horizontal diatas, anda juga bisa mengubah ukuran ketebalan dari garis horizontal diatas. Caranya silahkan anda ganti nilai 3px atau 2px dengan angka yang sesuai, kalau ingin ukuran garisnya lebih kecil, ganti dengan nilai 1px tapi kalau ingin ukuran garisnya lebih tebal, ganti angka 3px menjadi angka yang lebih besar

Oke sobat, demikianlan postingan mengenai Cara Membuat Garis Horizontal Pada Postingan Blogger saya akhiri cukup sampai disini dulu ya. Semoga bisa membantu dan bermanfaat khusunya buat rekan rekan blogger semuanya.

Dan tak lupa saya selaku admin blog yang sederhana ini, mengucapkan banyak banyak terima kasih atas waktu dan kunjungan anda semua.

Salam Blogger Indonesia