Remove The Template View Menu Options When Using Dynamic Views On Blogger




| 18 comments

Round simple blogger logo orangeDynamic 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.

AuthorAuthor - Paul Crowe is the owner and main author of Spice Up Your Blog.Paul lives in Ireland, has been blogging since 2006 and writing Spice Up Your Blog since 2009.You can find him in the usual social networks.


Join over 5000 Subscribers! Please sign up to receive Updates.

SUYB has its Focus on Quality. If we post Crap, you can unsubscribe.

No Spam and No Garbage! - Use RSS, Twitter & Facebook as an Alternative


If You Enjoyed This Post Please Take 5 Seconds To Share It.

18 comments:

  1. 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
  2. but it still stands "classic" in the corner, how do I remove that?

    ReplyDelete
    Replies
    1. That is based on JavaScript. Possible it to remove by editing itself the code.

      Delete
    2. Founded the code bellow in this website.
      http://www.spiceupyourblog.com/2012/09/remove-choose-template-option-blogger-dynamic-views.html
      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
    3. thank you, thank you, thank you!

      Delete
  3. Sorry for asking here is there any guide to get the share buttons which is found on the starting of your post?

    ReplyDelete
  4. Finally someone shared the code. Thank you.

    ReplyDelete
  5. Oh! finally i removed that code, very happy. Now its good to see without that code. Thank you.

    ReplyDelete
  6. 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
  7. 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
  8. there still showing magazine view in the corner how to remove it plz tell me.

    ReplyDelete
  9. Great thanks so much for this information!

    ReplyDelete
  10. Thank you Paul and thank you Vasco! Huge help.

    ReplyDelete
  11. Thanks for this great tip , works fine here !

    ReplyDelete



Important - If you ask a question make sure you tick the "Notify Me" box below the comment form to be notified of follow up comments and replies.


Hire Us