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.
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.
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.
Step 3 : This is how the design of your heading tags will look after editing it.
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.
