Hide Certain Pages Links in Dynamic Views

Before

After

If you've chosen Dynamic Views template from the very beginning, chances are you're never gonna find a way to hide some of your pages links. Sure, you can delete your pages altogether to permanently hide these links from showing in your pages tabs. But there is way to still keep these pages and at the same hide their links alone from showing on your header bar. And here's how (no codes this week!).

Step 1: 

Go to Dashboard - Pages - Show Pages as - Top tabs - Save arrangement.

Step 2: 

Go to Dashboard - Layout. You should now be able to see a new gadget titled 'Pages', on your right sidebar. Click Edit on it. The rest is self-explanatory (uncheck the boxes to hide your links).

You might also like:

Rename 'Pages' in Blogger Dynamic Views Drop-down Menu

Before

After

When you have more static page links than what your header-bar can fit, all your pages will beforced to go on a drop-down menu. This drop-down menu will be titled 'Pages', by default. Here's how you can change it to other text of your likings.

Go to Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

?

1 2 3 4 5 6 7

#pages span:first-child{ font-size: 0px !important; } #pages .menu-heading:before, .ss{ content: "Contents"; font-size: 15px !important; }

In this example, I've changed 'Pages' to 'Contents'. Feel free to personalise it by changing Line 5.

You might also like:

Fit Post Titles in Snapshot Thumbnails in Blogger Dynamic View

Before

After

Lots of photo bloggers are annoyed by the fact that the post-tiles in Snapshot view are often clipped at the side. By default, only the first 4-5 words are visible, and the rest of them are kept hidden. Moreover, the titles need to share the space with the comment bubbles, which certainly isn't a encouraging factor for anyone who wants to use Snapshot view. Let's change this, shall we?

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.

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

.snapshot .item.comments .title { left: 5px; right: 5px; font-size: 14px; text-wrap: normal !important; white-space: normal !important; overflow: visible !important; } .snapshot #content .item h3.title{ bottom: 5px; height: auto; }    .snapshot .item .comments-count { bottom: 220px; }

This tweak should allow titles within 10-12 words to be visible. If your average titles are longer than this, feel free to bring the title font-size down to fit in more words, by adjusting line 4.

You might also like: