Not many people are aware of the fact that we can add special tags into the Blogger post title. For example, you can include a , and many more. This tutorial deals with how to style our blog titles to display a subtitle. Arguably this will enable better SEO to your blogger posts title.So Its highly recommended.

Subtitle is the text which appears right under the title.
There are two ways how this little trick can be done, one is either by adding a small CSS code to your blog template, or by adding the CSS directly into a post in the Blog post compose mode.
Method 1. Adding CSS Directly into the post
Please Note*- This Trick works only in Blogger Draft. As I always say before attempting any tutorial or hack its wise to make a backup of your blogger template. So please download your blogger template.
All you have to do is login into Blogger Draft Dashboard ( New bie tip - Blogger Draft Dashboard isn't the usual dashboard you use. You can call it as Blogger Labs where new features are tried out almost like beta testing lab.) After you log in to Blogger Draft> Create New post. Then you will have to add a small code in the begining of your post.
The code to be entered is:
<style>
.post h1 small {
display: block!important;
font-size: 14px!important;
font-weight: normal!important;
}
</style>
Please Note: It depends on your template you will have to add the header tags accordingly.
Then, write the title as normal, and the sub title text in between <small></small> tags.
For example:
My Blog post title<small>This is my blog post subtitle</small>
Method 2. Inserting the code into your Blogger template
Go to your Dasboard > Edit HTML and paste the code below right before the ]]></b:skin> tag.
.post h1 small {
display: block;
font-size: 14px;
font-weight: normal;
}
Note: Do keep in mind the changing header tags. Don't forget to add some exciting CSS to style it the way you want :)
Then, write the title as normal, and the sub title text in between <small></small> tags.
For example:
My Blog post title<small>This is my blog post subtitle</small>
Thank you for reading "How to add Subtitles To Your Blog Entries" You can also get a free subscription to Chethstudios updates. We will be back with more useful content. Get latest hacks and updates on your email


Thanks for the blog, great information.
ReplyDelete