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

3
18

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

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

GOD Bless
Hi, Mr. Imran you just helped me alot….
I would like to know, whenever I am selecting some content as H2, it goes with all paragraph…
Is there any way to select some line in the whole paragraph…
Thanks

We have to submit each time writing a post or once is enough?

Thanks Imran, Your posts are like a bible to the newbies in blogging…. keep doing.. Thank you.