A Single Code we provide you in your Blogger Theme / CSS can Modify / Change Each and Every BLOG Post's TITLE. You don’t need to add a Separate Code to Modify for Each POST Title in Blogger, Just a Single Code in Blogger HTML will do this for you.
Our Ready-made Blogger CSS Code will help you modify the below-mentioned things in BLOG’s POST Title Easily.
In this post, we will help you modify the Blogger Post TITLE:
#1. Font Size,
#2. Font Color,
#3. Font Family,
#4. Title Alignment (Left or Right or Center) and
#5. Line Height or Spacing Between Lines of Blog Post Titles.
ALSO READ: How to Modify / Change Blog Each and Every POST Content / Body: Font Size, Font Family, Font Color, Alignment, and Line Height or Spacing Between Lines in Blog Post Content / Body?
Let's Learn to Change the Blog POST Title's Font Color, Font Size, Font Family, Title Alignment and Line Height or Spacing Between Lines in POST TITLE Step by Step:-
#1. First of All, Download the Code Notepad file from the link available below.
Code File to Change Font Size, Font Family, Font Color, Alignment, and Line Height or Spacing Between Lines in Blogger POST Title's: Click Here to Download
The above code works for PC View. If you want to change Blog Post Title for the Mobile View, then Apply this code.
Everything is the same, just there is a slight difference in code for mobile view. So use this code exactly as in the same procedure as for PC View: Click Here to Download Code for Mobile View
#2. There are 5 parts of Code in the Downloaded File, as shown in the photo below.
The Downloaded File has Separate codes for Font Size, Font Color, Font Family, Line Height, and Title Alignment. We kept the code separate from choosing which part you want to modify; you need to only copy the code.
Only copy that part you want to modify and neglect them that you don’t want to modify. You can copy either all of them at once or one by one too and Paste it in the Blogger HTML.
#3. Now Customize the code for modifying Blog POST's Title as you want.
Let’s do it turn by turn.
#A. Part 1: Title Alignment:
The Downloaded File has Separate codes for Font Size, Font Color, Font Family, Line Height, and Title Alignment. We kept the code separate from choosing which part you want to modify; you need to only copy the code.
Only copy that part you want to modify and neglect them that you don’t want to modify. You can copy either all of them at once or one by one too and Paste it in the Blogger HTML.
#3. Now Customize the code for modifying Blog POST's Title as you want.
Let’s do it turn by turn.
#A. Part 1: Title Alignment:
Put it Either Left or Right or Center.
#B. Part 2: Font Size :
Put the Font Size you want for Each and Every Blog Post TITLE according to Blogger Theme.
#C. Part 3: Font Family:
Choose the Font-Family you want for the BLOG POST's TITLE and paste the name there.
Put the name of One Font-Family only. You can choose the Font-Family from this Link: Click here for LINK
Put the name of One Font-Family only. You can choose the Font-Family from this Link: Click here for LINK
#D. Part 4: Line Height / Spacing :
This is the Spacing between Lines of Blog Post TITLE.
So choose the Line Height for your BLOG POST Title in Numeric value as 1 or 2 or 3 or 4 according to your Blog Theme and suitability in your theme.
So choose the Line Height for your BLOG POST Title in Numeric value as 1 or 2 or 3 or 4 according to your Blog Theme and suitability in your theme.
#E. Part 5: Font Color :
Choose the Font Color for your Each and Every Blog Post Titles and Paste it in the Code.
You can get the Code for Font Color From This Link: Click Here for LINK
You can get the Code for Font Color From This Link: Click Here for LINK
#4. After customizing the Code to change BLOG POST Title, COPY the Customized code and Go to Blogger Theme inside Edit HTML to Paste it.
Remember, you can only add the code of which you want to change, no need to add code of that part that you don't want to modify for your Blog Post Titles.
#5. SEARCH for this code in Blogger HTML :
]]></b:skin>
The copied code should be pasted JUST ABOVE or BEFORE this code as shown in the photo below: ]]></b:skin>
#6. Now SAVE the Blogger Theme, and check in your site.
Congratulations, you just Learnt to change Each and Every Blog Post Title: Font Size, Family, Color, Line Height, and Alignment with our Ready-made Simple Code.