Southern Listeners

Loading
Thanks to Greenlava for this cool gadget. Get yours here

Saturday, November 15, 2014

Rename Views in Blogger Dynamic Views

Before
After
Too lazy to think of a better title. To hell with SEOs. Anyways, if you find yourself in a situation where the names of Views (Classic, Flipcard, Magazine..) need to be changed to something else (or another language that Google doesn't recognise perhaps), this tutorial could come handy. That said, do note that if you've got pages in your pages bar, in which case your views would have gone into a drop-down style menu, the selected view will still be in English. Couldn't help that one unfortunately.

Go to Dashboard --> Template --> Customize --> Advanced --> Add CSS --> paste the following code --> Press enter after the last character of the last line } --> Apply to Blog.
#views ul li a, #views .menu-heading, .ss{
font-size: 0px !important;
}
#views ul li:nth-child(1) a:after{
font-size: 14px !important;
content: "Classic**";
}
#views ul li:nth-child(2) a:after{
font-size: 14px !important;
content: "Flipcard**";
}
#views ul li:nth-child(3) a:after{
font-size: 14px !important;
content: "Magazine**";
}
#views ul li:nth-child(4) a:after{
font-size: 14px !important;
content: "Mosaic**";
}
#views ul li:nth-child(5) a:after{
font-size: 14px !important;
content: "Sidebar**";
}
#views ul li:nth-child(6) a:after{
font-size: 14px !important;
content: "Snapshot**";
}
#views ul li:nth-child(7) a:after{
font-size: 14px !important;
content: "Timeslide**";
}
.menu-heading:after{
font-size: 14px !important;
content: "Views**";
}
Change lines 6, 10, 14, 18, 22, 26 and 30 in the code above accordingly. Line 34 is if you have pages links in your bar and you need to change the selected view from English to other default word.

46 comments:

  1. i want change menu bar........like softwares, games, about us, contact Us.....and change the links

    ReplyDelete
    Replies
    1. You cannot change the link with this trick - you can only rename them. Consider using actual Pages gadget.

      Delete
    2. So how we change the menu bar? I want to put home, about me, profile etc. and change each of their link. Thank you

      Delete
    3. You need to use actual Pages to add your links. First create your pages (Dashboard - Pages) and then ensure the pages gadget is added by going to Dashboard - Layout.

      Delete
    4. I came up with a silly but fast and easy fix. make the font in the text color in the header bar the same color as the bar itself. the nav buttons will still be there but no one will see them. of course someone may accidentally click them and get confused but...

      Delete
  2. This is great because I wanted to add 'Views' to the top of the drop down so that it mirrored my 'Pages' drop down next to it - thank you. Only thing is that the text 'Views' is now appearing at the top of both drop downs. I've got 'Views' and 'PagesViews'. Is there a way to change it to 'Views' and 'Pages'? Thanks.

    ReplyDelete
  3. Please ignore that last comment - I changed line 32 to 'before' instead of 'after' and that resolved the problem. Your blog is invaluable :)

    ReplyDelete
    Replies
    1. Hey Chloe, glad you've got it sorted, and thanks! :)

      Delete
    2. Hey, thanks Chloe ;)
      my blog now is Awesome with dynamic view!

      Btw Thanks to Yoga too, you r amazing!

      Delete
    3. Chloe if you don't mind would you post a link to your blog, I'm interested to see what you've done with the drop downs. Thanks

      Delete
    4. I've managed to achieve having only one view option, the sidebar, and have successfully removed the arrow. Now I would like to rename the 'sidebar' but I'm having problems. Adding the entire code as above is adding Views** in the main header bar, showing by default, and Sidebar** is showing as a drop down item, although both click through to the sidebar view. What am I doing wrong?

      Delete
    5. That is by design. You can change the word 'Views', but this is a static word - meaning it will not change based on what you're choosing. You can rename this to Sidebar by changing line 34 above.

      Delete
  4. Hello! Do you know how to make the menu bar in blogger sticky? So it can stay when I scroll down the page? I am using pages instead if a navigation link. Please help I can't figure it out for the life of me! My blog is Simplyherfav.com, please request permission as the blog is private at the moment. Thanks soon much!!

    ReplyDelete
    Replies
    1. Hello,

      Making the menu bar sticky isn't an issue - but it will be sticky at whatever position it is rendered. I can't view your blog, but I'd assume your bar is about say X px from the top of your blog (after the header?). So when you make your header sticky, your bar will always be X px from the top of your screen when you browser.

      There is a workaround to this, but it is tricky and time taking. If you've got the time, look for a jquery fix called scrolltofixed by bigspotteddog. It's the installation that is tricky.

      Delete
  5. Hello, Is there a way to remove the option of changing views altogether?

    ReplyDelete
    Replies
    1. Hello,

      See this post, under Extra:
      http://www.southernspeakers.net/2011/09/disable-certain-dynamic-views-in.html

      Delete
  6. How to come into compliance with the disclosure by the Privacy on the consent to the use of cookies profiling with dynamic views? thanks

    ReplyDelete
    Replies
    1. I'm not sure I understand the question. Could you elaborate more?

      Delete
    2. This European legislation that can not 'be applicable in dynamic views because it lacks the Navbar:
      http://www.cookiechoices.org/intl/it/index.html
      Thanks ;)

      Delete
    3. If I'm getting you right, I would suggest you create a separate static page titled Disclaimer that consists of this information.

      Delete
  7. You would be added next to the icon of google + a text link (eg http://i.imgur.com/WbdDRvp.png)? thanks

    ReplyDelete
    Replies
    1. I can think of a way to add normal text using CSS (using pseudo: after), but adding a link is difficult in Dynamic Views.

      Delete
  8. Replies
    1. The CSS way will only enable you to add text, not link :(

      Delete
  9. Hi Yoga! Your blog saves my life. How do I Change the "Sidebar" title at my website (stylejet.ca) in the custom Advanced Add CSS section without ruining the other tricks I have already added in there (dash separators between page titles)?

    I once came across a blog years ago that allowed me to edit from the templates page directly into the HTML, a method that permitted multiple simultaneous code tricks to be applied to my site.

    Thanks a ton!

    ReplyDelete
    Replies
    1. Hi StyleJet,

      If I get you right, you only want to know how to add multiple CSS code. You can just add the code on top of each other. It doesn't matter whether or not you introduce a line break between them. Something like this:

      .newcode{
      line: 1;
      line : 2;
      }
      .oldcode{
      line: 1;
      line : 2;
      }

      Delete
  10. Hey Yoga! I noticed recently that my blogs with the dynamic view won't show the Followers gadget. I am not sure if it's because of GFC becoming obsolete, but it does still appear on other templates. Is there any way I can work around it?

    http://a-shared-thought.blogspot.ca/ Here's my blog!

    ReplyDelete
    Replies
    1. Hey Wanderer.. Sorry for the late reply. Under Dashboard - Layout, do you have the followers gadget currently added? If yes, I'm afraid there isn't much we can do since the template is not rendering the gadget.

      If you cannot add the gadget to your layout page, you may want to try the following steps:
      http://www.southernspeakers.net/2013/02/adding-followers-gadget-in-blogger-post.html

      Delete
    2. I do have the gadget added, and had also tried following those steps. It looks like are really pulling the plug on it. Thank you for your help though :)

      Delete
    3. I'm very sorry I couldn't be much more of a help :(

      Delete
  11. Hello

    I tried to do this, but it didn't work because I previously did the one where you remove some of the option things in the header bar, and the ones I have left are sidebar and snapshot. Please could you tell me how to still do it so I can hange the names of those two? And do I need to remove the code when I removed all th other headings or should I just continue? Thank you so much

    ReplyDelete
    Replies
    1. Hello there,

      The other tutorial should not interfere with this one, so you can just use the code above and it should still work. You don't have to remove the lines for the views that you have hid, just modify line 22 and 26 and leave the rest as it is.

      Delete
  12. Hi Yoga,
    Is there a way to add a traditional sidebar to dsynamic views. I want to add the sidebars in simple templates. Can you help?

    ReplyDelete
    Replies
    1. I'm sorry I have not come across any way to get this done.

      Delete
  13. Hi Yoga,

    I would like to know if it would be possible to display in the sidebar the labels instead of the posts, meaning there would be a second page for each label with posts associated.
    The idea behind it is to make categories in my posts.

    Thanks a lot!

    ReplyDelete
    Replies
    1. Hi Jean,

      If I get you right you can readily do this with Blogger's Label gadget - is this what you're looking for? The gadget shows all your labels on the sidebar and clicking on the label would bring you to the label page.

      Delete
  14. Hello Yoga!
    i need a little help please. How can i add posts under my navigation menus? i am having this now in my menu:
    < li>Internet
    < li>Market
    < /ul>
    I have replaced # with my url already, but now i want to put posts under those links ,how can do that? tnxx

    ReplyDelete
  15. I will need more context to suggest something useful but if you were looking to add links, I think you've already got it figured. Are you looking for a way to add your new posts automatically to your menu or something?

    ReplyDelete
  16. yes exactly,my posts arrears only in home page, i wanted to post in each menu/sub menu,tnx

    ReplyDelete
    Replies
    1. This is not possible in Dynamic Views. If you're referring to a third party template, you'd have to write to the author of the template to see if it is possible. Chances are you'd have to add your links manually.

      Delete
  17. help, you can not comment ... why? Thank you ;)
    http://www.quellichelinter.it/2016/04/1-ora-stop-inter-torino.html

    ReplyDelete
    Replies
    1. Sorry for the late reply. Are you still having this issue?

      Delete

  18. I solved thanks. The problem were included in some of the comments link. Deleted and all now operating normally.

    ReplyDelete
  19. ho risolto cancellando dei links nei commenti. grazie ;)

    ReplyDelete
  20. I solved it by deleting the link in the comments. thank you ;)

    ReplyDelete

Please use the 'Ask a Question' page to shoot questions that are not related to the tutorial in the post above.