Cara Membuat Minor Heading keren

Cara Membuat Minor Heading keren - ya kali ini saya akan membagikan tutorial yang mungkin agak susah di cari atau kalau pun ada banyak yang ngaco hehe, kemarin kemarin saya bener2 nyari tutorial ini saya nemu eh pas saya pasang ga nongol sama sekali heading nya , yaudah saya coba ngulik sendiri akhir nya bisa. buat contoh/Demo nya ini  klik aja tombol Demo di bawah ini :

Cara Membuat Minor Heading keren 

1. Buka TEMA -> Edit-HTML
2. Cari Kode </style> atau ]]</b:skin> , jangan lupa untuk klik Ctrl+F
   untuk Memudahkan Pencarian.
3. pasang CSS Berikut di atas </style> atau sebelum ]]</b:skin> .
4. jika sudah Save Tema.

/*Minor Heading Keren (H4) - AkhtarvisArt*/
.post-body h4{position: relative;padding: 10px 0 2px;border-bottom: 2px solid #e0e0e0;letter-spacing: 1px;}
.post-body h4:before {content: '';
    border-bottom: 2px solid #32CD32;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 20%;
}
.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{margin:0;}
.post-body h1{font-size:200%}.post-body h2{font-size:1.5em; font-weight: bold;}.post-body h3{font-size:1.17em}.post-body h4{font-size:1em}.post-body h5{font-size:120%}.post-body h6{font-size:100%}

Cara Pemakaian

1. Buatlah Sebuah Post/Artikel Baru.
2. lalu klik tombol yang ada tulisan ("normal"), lalu pilih ("Minor Heading")
3. Sukses Yaa.

Untuk Mengatur Panjang atau Pendeknya Garis Warna Hijau silahkan cari kode widht:20%; , lalu untuk mengganti garis warna hijau Sobat bisa cari kode #32CD32; lalu silahkan kreasikan lagi sendiri ya hehe. 

Search Incoming : 

• Cara Membuat H2 keren
• Cara Membuat Heading Keren
• Cara Membuat Minor Heading
• Cara Membuat Tag <hr/> keren
• Tutorial Blogging

Baca Artikel Menarik lainnya

Loading...