Wednesday, December 23, 2015

How to keep blog view-able only in Magazine style in dynamic templates?

When we use Dynamic Blogger templates in our blogs, there are more than 5 options to view our posts. These options will be below site header and its description and act as navigation menu of the the blog.


Our readers can click on various options in which the posts can be displayed. But it makes our blog little bit unprofessional. It will be much better if we can enable just one option and then disable other options permanently. 
  
We can do that. When one is enabled and others are being disabled, though disabled won't be shown, the option enabled will be shown visibly. We can also remove that and make more professional.  

Read: How to place navigation menu above blog's header banner in blogger?

Let us try to keep view option only in magazine style disabling other 6 options. The process is:

Step 1
Login to your blog

Step 2
Select the blog (if you have more) in which dynamic template is active

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

#Classic.ss, #views ul li:first-child(1),
#Flipcard.ss, #views ul li:nth-child(2),
#Magazine.ss, #views ul li:nth-child(3),
#Mosaic.ss, #views ul li:nth-child(4),
#Sidebar.ss, #views ul li:nth-child(5),
#Snapsnot.ss, #views ul li:nth-child(6),
#Timeslide.ss, #views ul li:nth-child(7)
{
display: none !important;
}

Step 8
Delete the red high-lighted font

Step 9
Click on Apply to Blog. You're done. Other options won't be visible.

Step 10
However, magazine style will be visibly clickable in menu. To hide that too, add given CSS just below CSS added in step 7

#views{
display: none !important;
}

You're done. Click on Apply to Blog once more and see whether it's being removed by clicking on view blog button. 

Bonus: 
You must have realized the numbering system in step 7. This means you can keep in any other view options just by removing any of them. 


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...