Blog – Page 5 of 10 – Blogger User

How to add Scripts / Html in Blogger ?

This post is a simple tip for blogger blog beginnners to add additional Html and scripts in their blogs.
Many Blogger Users ask how they could add some Scripts or Html to their blog after they have started their blogger blog. Probably, after their first one if not couple of blogs. So i am targeting this post for beginners of the blogger and hope this post will be beneficial for them.

Beginners Guide May 6, 2010

New Blogger Transparent Navbar Styles

Most people choose Blogger for the fact that, its relatively easy and it just takes minutes to set up your blog and start blogging. And so to preserve this feature, blogger always tries to make things easier. Blogger knows most of us don’t want to spend more time on the design and so it has now introduced New Transparent Navbar Styles to make your blog design process easier. In accordance to your need, Blogger has made the customisation process of your Blogger templates better. You can now easily choose among more navbar styles for your blog.

Personally I think blogger has come out with these new transparent navbars to discourage people from removing the Navbars from their blogger blogs completely. Well, you can decide yourself if you want to have it back or not but certainly if you already using it in your template, these new styles can be exciting to you. Here are the screenshots.

Blogger has added two new color schemes — “Transparent Light” and “Transparent Dark.” These navabars allow the navbar background to blend together with your blog’s background color and pattern. “We’ve simplified and slimmed down the look of all the navbars, so that they will be more likely to harmonize with the aesthetics of your blog.” Blogger writes in one of its recent posts New Transparent Navbar Styles .

And i hope you know how to make changes to your Navbar Style. Incase you dont know, here’s how you can change your navabar styles.
Go to Layout | Page Elements, then click Edit next to the navbar widget: See the screenshot below.

Did you like these new Navbar styles and did they make you add the Navbar back into your template again. Let us know in the comments below.

Blogger Features May 5, 2010

Remove Navbar from your Blogger Blog completely

If you are using the third party Blogger Templates, then you shouldn’t have this Navigation bar but if you using the default blogger template, it should consist a Navigation Bar. Unlike hiding the Navbar from your blogger, this method helps to remove the Navbar from blogger template completely. This is a way of completely deleting the navbar widget.

Here’s a step by step tutorial to remove Remove Navbar from your Blogger Blog completely.
1. Log in to your dashboard–> Navigate to layout –>Edit Html Tab

2. Before you edit your blogger Template, Make sure you backup every time, by clicking on the Download Full Template so that you may restore it if something goes wrong.

3. In the Template Code find <body> and just above that code, add the following Code.

<script type='text/javascript'>
<![CDATA[
<!--
/*<body>*/
-->
]]>
</script>

You shall get a warning saying that, “Would you like to keep these widgets on your blog or delete them?
Deleting widgets cannot be undone.”

4. Confirm by clicking on the “Delete WIdgets” button and its done !

So, Why should you remove this?

a. If you want to have a clean template.
b. Want to remove the Nav bar code from your HTML source code of your blog.

What will this effect?

a. You won’t see the Quick edit pencil icon and the wrench links even though you have enabled the option and logged in.

How will I get the Navigation Bar back?

If you have removed the navigation bar and want to get it back , just delete the above code you added in your template.
This post dealt with removing the NavBar. Are you still using the Navigation bar in your template? Let us know in the comments below.

Blogger Tutorials May 5, 2010

Add Google Adsense / Html scripts in your Blogger Templates