Cara Mengedit Dan Menggunakan Tag Heading Di Blog

Cara Mengedit Dan Menggunakan Tag Heading Di Blog - Oke sobat pada postingan kali ini kita akan belajar bersama bagaimana caranya untuk menerapkan dan mengedit Tag Heading di Blog.

Cara penerapan dan pengeditannya mudah kok sob, dan silahkan di kreasikan lagi hasil dari pengeditannya :D, sesuai dengan selera masing-masing.

Tag heading adalah sebuah tag/code HTML untuk memperbesar sebuah tulisan. Biasanya heading tag digunakan dalam membuat judul sebuah document atau artikel. Heading tag sendiri memiliki 6 tingkatan yang dimulai dari 1 sampai 6.
Heading 1 atau <h1> merupakan tingkatan paling besar, sementara heading 6 atau <h6> merupakan tingkatan paling kecil.

MENGEDIT TAG HEADING

Masuk ke Blogger > Template > Edit HTML, letakkan kode dibawah ini tepat di atas kode ]]></b:skin> atau </style>

.post h4 {position:relative; color: #2980b9; border-bottom: 2px solid #2980b9; padding: 3px 5px 3px 20px; width: auto; margin-bottom: 10px;font-family:BebasNeue;font-weight:normal;} 

Silahkan Klik Simpan Template Anda

MODEL TAG HEADING YANG LAIN

1. Border Radius

Border Radius

.post h4 { position: relative; border: 2px solid #2980b9; padding: 3px 5px 3px 20px; width: auto; margin-bottom: 10px; font-family: BebasNeue; font-weight: normal; border-radius: 10px; background: white; color: #2980b9; }

2. Border Right and Left None

Border Right and Left None

.post h4 { position: relative; border: 2px solid #2980b9; padding: 3px 5px 3px 20px; width: auto; margin-bottom: 10px; font-family: BebasNeue; font-weight: normal; border-radius: 10px; background: white; color: #2980b9; border-left: none; border-right: none; }

3. Simple

Simple

.post h4 { position: relative; border-left: 8px solid #2980b9; padding: 3px 5px 3px 11px; width: auto; margin-bottom: 10px; font-family: BebasNeue; font-weight: normal; background: #ddd; color: #2980b9;}

4. Ala Kang Ismet

Ala Kang Ismet

.post-body h3 {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh19EKdhuHH3zBmkxtQqXazyDqQ1Hy1V-0BOnIhLTux8OsJnXTuXbsJbivDs05FOKzUP9BAXctHorpUogUa-6ZiY8AUPRBEU9q8t20qxHyO1MM1Pxhq7MPBFxDheoLeCAJ4i_UKzC5bKcc/s1600/bottom-line.gif) left bottom no-repeat;font-size: 150%;font-weight: 400;margin: 5px 0;padding-bottom: 5px;font-family: Gnuolane, Oswald, Arial, Sans-Serif;}

MENGGUNAKAN TAG HEADING

Untuk menggunakannya mudah kok, cukup block tulisan yang ingin di buat jadi tag heading terus klik salah satu dari tagnya :D, lihat gambar di bawah

Tag Heading

Nah silahkan di edit-edit lagi CSS tag headingnya :D
Semoga Bermanfaat.