How to Change Post Title Background Color in Blogger-Blogspot Templates
In this tutorial I'll tell you how to change the post title background color in Blogspot blogs. This option is not present by default in Blogger Template Designer. We can add background color to the post title and also change the color of title itself. As usual, we'll do some editing in the template HTML code and after that, you'll be able to change the post background color from Blogger Template Designer. So, here are the simple steps to follow:
Steps to Change Post Title Background Color
- Open the Template section.
- Click the Edit HTML button.
- You'll see a lot of code on next page. Don't worry. Just expand the <b:skin>...</b:skin> tag by clicking on the arrow on left side.
- Now find the following code:
- Now find following line of code:
- That's it. Coding is finished. Save your template. Now, changing the background color is super easy. See below.
/* Variable definitions====================
Replace the above code with the following one:
/* Variable definitions====================<Group description="Post Title Background Color" selector="h3.post-title"><Variable name="post.title.bg.color" description="Title Background Color" type="color" default="#222222" value="#eeeeee"/></Group>
]]></b:skin>
Replace the above code with following one:
h3.post-title { background:$(post.title.bg.color); padding:10px;}]]></b:skin>
How to Customize the Post Title Background Color from Blogger Template Designer?
- Open the Template Designer by clicking on Customize button.
- Chose Advanced from left side and then click the first option Post Title Background Color.
- Now, simply make changes and make sure to click the Apply to Blog on top right to save your changes. You can also preview the changes live.
I hope this tutorial was helpful to you. There is another tutorial to center the post title. Do check that out as well. Kindly add a link back to this blog. Link code is available at the bottom of this page. Add it anywhere in your blog. For further customization, contact me and get your work done for free of cost.
This comment has been removed by the author.
ReplyDeleteI 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
ReplyDeleteseo course najafgarh
Thanks for your great information, the contents are quiet interesting. I will be waiting for your next post.
ReplyDeleteseo company in Jaipur
thanks a lot for sharing, this really helped in my workSEO company in Varanasi
ReplyDeleteWell explained article, loved to read this blog post and bookmarking this blog for future.http://claytonvyyv00011.review-blogger.com/26684249/all-about-satta-king
ReplyDeleteVery good info. Lucky me I discovered your site by chance (stumbleupon). I have saved it for later! Here is my web site:http://finnaayv00111.tribunablog.com/all-about-satta-king-18301845
ReplyDeleteVery good info. Lucky me I discovered your site by chance (stumbleupon). I have saved it for later! Here is my web site:http://pensiam.com/home.php?mod=space&uid=2074781
ReplyDeleteI loved to read blogs and your blog is one of the best blog.Sattaking
ReplyDeleteGet a unique and feature rich mobile app of your business. Hire the fruitful services of leading mobile application development company in Jalandhar India and connect more masses on your business to boost up sales and revenue of business products and services.
ReplyDeleteThis is a great article thanks for sharing this informative information. I will visit your blog regularly for some latest post. I will visit your blog regularly for Some latest post. background remover
ReplyDeleteGreat info here.
ReplyDeleteChoose Best Web design Company in Thane. Design your site for best conversions online. Also see SEO Company in Thane. Optimize your site for best keywords online. Choose Best Dermatologist in Thane. Care Your skin.
Thanks for sharing this valuable information. I would recommend you take a look at the latest post related to space bar clicker. This is an online device that lets you how repeatedly you can tap the spacebar button in given time duration. The space bar counter is easy to operate.
ReplyDeleteThis is a great article. I like the way you express the information to us. Thanks for such a post and please keep posting articles regularly | satta king
ReplyDelete