Assalamualaikum Sobat, ane mau post lagi nih. Kali ini tentang "Cara Mengatur dan Edit H4 di Postingan Blog".Apa itu Tag Heading itu merupakan yang H1,H2,H3,H4,H5, Dan H6.Caranya agak Lumayan Susah gan.Tapi, Saya Mencoba untuk mengubahnya menjadi Biasa-Biasa aja. Untuk Demo nya bisa dilihat di post h4 Blog saya.
Cara Mengatur dan Edit di Postingan Blog
- Login Ke Blogger
- Masuk ke Menu Template > Edit HTML
- Lalu Cari kode ]]></b:skin> atau </style> dan Letakan kode dibawah ini tepat diatas kode tadi
.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;}
- Simpan Template
Beberapa Model Tag Heading
1. Border Radius
|
Klik Gambar Untuk Memperbesar |
.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
|
Klik Gambar untuk memperbesar |
.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 banget coy
|
Klik Gambar Untuk memperbesar |
.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;}
Cara Pemakaian Tag Heading
Nah, Gmna gan? Keren-keren kan.kalau mau tambahin silahkan sob. gratis kok :v.Oh, iya hampir lupa H4 Juga boleh di ganti menjadi H3,H5, atau H6 caranya tinggal ganti aja .post h4 dengan .post h5 atau lain-lain.
|
Gambarnya |
Nah, Gambar diatas menunjukkan cara memakainya begitu kalau pakai h4 pakai Minor heading dan jika h3 pakai subheading dan jika h2 itu pakai Heading.
ingat aja yeh itu sob.
sekian dulu post kali ini ^_^
Semoga bermanfaaat