Cara Mempercantik Heading, Sub Heading, Minor Heading pada Blog seperti Kurazone - Kurazone Blog | Panduan Belajar Blogger Pemula

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

Pilihan Editor :

Cara Mempercantik Heading, Sub Heading, Minor Heading pada Blog seperti Kurazone
Penulis Bagus Surochman
7
Modus malam




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 !!
nanio
Cara Mempercantik Heading, Sub Heading, Minor Heading pada Blog seperti Kurazone
Cara Mempercantik Heading, Sub Heading, Minor Heading pada Blog seperti Kurazone Cara Mempercantik Heading, Sub Heading, Minor Heading pada Blog seperti Kurazone Reviewed by Bagus Surochman on 10/02/2018

7 komentar:

  1. Ini dia artikel yang ku tunggu.

    BalasHapus
  2. Akhirnya terbit juga, ntr malam mau coba ah..

    BalasHapus
  3. .post-body h1 saya kan gak ada ya mas mungkin udah diganti buat naruh iklan di tengah sama pembuat templatenya. Kalau nambahin ini gmn? apa gak ngaruh?

    BalasHapus
    Balasan
    1. Tidak ngaruh mas.. Karena yg kita buat disini bukan untuk h1 tapi untuk h2 hingga h4..

      Hapus
    2. Ngilangin garis solid di pinggirnya gmn mas?

      Hapus
    3. Hapus saja bagian border-left nya

      Hapus

1. Berkomentarlah dengan tata bahasa yang baik agar orang lain tahu sebijak apa karakter anda melalui kata kata.
2. Silahkan tulis komentar anda untuk hal apapun yang masih berhubungan dengan post pada halaman ini.
3. Mohon untuk tidak menyertakan Link Aktif pada kolom komentar.
4. Mohon maaf apabila tidak sempat membalas komentar 1 per 1.
5. Komentar selalu di moderasi.