Cara Mempercantik Heading, Sub Heading, Minor Heading pada Blog seperti Kurazone


KURAZONE ~ Halo sahabat Kurazer, bagi yang sering mampir di blog ini pastinya akan sering menjumpai Heading, Sub Heading, dan Minor Heading pada artikel Kurazone yang penampakannya seperti dibawah ini :

Ini adalah Heading (alias H2)

Ini adalah Sub Heading (alias H3)

Ini adalah Minor Heading (alias H4)


Nah, buat sahabat Kurazer yang ingin mempercantik heading - headingnya seperti diatas, maka ikuti petunjuknya dibawah ini :
1. Masuk ke Akun Blogger >> Pilih Tema >> Pilih Edit HTML
2. Cari kode ".post-body h". Biasanya kode-kode tersebut berkumpul menjadi 1 baris, seperti dibawah ini :



Dari gambar diatas, kalian bisa melihat ada .post-body h (1 hingga 6).

Dikarenakan kita akan mensetting bagian H2 hingga H4 doank, maka pisahkan kode .post-body H2 hingga H4 nya.


 menjadi seperti ini :

3. Selanjutnya, tinggal memasukkan property nya masing-masing

4. Masukkan property CSS ini kedalam selektor .post-body h.
Untuk H2 --> margin:15px 0px;padding:0px 10px;background:#dcd8d8;color:#010101;border-left:solid 3px #010101;line-height:40px
Untuk H3 --> margin:5px 0px;background:#d5e4f7;color:#000;border-left:solid 3px #007bfd;padding:10px;font-size:15px
Untuk H4 --> margin:10px 10px 10px 0px;background:#fff;color:#000;border-left:solid 3px #007bfd;padding-left:10px;line-height:30px;font-size:15px

Sehingga akan nampak seperti dibawah ini :

5. Simpan Template

Cara Pemanggilan H2 s/d H4 didalam Postingan

1. Blok tulisan yang ingin kalian jadikan Heading
2. Pilih model Heading yang kalian inginkan
3. Selesai


Gimana? Mudah bukan? Jika masih bingung, silahkan dibaca ulang dari atas sampai selesai.
Sisanya bisa kalian kembangkan sendiri dengan mengubah warna background dan border-left nya sesuai dengan warna template yang kalian gunakan. Sedangkan untuk ukuran font nya, kalian bisa mensetting bagian font-size nya.

TAMBAHAN :
Jika didalam template blog kalian tidak ada kode .post-body h, maka tambahkan saja kode .post-body h nya secara manual. Silahkan Copy kode dibawah ini lalu letakkan diatas kode </style> atau ]]></b:skin>, kemudian setting seperti tutorial diatas.
.post-body h2 {property nya disini}
.post-body h3 {property nya disini}
.post-body h4 {property nya disini}

Itulah informasi mengenai "Cara Mempercantik Heading, Sub Heading, Minor Heading pada Blog seperti Kurazone", selamat mencoba dan semoga bermanfaat. Goodluck !!





Lebih baru Lebih lama