How to hide Navbar on Blogspot

Blogger has started advertisement above the navbar (the usually blue navigation bar at the very top of a blog) on a random basis (now you see it, now you don't) and this has taken valuable space. See screen shot below:

advertisement above Blogger navbar

Since that is taking valuable real estate plus the fact the the Blogger TOS (Terms of Service) did not specify that one must have it for the blog, I have decided to hide the navbar.

There are various ways to do that, not all of them effective. I have found that the hack by Aditya to be effective.

Aditya's hack is simple. Here is my interpretation of his hack: Go to LAYOUT > EDIT HTML to open the template editor. Look for and paste the following after that:

/* hide navbar */
/*-------------*/
#Navbar1 {
margin: 0px;
padding: 0px;
visibility: hidden;
display: none;
}

"Auto F5 reload window" options
Default timeout	*
Timeout for this page	*
Add random value to timeout between 0 and	*
Show and hide menu
Ignore everything after these symbols in URL(separate with spaces)
Include the separators in the URL saved
Hide menu when clicking outside the menu
Prolong timeout on mouseclicks or keyboard input
Reload all pages with default timeout, which has no timeout set
*Format examples: hh:mm:ss, h:m:ss, m:sss, s etc. like 1:20:30 oder 500 oder 3:100

how to add the adsense ads inside the blog post on blogspot

If you want to know how to add the adsense ads inside the blog post rather than between the post, follow this:-

Showing adsense ads inside Blogger blog Posts:-

Sign in to your blogger dashboard>layout>Edit htmlCheck the box next to 'Expand Widget Templates'

Scroll down the window till you see this code

Replace that code in the template with the below code

Again,scroll down the template and find out data-post body tag[look at the below screenshot

and add the below code just above that code{this will show ads above the post body}.If you want ads to show below the post,paste the code below that tag.Here is the code to paste:-

That's all.

"Auto F5 reload window" options
Default timeout	*
Timeout for this page	*
Add random value to timeout between 0 and	*
Show and hide menu
Ignore everything after these symbols in URL(separate with spaces)
Include the separators in the URL saved
Hide menu when clicking outside the menu
Prolong timeout on mouseclicks or keyboard input
Reload all pages with default timeout, which has no timeout set
*Format examples: hh:mm:ss, h:m:ss, m:sss, s etc. like 1:20:30 oder 500 oder 3:100

How To Add Recent Post Widget For Blogger Blog

I found this tip in this blog.Follow below easy steps to do it.

1.Log in to your dashboard--> layout
2.Click on "Add a Gadget" and Select "HTML/Java Script"

Note : You must replace your blog URL with your real URL.
You can change the values of var numposts , var showpostdate , var showpostsummary ,var numchars , var standardstyling ,etc....

3. Click on Save And Refresh your site.you are done.

"Auto F5 reload window" options
Default timeout	*
Timeout for this page	*
Add random value to timeout between 0 and	*
Show and hide menu
Ignore everything after these symbols in URL(separate with spaces)
Include the separators in the URL saved
Hide menu when clicking outside the menu
Prolong timeout on mouseclicks or keyboard input
Reload all pages with default timeout, which has no timeout set
*Format examples: hh:mm:ss, h:m:ss, m:sss, s etc. like 1:20:30 oder 500 oder 3:100

how to add google analytics code on blogger

I have been using Analytics now for around one year, I like the way you can get a quick overview of your site just by choosing the site, I am also very impressed with the comparison feature where you can graph one time period against another.

Wouldn’t it be nice to know how many people actually visited your blog each day? How about knowing which of your posts are the most popular? Well surprisingly Blogger doesn’t currently offer any native blog analytics but fortunately there is Google Analytics — available for free.
Google Analytics would have to be the best free web traffic analysis tool that is available, in fact I would wager that its better than most paid web traffic analysis tools.
Once you have registered with Google Analytics you need to add your site into the Analytics Settings, you will be then given a small snippet of code that needs to be placed onto every page of your website. Luckily for us bloggers it only means editing one file.

( Please backup your template first in case you muck it up.)

Setup a Google Analytics Account

Go to Google Analytics and sign in using your Blogger login. If your account doesn’t work for some reason, you can create a new one instead. Once you login you’ll see a screen that looks like this:

Click on the “Sign Up >>” button and proceed to the next step which will ask you for your general information. Website URL, Account Name, Country, and Time Zone. The screen will look like this:

If you noticed, I just put my Blogger url (without the http://) and called it “David’s Account” because this is your top-level container for 1 or 100 different websites so it’s a good idea to name it something more general. The next step will ask you for your contact information which includes your first name, last name, phone number, and country. Easy so far right?

Your last step in signing up will ask you to accept the user agreement terms and conditions which you should read (just kidding…who actually ever reads these entire legal terms anyhow?).

Now this next screen is very important. This is the code you will need to copy and paste into your blogger template. Go ahead and click into the box and it will automatically highlight the entire block of code for you. Now you need to copy that code and paste it into notepad or into a MS Word document. Save it as you’ll need to use it later.

After you click on the “continue >>” button you will be taken to your brand new Google Analytics dashboard! You will see your blogger blog listed but with no analytical data….yet.

Ok, now you are done with setting up your Google Analytics account. The next step is placing the tracking code into your Blogger template so it can report back to Google Analytics and provide you with some cool data points.

Adding GA Tracking Code to Your Blogger Template

This is not a very difficult step even if you are afraid to touch your template code. Login to your Blogger account and then click on the “Layout” => “Edit HTML” tabs. This will bring you to the template code. Before you make any changes, I advice you to back up your template just in case there are any problems. After you’ve done so, continue reading.
Now in the edit template html code window, scroll all the way to the bottom of your template code and look for the tag. There should only be one of these closing tags in your template. If you can’t find it then your template wasn’t properly created and you should add one right above the tag.The tag should always be your last line of code in your template. It signifies the end of your template.
Ok, now go back to the code you saved before in a Word Doc from Google Analytics. You are going to copy it and paste it right above the tag as illustrated in the image below. The yellow highlighted code is the new GA code I just pasted into my template.

Save your template and you shouldn’t get any error messages. If you do, it’s most likely not related to this GA code and something else with your template itself. Assuming you’ve been successful with your save, you are all done embedding the GA code in your template!

Confirm Google Analytics is Tracking

Go back into your Google Analytics account and look at your dashboard. Most likely you will see a little yellow exclamation mark under the “status” column that looks like this: . This means everything isn’t working properly yet which is fine because we are about to tell GA we just added the code. From your dashboard, click on the “edit” link which is located to the far right.

After you click on that link, you’ll see another screen like below. It will say “Tracking Not Installed” followed by a link “Check Status”. You’ll want to go ahead and click on that link which will tell GA to visit your site and look for the new code you just pasted in your template.

Assuming you pasted the code in there as instructed above, GA will find the new code and begin tracking everything on your blog. If you are still having problems, it’s most likely something to do with GA and you should read their help guide to troubleshoot your problem.

The message seen here, “Waiting for Data” means you have correctly setup GA and data is being gathered! Click on the top left Google Analytics logo and it will take you back to your dashboard. From there click on the “View report” link and that’s where all your very important Blogger visitor data will start appearing!

It takes a day or so for the Data to be available, however its certainly comprehensive once it arrives. If you have any questions feel free to ask them.

"Auto F5 reload window" options
Default timeout	*
Timeout for this page	*
Add random value to timeout between 0 and	*
Show and hide menu
Ignore everything after these symbols in URL(separate with spaces)
Include the separators in the URL saved
Hide menu when clicking outside the menu
Prolong timeout on mouseclicks or keyboard input
Reload all pages with default timeout, which has no timeout set
*Format examples: hh:mm:ss, h:m:ss, m:sss, s etc. like 1:20:30 oder 500 oder 3:100

"Auto F5 reload window" options
Default timeout	*
Timeout for this page	*
Add random value to timeout between 0 and	*
Show and hide menu
Ignore everything after these symbols in URL(separate with spaces)
Include the separators in the URL saved
Hide menu when clicking outside the menu
Prolong timeout on mouseclicks or keyboard input
Reload all pages with default timeout, which has no timeout set
*Format examples: hh:mm:ss, h:m:ss, m:sss, s etc. like 1:20:30 oder 500 oder 3:100

How to add Related Post widget to BlogSpot

How to add Related Post widget to BlogSpot

This is a short tutorial about how to add Related post widget in Blogger. This is a easy hack to install even though the source code is a bit complicated :). The Related Post widget can be very handy because this can let your readers to know the similar type of post you have in your blog and it can also allow links to your other posts allowing google bots to read your previous or older posts perhaps if a particular post has not be read. A good example of how this hack will show you after implementing, is a example of my blog.

So if you want to install this hack:

1. Login to your Blogger with your Google ID
2. Click on Layout of the blog you want to use this hack on
3. Click on edit HTML tab
4. Tick on Expand Widget
5. Now search for this line of Code

Now right after the above code paste the Widget_Code just after it (To copy the code right click and view source), that is

Widget_Code

Now save your template and your done.
That is it and now view your blog on a particular post and you should see the Related post or the similar post of the post category.

"Auto F5 reload window" options
Default timeout	*
Timeout for this page	*
Add random value to timeout between 0 and	*
Show and hide menu
Ignore everything after these symbols in URL(separate with spaces)
Include the separators in the URL saved
Hide menu when clicking outside the menu
Prolong timeout on mouseclicks or keyboard input
Reload all pages with default timeout, which has no timeout set
*Format examples: hh:mm:ss, h:m:ss, m:sss, s etc. like 1:20:30 oder 500 oder 3:100

All-In-One Messenger Tools

Digsby is a multiprotocol IM client that lets you chat with all your friends on AIM, MSN, Yahoo, ICQ, Google Talk, Facebook Chat and Jabber with a simple to manage buddy list. It supports multiple conversations with tabbed conversation windows. If one of your friends has more than one IM account you can combine them into a single merged contact to eliminate duplicate buddies.

You can change Facebook status easier using Digsby. What you need to do is just enter the status message and send it over to Facebook. You can view friends’ feed and updated status via Digsby also which make it an alternative tool for easier chatting and keep in touch with friends.

Either than Instant Messenger feature, it has email managing feature too. You can manage Hotmail, Gmail, Yahoo Mail, AOL/AIM Mail, IMAP, and POP accounts right from digsby. Send emails to your friends right from the IM window. The email is sent directly from any account digsby is tracking for you.

Download here

"Auto F5 reload window" options
Default timeout	*
Timeout for this page	*
Add random value to timeout between 0 and	*
Show and hide menu
Ignore everything after these symbols in URL(separate with spaces)
Include the separators in the URL saved
Hide menu when clicking outside the menu
Prolong timeout on mouseclicks or keyboard input
Reload all pages with default timeout, which has no timeout set
*Format examples: hh:mm:ss, h:m:ss, m:sss, s etc. like 1:20:30 oder 500 oder 3:100

How to Submit Your Blog to Directories

One great way to give your blog more traffic is to submit your blog to directories. By doing so, you increase the amount of one-way links to your blog. This in turn means much more traffic to your site which means more cash.
This is a step-by-step guide, which, when implemented, will guarantee that your blog will have a higher profile:

1. There are many ways to submit your blog to a directory. One of the easiest is to run a search engine search by typing in "blog directory". When you have done so, you will find a complete list of directories. You can then pick and choose which ones to submit to at your own leisure.

2. An excellent website to submit your blog to is masternewmedia. If your blog has an RSS feed you can go to masternewmedia. This will give you a list of top, tested, directories which offer RSS services.

3. However, the above are just examples of general directories. Ideally, your blog should be targeted at a particular niche. Let's take an example. You have just posted a topic on how to write your own book and you want to link your blog to directories which cater for that topic. Simply type into Google, or any search engine, "submit link" "write your own book" "add link" "write your own book". This includes both keywords words used by directories - 'submit' and 'add'. A long list of websites and directories will pop up looking for links on that topic. Just pick and choose which ones you want to include. This has many advantages. Not only are you getting your blog included in certain niche directories but you will also be added to many websites. As these links are one way, you will not be losing any traffic as you would be if were posting reciprocal links on your blog.

4. There is one rule to remember when you are submitting your blog to directories. Search engines don't like to see a massive amount of links to your blog being generated over night. They prefer a more natural, organic approach in which links are created over a period of time. Ideally, what should happen is that you should submit your blog to a couple directories every day and slowly add to more as time progresses. A good piece of advice would be to write down which websites and directories you have linked to so that you don't commit 'link overkill'.

If you use the above as a guide you will have no difficulty in submitting your blog to directories. What's more if you are careful when adding links to websites and directories you will steadily see your blog's profile improve in the search engines' rankings. Ideally, you should be looking at a niche market and submitting to niche directories to get more traffic. Not only that, you will be getting qualified traffic when you do.

This means that you will have an audience interested in your blog. Patience is critical in building up your blog's profile. However, it doesn't have to take ages. Follow these steps and you will be well on your way to having a high profile blog.

The worlds finest experts on an array of money making subjects, including the Internet are coming to Ireland soon.

Would you like to discover more free ways to create success and build wealth, both online and offline?

If so, I’ve just put together a free Report on
“The 7 Secrets to Online Success – Starting Today!” To get your Free Report go here now : http://SimpleOnlineMarketingTips.com;

Thanks for reading-

"Auto F5 reload window" options
Default timeout	*
Timeout for this page	*
Add random value to timeout between 0 and	*
Show and hide menu
Ignore everything after these symbols in URL(separate with spaces)
Include the separators in the URL saved
Hide menu when clicking outside the menu
Prolong timeout on mouseclicks or keyboard input
Reload all pages with default timeout, which has no timeout set
*Format examples: hh:mm:ss, h:m:ss, m:sss, s etc. like 1:20:30 oder 500 oder 3:100

How to Change Your Blog Icon in Blogger

If you open a web/blog you will see an icon on addressbar. If you make blog in blogger your default icon will be like this: But you can change the icon (favicon) with your own picture. it's very simple to do that. The first thing you have to do is prepare an image with low dimension, it's about 22x22 pixel to 32x32 pixel, actualy bigger is no problem but it will reduce speed to open your web/blog. And they can be formatted as gif, jpg, bmp, ico, png. Then you store your image to webhosting. But if don't know how to make it or don't want to occupied you can use the icon listed below. Ok lets begin the trick:

1. Login to blogger, chose "Layouts --> Edit HTML
2. Put the code below into your tag or before code.
3. The bold text is an address for your icon, you can change it with your own or just copy the below listed address icon.
4. Save your editing.

"Auto F5 reload window" options
Default timeout	*
Timeout for this page	*
Add random value to timeout between 0 and	*
Show and hide menu
Ignore everything after these symbols in URL(separate with spaces)
Include the separators in the URL saved
Hide menu when clicking outside the menu
Prolong timeout on mouseclicks or keyboard input
Reload all pages with default timeout, which has no timeout set
*Format examples: hh:mm:ss, h:m:ss, m:sss, s etc. like 1:20:30 oder 500 oder 3:100

How to post Html Code on blogspot / blogger

If you just want to show up HTML codes in your blogger post, that is without any customization, then use this site : Simple Code. This method will show the HTML as it is and looks very simple.

If you follow the above link you will notice 2 textareas in which the first one is for input the html code and second one is for output of the changed html code which fits into the blogspot post and renders as expected.


Whoever wants to post the html code in blogger, please go to the link and paste your html code in first text box control and click the process button. Then you will notice the second textbox updated with the processed html code. Then copy the complete code from second text box and paste it in your blogspot post. It works not only in blogspot but also in all blogs which don't allow direct html code in posts.

"Auto F5 reload window" options
Default timeout	*
Timeout for this page	*
Add random value to timeout between 0 and	*
Show and hide menu
Ignore everything after these symbols in URL(separate with spaces)
Include the separators in the URL saved
Hide menu when clicking outside the menu
Prolong timeout on mouseclicks or keyboard input
Reload all pages with default timeout, which has no timeout set
*Format examples: hh:mm:ss, h:m:ss, m:sss, s etc. like 1:20:30 oder 500 oder 3:100

How TO add Google sitemap to blogger.com

You can now add Google sitemap to your blogger.com account and increase your chances of being indexed in Google search engine result. You can add a Sitemap to your account to give Google more information about the pages in your site to help Google crawl them more effectively.

Step # 1: Login to sitemap account
At the top of screen you will see option to add site. Just paste URL of your blog (for example http://cyberciti.blogspot.com/)

Step # 2: Now you need to verify your ownership of blog to view detailed statistics. Click on verify link. Google offers two methods of verification. You can either upload an HTML file with a name we specify (which is not possible with Google Blogger account), or you can add a META tag to your site's index file. Adding META tag via template code is possible so just select Add a META tag from drop down menu:

It will generate code for you, copy the meta tag and paste it into your blogger.com template section).

Step # 3: Go to your blogger.com and login to your account. Goto your blog > Click on Template
Paste the META tag code after section:

Click on Save Template changes button
Click on Republish Index only button > Wait for few seconds so that your blog being published successfully.

Step # 4: Now goto sitemap account and click the box that read as follows:
I've added the META tag in the home page of http://cyberciti.blogspot.com/. Click on Verify button.

Step # 5: Now your site is added to sitemap account and verification is done. Next you need to add actual sitemap url. Since blogger.com account don’t allow you to create a text file or anything else you need to add your site feed (ATOM xml) file as a site map. Click on add a sitemap link:

Step # 6: You can add a Sitemap to your account to provide Google additional information about about your blog. Google will process your Sitemap and provide information on any errors in the Sitemaps tab as well your sitemap will be downloaded everyday to index your blog fast.
Select type as : Add General Web sitemap
Now you need to add Atom 0.3 feeds. Generally, you would use this format only if your site already has a syndication feed and this is the only way to add sitemap to your blogger.com account.
Paste url of your Atom feed: For example http://cyberciti.blogspot.com/atom.xml and click on Add Web sitemap:
Update: If you are using a new blogger beta system, use http://yourblogname.blogspot.com/feeds/posts/full as a feed url.

You will get confirmation:
You have added a Sitemap to http://cyberciti.blogspot.com/. Reports may take several hours to update. Thank you for your patience!
And you are done and your blog will be now index very fast (depend upon your posting and content).

"Auto F5 reload window" options
Default timeout	*
Timeout for this page	*
Add random value to timeout between 0 and	*
Show and hide menu
Ignore everything after these symbols in URL(separate with spaces)
Include the separators in the URL saved
Hide menu when clicking outside the menu
Prolong timeout on mouseclicks or keyboard input
Reload all pages with default timeout, which has no timeout set
*Format examples: hh:mm:ss, h:m:ss, m:sss, s etc. like 1:20:30 oder 500 oder 3:100

Making it pay

Maybe the starting point of a profitable blog is a great topic, but there is definitely more to the business than that. There are two options a blogger has when trying to make the page generate revenue from advertising: either to stay on top of other blogs or provide good-quality material that ensures a high readership. Though the former option may look like the true Internet promise, things are slightly different when you have to achieve a high ad click rate. Let's see the dos and don'ts of blogging when it comes to making money from advertising.

First of all, you need to consider the number of readers you target with the blog articles, and set an average or modest click rate in case the domain you're dealing with is not a very common one. You may get valuable clicks, but they may not be enough to generate the income you need; therefore, always try to maintain a balance between the advertising rate you set for the blog and the amount of traffic you manage to draw by well-researched, informational content. The best Google program to use here is definitely Adsense, but keep in mind that the ads are relevant for the site material and vice versa, hence, focus on quality not quantity.


One of the smartest ways to attract traffic and therefore increase the chances to get more ad clicks is by the use of continuation links. All you have to do is post a link with an excerpt from the blog article and post it on the main page. The whole point is to make it catchy: the reader sees it, interest rises and he or she clicks on the link to get to the body of the story. If you only post the title of an article within the link, you risk that the visitor leave the page without actually minding the post.

Don't make the mistake of linking your blog only to top pages in the business. Yes, there are sites that are considered reference points in the field, and you actually risk of orienting the reader's attention towards a competitor. Links are great tools, but they are not everything for a blog: first comes nice, unique information, and only then should you focus on directing the reader to other similar pages. The best links to use are those that take the visitor to a detailed explanation of the information on your blog, while also allowing the return to the initial page. Happy blogging...!

"Auto F5 reload window" options
Default timeout	*
Timeout for this page	*
Add random value to timeout between 0 and	*
Show and hide menu
Ignore everything after these symbols in URL(separate with spaces)
Include the separators in the URL saved
Hide menu when clicking outside the menu
Prolong timeout on mouseclicks or keyboard input
Reload all pages with default timeout, which has no timeout set
*Format examples: hh:mm:ss, h:m:ss, m:sss, s etc. like 1:20:30 oder 500 oder 3:100

Build a professional looking website in 10 minutes

Sounds like some sort of gimmick, but it's not. Even if you are not a do it yourself kind of person it's very easy to do. With about $85 dollars and about 10 minutes of your time you can have a professional looking website or blog ready to fill with content. You can even monetize your website or blog by putting ads from Google Adsense. By monetizing your website or blog you can usually cover all of your hosting and domain costs and even have a little left for your pocket. So, let's get you set up.


Step 1. You need hosting. I highly recommend Bluehost as I use them for all of my websites and my clients' websites as well. When signing up at Bluehost you will be asked to pick your domain name. This is the name of your website or blog. For example: www.YourWebsiteName.com is a domain name. There are many domain hoarders out there so it can be hard to find the domain name you really like available. I recommend getting the .com or .org versions only. Other extensions like .info or .us can be hard to remember and do not propagate very quickly.

Step 2. Now we need to install Wordpress on your hosting account. After logging into your newly purchased Bluehost account you will be directed directly to your Cpanel. In your Cpanel scroll down until you find an icon named Simple Scripts. After finding Simple Scripts go ahead and click on it. Next, on the Simple Scripts page look for the icon named Wordpress. It's usually under "Blogs" but it can be used to build websites just the same. Click on the Wordpress icon. The next page you will see an install button. Go ahead and click install. The next page you will see your newly purchased domain in the drop down box in

step 1: of the installation.

Step 2: is advanced options but it's really where you just put your website or blog title, description of your website or blog, username and password you want to use to log into the admin panel.

Step 3: you just check off the agreement box and click complete. You will get a status bar and you will be able to see your installation complete. After the installation is complete you will be shown a link to www.YourWebsiteName.com/wp-admin. This is the link to your admin panel. After arriving at your admin panel simply enter the same sign in information you put in Step 2: of your installation.

Step 3. You need a sweet looking template. A template basically defines how your website or blog will look and function. I will show you more advanced ways of finding templates in articles to come. For now, let's just stick to the basics so we don't confuse anyone. In your admin panel you will see a drop down box that says "Appearance". After opening the drop down box you will see an option that says "Themes". After clicking on the "Themes" option you will see the option to "Add New" at the top of the page. click the "Add New" button and start browsing. After you have found a theme that you are in love with go ahead and click the install button and you are good to go. Visit your website and see how it looks. Congratulations, you're done!

This article is to help the beginners get out there on the world wide web without having to pay these self proclaimed website developers an arm and a leg just to get a basic content management website up and running.This article is to help the beginners get out there on the world wide web without having to pay these self proclaimed website developers an arm and a leg just to get a basic content management website up and running.

"Auto F5 reload window" options
Default timeout	*
Timeout for this page	*
Add random value to timeout between 0 and	*
Show and hide menu
Ignore everything after these symbols in URL(separate with spaces)
Include the separators in the URL saved
Hide menu when clicking outside the menu
Prolong timeout on mouseclicks or keyboard input
Reload all pages with default timeout, which has no timeout set
*Format examples: hh:mm:ss, h:m:ss, m:sss, s etc. like 1:20:30 oder 500 oder 3:100