How to Add Custom Designed Subeading(H3), Minor Heading(h4) Tags on Blogger

3
91
How to Add Custom Designed Subeading(H3), Minor Heading(h4) Tags on Blogger

For a post to look perfect and give an ease in reading for visitors, one must differentiate the Heading with Content. So, Blogger allows users to specify different Heading tags directly while editing a post. There are totally 6 tags in Heading starting from H1 till H6.How to Add Custom Designed Subeading(H3), Minor Heading(h4) Tags on Blogger If you want to Insert these tags in your post, then you need to select one of the available tags while writing a post.

Three Available Heading Tags in Blogger

1. Heading tag – H2 Tag.

2. Subheading tag – H3 Tag.

3. Minor Heading tag – H4 Tag.

add custom heading tags blogger

Setting Custom Design for H3 and H4 Tags in Blogger

Open your Blogger Dashboard and Go to the Template Editing Section which is available under the “Template” dashboard. Select “Edit Template” and you will see a bunch of coding inside the template editor. Follow the exact steps as below to Add Custom Design to your heading tags.

Step 1 : We have to add Custom Design for H3, H4 tags only inside the posts. So copy the below code exactly

.post-body h3{font-size:25px;background:grey;box-shadow:0px 0px 5px black;color:white;text-shadow:0px 0px 2px black;}
.post-body h4{font-family:veranda;background:url(http://www.somewebsite.com/background.jpg);color:red;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;padding:10px;}

Step 2 : You can paste it anywhere inside your CSS style. But if you are new to template editing, then search for the word “body {” and paste the code exactly above the tag.

add custom design to heading tag

Step 3 : This is how the design of your heading tags will look after editing it.

add custom design to heading

Step 4 : To test and add different variations to it, you can use the online HTML editor tools.

Step 5 : If you want to change the image then look for the image URL and replace it. If you want to change the color then you can use the tool Online color picker to choose your favorite color.

This is How we can Add Custom Designed Subheading(H3), Minor Heading(H4) Tags on blogger.

 

3
Leave a Reply

avatar
3 Comment threads
0 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
3 Comment authors
AbhiramSachin kabadagiRahul Recent comment authors
  Subscribe  
newest oldest most voted
Notify of
Rahul
Guest
Rahul

GOD Bless Hi, Mr. Imran you just helped me alot….… Read more »

Sachin kabadagi
Guest

We have to submit each time writing a post or… Read more »

Abhiram
Guest

Thanks Imran, Your posts are like a bible to the… Read more »