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.