31.3.13

How To Hide/Remove Blogger’s “No Posts”

How To Hide/Remove Blogger’s “No Posts”

How To Hide/Remove Blogger’s “No Posts”

How To Hide/Remove Blogger’s “No Posts”
1 Star2 Stars3 Stars4 Stars5 Stars
1
3,095 views
1
This simple trick comes from a young blogger named Aumkar Thakur, and what it basically teaches you is how to hide the “No posts” message box in your Blogger. This can be seen when you’ve just opened up your Blogger account and you still haven’t posted anything yet.
To hide it, just follow the quick 3-step instructions below:
  1. From your Blogger dashboard, go to ‘Template’ and then click on ‘Customize
  2. Click on ‘Advanced’ and then on the submenu, scroll down to the bottom and click on ‘Add CSS
  3. Now copy and then paste this very short code inside the CSS panel:
.status-msg-wrap
{
display: none;
 }
Congratulations! The ‘No posts’ message box should now have disappeared when you look at your blog site’s preview window below.

How to Remove View Styles from Blogger Dynamic Views

AuthorCalendarMarch 15, 2013 at 5:00 PMComment28 comments








6



Have you been using Dynamic Views on your Blogger blog? :) I'm sure you are attracted to those elegant templates developed with modern web technologies. Easy to use and manage, but unlike the usual layout templates, customization and gadget support is still limited. But don't lose your hopes, 'cause Blogger team is working on it. Now, it's not about upcoming features I wanna talk about. How do you feel about allowing visitors to switch among other dynamic views?


Cool or Weird?


Dynamic Views are awesome. Allowing visitors to switch among available dynamic views might improve the user experience as they can view a blog as they would like to. How convenient! But hey, sometimes it doesn't applicable for every blog and bloggers might like to have the default dynamic view instead of allowing users to switch among other views. Are you one of them?

If you would like to go with the default dynamic view you have selected, a simple CSS code snippet will help you to make it work. May be you have already noticed that the view styles are being displayed either on the the header bar or as a drop down menu. Didn't you?

Blogger shows dynamic view styles on header bar, if your blog has no static pages.


If your blog has static pages, view styles will be displayed as a drop down menu.


Make sure to take a look at your blog using dynamic view, if you are not sure how it looks like. Ready to get rid of them? Follow relevant instructions below. That's way too easy to implement.

No Static Pages


If you have no static pages created on your blog, you will find views being displayed just below your header title as below.


Once you removed the views, your header bar looks similar to below.


Don't have static pages? Add following CSS code snippet to your template and the dynamic views will be gone.

Note: If you don't know how to add custom CSS to your template, read Easily Add Custom CSS to Your Template in Blogger.

#header .header-drawer {
display: none;
}


With Static Pages


If you have static pages created on your blog, the views will be accessible via a drop down menu on the left.


After removing the views drop down menu, you will find only static pages on the bar as below.


Do you have static pages created on your blog? Simply add following CSS code snippet to your template.

Note: If you don't know how to add custom CSS to your template, read Easily Add Custom CSS to Your Template in Blogger.

#header #views {
display: none;
}

#header #pages:before {
border-left: 0px;
}

#header #pages {
margin-left: 14px;
}


Enjoy :-)