The most effective method to Add a Subtitle For Your Blog Title In Blogger

Wizard Studio
February 12, 2025




 Hello Guys! Welcome back to PH Wizards. Today on this occasion our tutorial is The most effective method to Add a Subtitle For Your Blog Title In Blogger


You could have been now finding in the most recent Megan and Fletro expert formats there is a little caption that shows up close to the Blog Title yet this caption isn't accessible in another layout like Median UI and so on. In any case, have you at any point can't help thinking about How to add this Subtitle in some other blogger layouts? To realize it read the full article and follow all the steps cautiously.

You can add this to any Blogger design yet the most convincing thing is to stick the codes impeccably positioned.


Let's Begin!
Stage 1: Go and login to your Blogger Dashboard

Stage 2: In Blogger Dashboard, Go to the Themes section 

Stage 3: Now click on the drop-down iconjust beside the 'Customize' button

Stage 4: Click on 'Alter HTML', presently you'll be diverted to the altering page
 
Stage 5: Look for ]]></b: skin> and glue the accompanying CSS Just above it

Ensure that. Header CSS class name coordinates with your subject 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)}
Stage 6: Presently click on 'Leap to Widget' and Choose the Header segment as displayed in the underneath  picture



Stage 7: Presently find <data:title/> in your Header area

Stage 8: Presently glue the accompanying code just close to the <datatitle/>   as displayed beneath the picture
 <span class='headerSub' data-text='Blog'/>


Stage 9:That is all there is to it! Presently click on save subject by clicking this symbol




The most effective method to Add a Subtitle For Your Blog Title In Blogger

Duplicate the underneath CSS Codes and add them to your Post by changing to HTML View
  
<style>
  .Header .headerSub{max-width:none}
  .Header .headerSub:before{content:"About"}
</style> nullnull