Wednesday, December 23, 2015

How to hide post date banners from dynamic blogger templates?

I have changed my blog's template from Iconic Blogger Template (third party template) to default dynamic blogger template. I have purchased the Iconic template. But with updates they have made unto it, I felt little dissatisfied-it changed from the styles I loved. 
 

Dynamic blogger template also provides features any magazine style third party blogger template can offer. It provides more view options.
  • Classic
  • Flipcard
  • Magazine
  • Mosaic
  • Sidebar
  • Snapshot
  • Timeslide
The most noticeable feature of it I don't like being displayed is the post published date banners/ribbons. I thought it would appear much more better and professional if I remove or hide it. 

Read: How to add custom photo as a blog's logo in blogger template?
 
I have found the method - to hide it from post body. If you too have used this template and is annoyed by this ribbon, let us get it removed from your blog too. 

Step 1
Login to your blog.

Step 2
Select the blog (if you have many) for which you have used dynamic template

Step 3
Click on template

Step 4
Click on Customize

Step 5
Scroll down. Click on Advance

Step 6
Scroll down. Click on Add CSS

Step 7
In add custom CSS field, paste the given CSS:
 
.ribbon{
display: none !important;
}
  
Step 8
Click on Apply to Blog. You're done. Click on View Blog. It's being hidden.

No comments:

Read our comment Policy to know your rights & responsibilities before actually leaving a comment for this article.

Related Posts Plugin for WordPress, Blogger...