Cara Membuat Garis di Bawah Judul

السلام عليكم

Salam Rahayu dan Damai selalu.
Sahabatku yang baik hati, Kali ini kita akan bahas bersama bagaimana caranya membuat garis di bawah judul post atau judul artikel.
Seperti yang kita lihat pada judul artikel ini ada garis yang melintang horisontal di bawahnya.
Bila ada yang mau dan berminat membuatnya, mari kita pelajari bersama.

1. Kita masuk ke akun blogger kita (blogger.com)
2. Klik template >>> edit HTML

3. Cari kode   ]]></b:skin>    

kalau susah ditemukan minta bantuan dengan menekan "ctr+F" nanti akan muncul kotak pencarian di sudut kanan atas. Coba copy paste kan kodenya, kalau masih belum ketemu, kadang masih tersimpan. coba cari dan klik tanda panah hitam, maka akan terurai  kode kode yang disimpan (diringkas).

4. Cari  h3.post-title {

  dan tambahkan kode ini: 

border-bottom:3px blue double;

setelah tanda {

seperti ini:

h3.post-title {  border-bottom:3px blue double;

coba klik prantinjau, klau sudah cocok simpan "SAVE". 

baca juga: cara membuat judul di tengah

Keterangan:

• border-bottom: = bisa kita ganti. Jika menghendaki garis di atasnya, ganti dengan 'top".
• 3px = besar kecilnya bentuk garis. Semakin besar angka, akan semakin tebal garisnya.
• blue = warna garis, bisa kita rubah dengan warna lain. Jika menggunakan kode, awali dengan tanda pagar dan diikuti kode warna. Misal: #ff33ff  untuk mengetahu kode warna, baca: daftar kode warna (Picker)
• double; = bentuk garis ganda, kita bisa mengganti dengan dotted, solid, groove, dashed dan  atau yang lain.

Cara di atas berlaku untuk semua page yang ada di blog kita, namun jika kita menghendaki hanya pada halaman tertentu saja (lihat di atas ada garis biru di tengah artikel atau garis merah di bawah), ini bisa berguna untuk memisahkan gambar satu dengan yang lainnya.

baca juga: cara menghilangkan tanda tang dan obeng

Maka caranya:

Kita masuk ke HTML saat kita menulis artikel, pasang kode ini di tempat yang di kehendaki.

<div style="border-top: 3px solid red;">

Untuk kodenya sama, cuma cara penempatan yang berbeda.

Monggo berkreasi sendiri agar tidak penasaran.

Begitulah cara membuat garis di bawah judul posting.
Bila ada salahnya, mohon dimaafkan.
Salam Rahayu selalu.

والسلام عليكم