Cara Mudah Membuat Heading Tag Pada Blog

Mungkin sobat sudah pernah melihat heading tag pada beberapa blog, heading tag merupakan salah satu asesoris penting dalam suatu posting yang memiliki beberapa judul penting yang bertugas menandai beberapa  topik penting yang ada pada artikel, nama nya juga asesoris yang pasti selain dari menandai topik penting heading tag juga dapat membuat posting sobat lebih atraktif dan menarik saat dibaca oleh pengunjung,  satu lagi keuntungan dari memakai heading tag adalah membuat posting lebih atraktif dan tidak terlihat membingungkan ketika dibaca, kenapa membingungkan? karena dengan tidak adanya tanda topik atau heading tag pada artikel dapat membuat pengunjung yang membaca artikel menjadi bingung karena tidak tahu tanda dari judul topik penting yang dapat meneyebabkan bounce rate dengan adanya heading tag memepermudah pengunjung yang membaca posting untuk mencari bagian penting dari topik dengan hanya melihat heading tag dan tebukti dapat menurunkan bounce rate yang tinggi.

• login ke blogger
• template >> edit html >> cari kode ]]></b:skin>
• tepat diatas kode ]]></b:skin> copy paste salah satu kode heading tag yang sobat inginkan

Beberapa Contoh Heading Tag

• Heading tag dengan garis bawah

JUDUL HEADING TAG SOBAT

.post h3{
color:#0080ff;
border-bottom:1px solid #289728;
font-size: 15pt;
padding:2px;
}

• Heading tag dengan garis atas dan bawah

JUDUL HEADING TAG SOBAT

.post h3{
color:#0080ff;
border-top:1px solid #289728;
border-bottom:1px solid #289728;
font-size: 15pt;
padding:3px;
}

• Heading tag berbentuk kotak 

JUDUL HEADING TAG SOBAT

.post h3{
color:#0080ff;
border:1px solid #289728;
font-size: 15pt;
padding:2px;
}

• Heading tag dengan garis titik-titik

JUDUL HEADING TAG SOBAT

.post h3{
color:#0080ff;
border-top:1px dotted #289728;
border-bottom:1px dotted #289728;
font-size: 15pt;
} 

• Heading tag dengan bayangan

JUDUL HEADING TAG SOBAT

.post h3 {
color: #0080ff;
-moz-box-shadow: 2px 5px 4px #999;
-webkit-box-shadow: 2px 5px 4px #999;
border-radius: 15px;
border: 1px solid #289728;
box-shadow: 2px 5px 4px #999;
font-size: 15px;
padding: 2px;
}

Kustomisasi

silakan sobat mnekustomisasi sesuka sobat seperti
1. font-size: 15 adalah ukuran judul heading tag, silakan sobat ganti ukurun dengan yang sobat diinginkan
2. color: #0080ff adalah warna dari judul heading tag, silakan sobat ganti warnanya menggunakan tabel warna

Cara Penggunaannya

pada saat membuat judul heading tag gunakan MODE HTML dan tambahkan kode  <h3>judul heading tag sobat</h3> seperti gambar berikut.