Cara Membuat Tampilan Heading 2 Subheding 3 pada blog lebih Menarik

Bismillahirromanirrohim

Pada kali ini saya akan sedikit memberikan tips Namun sangat bermanfaat bagi anda yang amat memprioritaskan tampilan pada blog. Kali ini saya akan membahas mengenai cara membuat atau mengedit tampilan Heading Subheading ataupun minor heading pada blog anda menjadi terlihat lebih cantik dan Menarik.

Apa itu Heading ?

Sebelumnya, pembahasan ini perlu anda ketahui jika sobat belum mengenal fungsi dari Heading pada blog. Heading pada blog berfungsi untuk memberikan penegasan pada nilai-nilai / Poin-poin penting pada konten pada Blog sobat.

pada umumnya ada 6 Level Heading. pada web atau wordpress biasanya diurutkan menjadi Heading 1, 2, 3 ,4, 5, 6. di Blog disebut dengan Heading Subheading ataupun minor heading.

Jadi Jika Heading 1 adalah judul postingan anda sebagai Poin utama konten anda, maka heading 2 adalah Poin bernilai penting yang nilainnya dibawah judul namun sangat penting untuk dibahas. begitu seterusnya.

baca juga : cara gampang hapus atribut blogger

Contoh penerapan Heading yang benar


<Heading 1> atau <Title> JUDUL : cara membuat Blog khusus pemula

<Heading 2> : tahapan membuat blog di Blogspot

<Heading 3> : membuat Email

<Heading 3> : Daftar di blogger.com

<Heading 3> : Menentukan Domain dan nama blog

<Heading 3> : Mengisi Konten Blog

<Heading 2> : Tahapan membuat blog di Wordpress

<Hediang 3> : cara Daftar di wordpress

<Hediang 3> : Menentukan domain dan nama blog

<Hediang 3> : Mengisi konten di Dasbord wordpress

<Hediang 2> : Langkah lenkap membuat blog di Webbly
Cara Membuat Tampilan Heading 2 Subheding 3 menjadi Jauh lebih Menarik


dan seterusnya....

Penerapan heading yang tepat sesuai dengan kata kunci yang di targetkan sangat baik untuk kepentingan SEO on page blog anda....

Ok, saya rasa anda yang membaca Pembahasan ini sudah pasti tahu tentang fungsi Heading untuk blog terserbut.

baca selengkapnya : cara membuat blog pemula

Bagaimana saya mempercantik tampilan heading blog ?


untuk mengedit tampilan pada blog baik pada isi konten ataupun tampilan laman keseluruhan pada blog di blogger.com sudah pasti menggunakan bahasa pemograman atau disebut HTML. pada HTML terdapat CSS yang terkhusus mengedit tampilan pada blog.

Maka dari itu kita harus masuk pada menu edit HTML blogger.com untuk mengedit
Cara Membuat Tampilan Heading 2 Subheding 3 menjadi Jauh lebih Menarik

Caranya :
  • Sobat Cari Kode ]]></b:template-skin>
  • Lalu Salin Kode DI bawah Ini Dan Paste di Atas Kode ]]></b:template-skin> 
  • bagi yang sulit mencarinya bisa menggunakan CTRL F



.post-body h3,

.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{font-size:140%;}

.post-body h5{font-size:100%;}

.post-body h6{font-size:80%;}

.post-body h3:before,

.post-body h5:before,

.post-body h6:before{content:'';position:absolute;bottom:-2px;left:0;right:0;background:#32CD32;width:7%;height:2px;}

Bagaimana mudah bukan...

maka tampilan heading sobat akan menjadi seperti ini :
Cara Membuat Tampilan Heading 2 Subheding 3 menjadi Jauh lebih Menarik

Cukup menarik bukan...

Demikian pembahasan mengenai cara membuat tampilan heading subheading dan minor heading pada blog anda menjadi lebih cantik dan menarik. Semoga dapat membantu masalah sobat

jangan lupa share ya....

Post a Comment