How To Change Post Title Color in Blogger Designer Templates.

I have received a lot of comments on a previous post. Readers are asking how to change the post title color in the new Blogger Template Designer templates. Well, here is a very simple step by step tutorial for you.We'll make some changes in the template CSS and then you'll be able to customize post title without any coding stuff.
Warning: Before making any changes, you must backup your existing layout:

Blogspot How to: Backup Your Blogger/Blogspot Template

Note: If you're using 'Picture Window' template, then see this tutorial:

How To Change Post Title Color in Picture Window Template

Steps to Make Post Title Font Customizable in the Blogger Template Designer Templates.


  1. Go to Design then Edit HTML tab.
  2. Find the following code:
       <Group description="Post Title" selector=".post">
    <Variable name="post.title.font" description="Font" type="font"
    default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
    </Group>
  3. Replace the above code with the following code:
       <Group description="Post Title" selector=".post">
    <Variable name="post.title.font" description="Font" type="font"
    default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
    <Variable name="post.title.color" description="Color" type="color" default="#FE6602" value="#FE6602"/>
    <Variable name="post.title.hover.color" description="Hover Color" type="color" default="#FFD25F" value="#FFD25F"/>
    </Group>
  4. Now find this code:
    .post {
    margin: 0 0 25px 0;
    }
  5. Replace the previous code with the following code:
    .post {
    margin: 0 0 25px 0;
    }
    
    .post h3 a, .post h3 a:visited { color: $(post.title.color); }
    .post h3 a:hover { color: $(post.title.hover.color); }
  6. The coding work is finished, save your template and move on to the next step.

Coding Done! Go & Customize the Post Title in Template Designer!

Simply open the Template Designer tab and select Advanced from the left options. Find Post Title and you'll see this,



You'll see Color and Hover Color there. By changing the Color, you'll be changing the color of the post title in normal state and it will also be available in Preview mode. However, Hover Color will change the post title color when mouse comes over it. You can't see the change in Hover Color in Preview mode. You have to save your template, open it and bring your cursor over the post title to see hover color effect.

27 comments:

Anonymous said...

Thank you so much for sharing this work-around! I appreciate all your generosity but this is especially helpful.
website design

Novo21 said...

Have been looking online on how to fix this issue and finally came across your website. Thanks for the post, worked wonders for my blog.

MyAssignmentHelp said...

Thanks for sharing this valuable information.for help related to assignment in UK because Mathematics is a crucial subject, and it has a lot of importance in your academic life. So instead of ignoring your math home tasks and taking them lightly, you can simply avail maths assignment solver from our experts.

Anonymous said...

Will it work for mobile view too??

Arya Steve said...

I think this is an informative post and it is very useful and knowledgeable. therefore, I would like to thank you for the efforts you have made in writing this article.template design

Fonts Mania said...

Nice work, Use this font if you want to design any;

Royalty Free Fonts

latchu kannan said...

Nice article with lot of valuable information and informative content.
AngularJS training in chennai | AngularJS training in anna nagar | AngularJS training in omr | AngularJS training in porur | AngularJS training in tambaram | AngularJS training in velachery





Anonymous said...

I am very happy to read out this entire post...Thank's a lot for giving me the advantage us to comment in your site... Thank's...
juul starter kit with 2 pods

Fonts Mania said...

Guys, Here is a fine website for you which will surely help you for designing work!

Royalty Free Fonts

Native Assignment help said...

Get the best Assignment Help London by experts at affordable prices. Get the best Business Law Assignment Help from UK by professional assignment writers of UK. On-Time Delivery. A+ Quality.

Native Assignment help said...

Well, Now you need not to worry about your pending assignment writing.Native assignment help is one of the best assignment service provider in UK. We are here to give you best assignment help UK based service. Browse our services of Business Law Assignment Help Edinburgh, Manchester and Across UK.

Shira said...

We Global Assignment Expert have a team of thousands of top experts. They are from different backgrounds and subjects. We have hired only the premium and most experienced academic writers who can provide you with assignment writing help services in almost all the subjects. Their immense knowledge and experience make them the best in the industry. Our teams are available in the whole USA, so you don’t need to worry about your location.

Assignment Help USA said...

We will make it extremely easy for you to pick up the best organic Assignment Help USA writing service without letting you endure disappointments. Contact us now and get affordable Assignment Help in USA.

Assignment Help in Ireland said...

New Assignment Help offers the best online Assignment Help in Ireland to college students who wish to score top grades in their academic careers. Our team of subject-oriented and highly qualified writers promises to deliver the best quality assignment writing for A+ Grade.

The Assignment Helpline said...

Thanks for share too good informative post. We provide assignment assistance. We may help you with composing online assignments. You will obtain complete and error-free material to assist you in developing your college division.
Visit to some top-rated services:
Marketing dissertation Help
Dissertation help online
Scholarship essay help
Research essay help
Paper Writing Services

Assignment Help said...

Get Your Assignment Help in Hong Kong done by our efficient team at an affordable price. We offer the best assignment help only at New Assignment Help.

PANCHAL DESIGN WORLD said...

This post is helpful

http://computerguideworld.blogspot.com/

Robert Gandell said...

Native Assignment Help - Your Partner for Outstanding Health and Social Care Assignments. At Native Assignment Help, we are your trusted companion in the realm of academia, specializing in delivering top-tier assignment help, dissertation assistance, coursework support, and exemplary assignment samples. Our unwavering commitment to excellence and dedication to serving students from various educational backgrounds set us apart as a leading academic support provider. With a focus on health and social care assignments, we have tailored our services to cater to this critical field of study.

Brockhudson said...

Native Assignment Help is the ultimate destination for students seeking expertise in operations and project management assignment. Our experienced team specializes in providing top-notch assignment help, dissertation assistance, coursework support, and access to assignment samples. We understand the demands of academic life and are committed to easing your academic journey. With a strong focus on quality, authenticity, and timely delivery, we empower students to excel in operations and project management, as well as other academic disciplines. Your success is our priority, and Native Assignment Help is here to make it happen.

Zara Bolen said...

I had an amazing experience with this Marketing Dissertation Topics online platform at Native Assignment Help. The expert assigned to my task was responsive, understood my requirements perfectly, and delivered a high-quality solution on time. I appreciate the efficiency and expertise of the team. Thank you for the excellent assistance!

henry said...

Need help with your assignments? Look no further than Write My Assignment for expert guidance and support.

Jessica Tyler said...

Ignite your passion for geographical exploration with our handpicked Geography Dissertation Ideas.Uncover unique concepts that transcend traditional boundaries, allowing you to make a significant contribution to the academic discourse. Whether you'reinterested in human geography, physical geography, or GIS applications, our ideas provide a springboard for your research journey.

Roy Butler said...

To change the post title color in Blogger Designer Templates, navigate to the template editor, locate the CSS section, and modify the color property for the post title accordingly.

Are you looking for assignment help? New Assignment Help offers premier Assignment Help services in the UK. With a commitment to top-notch quality, plagiarism-free content, and unmatched support, our dedicated team of Assignment Helper ensures expertly crafted assignments. Trust us for all your assignment help needs.

Jack Walker said...

Welcome to Native Assignment Help! I'm Jack, and I'm excited to introduce our top-notch service: Accounting Assignment Help Online. Struggling with accounting tasks? Don't worry, we've got you covered! Our team is committed to providing personalized assistance to help you excel in your studies. With our expertise and support, tackling accounting assignments has never been easier. Reach out today and let's embark on a journey towards your academic success together

Peter Miller said...

Absolutely! Crafting a strong dissertation topic is the cornerstone of your MBA journey, and at Native Assignment Help, we recognize its paramount importance. As you delve into the intricate world of business administration, choosing from a plethora of MBA Dissertation Topics UK can be daunting. That's where our dedicated team, led by experienced professionals like Peter Miller, steps in. With our wealth of knowledge and expertise, we guide you through the process, ensuring that your chosen topic is not just relevant but also impactful.

Jack Walker said...

For various Forensic Forensic Science Dissertation Topics , Native Assignment Help is the best site. We have a list of Forensic Science Dissertation Topics that have been specially put together to motivate scholars and further innovation. This platform has a wide range of Forensic Science Dissertation Topics aimed at meeting your academic dreams. Let us be your shepherd in this intricate world of Forensic Science Dissertation Topics by showing you how to succeed in it academically and intellectually that will lead to academic excellence.




Output Length: 317 words

david hude said...

"Empowering customization in Blogger templates, this tutorial simplifies post title color adjustments for a visually appealing blog design. Follow these user-friendly steps to effortlessly personalize your blog's appearance."
New Assignment Help's digital Assignment Help service has been a true lifesaver for me as a UK student navigating the challenging world of academia in London. The level of support and guidance provided by their team is unmatched. They possess a deep understanding of various subjects and consistently deliver assignments that meet the highest academic standards. What truly sets them apart is their commitment to customer satisfaction - they always go the extra mile to ensure that every assignment is tailored to my specific needs and requirements. Thanks to assignment help in London, I've been able to overcome academic hurdles with ease and achieve success in my studies. I highly recommend their services to any UK student in need of reliable assignment assistance.