Cara Membuat Garis Berwarna di Bawah Minor Heading dengan Mudah

niachan - Kalian mungkin pernah berkunjung ke situs-situs lain yang memliki garis dibawah Minor Heading postingannya, mungkin kalian tertarik ingin membuat hal yang sama dengan situs-situs yang telah kalian liat tersebut, maka dari itu disini saya akan mencoba memberikan Cara Membuat Garis Bewarna di Bawah Minor Heading dengan langkah yang mudah dan jelas.

Berikut langkah-langkahnya :

1. Masuk / Login ke Blogger kalian.

2. Pilih Tema, dan Edit HTML.

3. kemudian cari kode ]]></b:skin> dengan menekan CTRL + F pada keyboard.

4. Copy dan pastekan kode dibawah ini tepat diatas kode ]]></b:skin>. Kemudian tekan Simpan Tema.

/* ccs tambahan untuk minor heading keren nujinwo*/
.post-body h3,.post-body h4,.post-body h5,.post-body h6{position:relative;margin:0 0 10px;padding:10px 0;border-bottom:2px solid #e0e0e0;font-weight:500;letter-spacing:1px}
.post-body h3:before,.post-body h4:before,.post-body h5:before,.post-body h6:before{content:'';position:absolute;bottom:-2px;left:0;right:0;background:#3ADF00;width:7%;height:2px}

Keterangan :

• #e0e0e0 : warna tulisan
• background:#3ADF00 : warna garis.
• Kalian bisa mengganti kode-kode tersebut dengan warna yang kalian inginkan.

5. Maka kode sudah terpasang dan siap dipakai.

Cara Memasang / Menggunakan Garis Berwarna di Bawah Minor Heading.

1. Masuk / Login ke Blogger kalian.

2. Pilih Entri Baru

3. Buat tulisan yang kalian mau.

4. Kemudian blok semua tulisan, ganti kotak yang bewarna merah / tulisan normal menjadi Minor Heading. Kemudian klik pertinjau.

5. Dan lihat hasilnya.

Gimana mudah, simple, dan kerenkan ! buat yang masih bingung silahkan bertanya di kolom komentar. Semoga Bermanfaat dan Selamat Mencoba !

Bagikan Artikel ini