Posted : Saturday, September 01, 2012 | Post Author : Paul Crowe | 18 comments
Dynamic Views (DV) templates have become a popular choice with some Blogger users.When you choose dynamic views you select a default template which readers will see when they land on your blog.But in a menu under the header readers have the option to view your blog using any of the other six DV templates.So basically you are giving the readers the choice on how they want to view your blog.But this does not suit everybody, I have recently received a few emails asking is there a way to remove the choose template options on Dynamic Views.Chuck at The Real Blogger Status has also seen some enquiry’s about this in the Blogger Help Forum.So, can you remove the options for readers to choose the template ? Yes, and with credit to Southern Speakers and here is how.
Remove The Template View Options On Dynamic Views
OK lets try to explain this as easy as possible.First we will add some CSS to remove all the Dynamic Views options then we will leave the views you want.
Lets add the CSS
Step 1. – In Your (New Design) Blogger Dashboard Click The Drop Down Menu For Your Blog > Choose Customize > Advanced > Add Css, as shown in the video below.
Step 2. Copy and Paste the following code into the Css Section then click Apply To Blog.
#Classic.ss, #views ul li:first-child , #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; }
OK this has removed all choose template options, if that’s what you want great your done.If you want to leave some options read on.
Now remove from the CSS the templates you Do Want the users to be able to choose from.So for example if you want readers to be able to choose between Magazine and Snapshot the code will look like this :
#Classic.ss, #views ul li:first-child , #Flipcard.ss, #views ul li:nth-child(2), #Mosaic.ss, #views ul li:nth-child(4), #Sidebar.ss, #views ul li:nth-child(5), #Timeslide.ss, #views ul li:nth-child(7) { display: none !important; }
Important – If you look at each of the lines of CSS they end with a comma except the last on.The last option should not end with a comma, so if you removed Timeslide you would also remove the comma after Snapshot and so on as shown below :
#Classic.ss, #views ul li:first-child , #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) { display: none !important; }
That’s it full credit for this post goes to Southern Speakers.Make sure to check out more of our Blogger Tips and Dynamic Views Template Tips.
Drop Your Comments And Questions Below.
18 comments:
Good Post. But I hate Dynamic Views. If we do blog as our hobby Dynamic View is good. But if not it is not good.
ReplyDelete
but it still stands “classic” in the corner, how do I remove that?
ReplyDelete
Replies
That is based on JavaScript. Possible it to remove by editing itself the code.
Delete
Founded the code bellow in this website.
It worked on mine… hope it helps!
/* Hide the views on the main page */
#views { display: none !important; }
/* Hide the views on the main page */
#views { display: none !important; }
/*Hide the vertical bar from before the first page link */
#pages::before { border-left-width: 0 !important;}
Delete
thank you, thank you, thank you!
Delete
Sorry for asking here is there any guide to get the share buttons which is found on the starting of your post?
ReplyDelete
Finally someone shared the code. Thank you.
ReplyDelete
Oh! finally i removed that code, very happy. Now its good to see without that code. Thank you.
ReplyDelete
Hi! i’ve been having some odd problems with this. I copy pasted it exactly like how you said and it doesn’t change a thing. I made sure i press apply to blog as well!
But to make sure, i went back out of the page and come back in again, the css codes disappeared. Any ideas? :/
ReplyDelete
Thanks! It’s Working !
ReplyDelete
thank you!
ReplyDelete
This is good but what if I want to remove the word classic altogether? Can I do that? It says home there and I don’t want that ….can I change that to “return to website” or something similar and link back to website? I have blog in wrapper in site but if I link to a blog post people aren’t seeing my site…..
ReplyDelete
Thanks for this!
ReplyDelete
there still showing magazine view in the corner how to remove it plz tell me.
ReplyDelete
Great thanks so much for this information!
ReplyDelete
Thanks I’ve Try, And it Work…
ReplyDelete
Thank you Paul and thank you Vasco! Huge help.
ReplyDelete
Thanks for this great tip , works fine here !
ReplyDelete