How To Add a Subtitle For Your Blog Title In Blogger Site

Subtitle For Your Blog

Let's Do a Demo Here...!

View Demo

Step 1: Go and login to your Blogger Dashboard

Step 2: In Blogger Dashboard, Go to Themes section 

Step 3: Now click on the drop down icon just beside the 'Customize' button

Step 4: Click on 'Edit HTML', now you'll be redirected to the editing page

 

Step 5: Search for ]]></b:skin>  and paste the following CSS Just above it

Make sure that .Header CSS class name matches with your theme header class name

   .headerSub{margin-left:5px;font-family:var(--font-body);font-weight:400;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:50px;vertical-align:middle;opacity:.6;flex-shrink:0}.Header .headerSub:before{content: attr(data-text)}

Step 6: Now click on 'Jump to Widget' and Choose Header section as shown in below image

Step 7: Now find <data:title/> in your Header section

Step 8: Now paste the following code just beside the <data:title/> as shown in below image

 <span class='headerSub' data-text='Blog'/> 

Step 9: That's it! Now click on save theme by clicking this icon

How to add different Subtitles in Blog posts and pages?

Copy the below CSS Codes and add it in your Post by switching to HTML View

  
<style>
  .Header .headerSub{max-width:none}
  .Header .headerSub:before{content:"About"}
</style> 

Conclusion

This is all about making a Contact Form using Telegram Bot API. I hope you enjoy this article. Please do share this article. And if you are facing problem in any section or you have any question then ask us in comment box.

Copyright ©

ᗩᗷᗪᑌᒪᒪᗩᕼ ᑕᗝᗪᗴᗪ