Hide blogger navigation bar from your blogspot blog

If you want to hide navigation bar of your blogspot blog than you need to write this code in the html section of ur blog


1- Log in to blogger

2- On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog's HTML.

3- paste the CSS definition in the top of the template code asn shown in below code:

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Rounders
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe {
   display: none !important;
}

/* Variable definitions
 ====================
  <Variable name="mainBgColor" description="Main Background Color"
            type="color" default="#fff" value="#ffffff">
  <Variable name="mainTextColor" description="Text Color" type="color"
            default="#333" value="#333333">

 

This will hide the navbar from ur blog
Enjoy

Read rest of entry

Page views counter for blogspot bloggers to count how many times any post has been read

If you are blogspot blogger than you must have missed the fact that blogspot doesn't provide any way to count how mant times any post on your blog has been read,
same was the case with me too.



I've written a script to count blog page views or blog post views and sharing it with everyone who needs it

to put page views counter in all posts of your blog , follow these steps

Read rest of entry

How to Add a Hit Counter to a Blogger Blog

Steps

1. 1

   Choose a Web counter service, depending on your needs and sign up for an account.
   
   

2. Step 2

   Generate the HTML code to add the counter to your blog and copy the code.
   
   

3. Step 3

   Sign into Blogger and go to your Dashboard. Select "Template," then "Edit HTML."
   
   

4. Step 4

   Paste the hit counter code into your Blogger template where you want your hit counter to appear.
   
   

5. Step 5

   Save changes and republish your blog.

Read rest of entry

Top 10 Steps To Launch A Successful Blog : Tutorial For Upcoming Bloggers

When I entered Engineering I learnt a lot of new things. Having good knowledge about softwares and computer tips, I decided to make a blog and share my knowledge with others and make few bucks out of it. Today I am sharing my own experience how to launch a successful blog. It will be a step by step tutorial. If you are new to blogging it is an important post for you .

Now my Alexa Ranking is 84,519 and Page Rank 3. In this tutorial I am going to tell you that how I promoted my blog, how my Alexa graph went up and how I got my first cheque of 100$ in 3 months…

iche :

Before starting a blog you should ask yourself that on what topic you can write, on what topic you have knowledge, on what topic you have interest. This is known as Niche. You should choose a correct niche for your blog. Do not think that your friend is earning good from a tech blog so I should also make a tech blog. No ! This thinking is totally wrong. Every person have different taste, interest and skills.

Always choose a niche for your blog in which you have :

1) Knowledge : If you have knowledge about any topic, do not think just start a blog on it.
2) Interest : Make sure that beside knowledge you do have Interest in the topic that you have chosen.

Knowledge without interest does not last long. The same is case with a blog if you have knowledge but no interest your blog’s graph will gradually decrease.

Note : Please note that do not make a blog on pirated softwares, games, movies, MP3’s and any illegal stuff. Google will delete your blog if you select any such niche for your blog. Please read Blogger Terms & Conditions before moving further.

Blog Platform :

After choosing niche for your blog the next thing you should look for, is hosting. If you do not want to spend any money, Blogger is the best service. Most of the blogger start from .blogspot and then after they start making money from it they take their own hosting and domain. If you do not want spend a single penny I recommend you to use Blogger.

log Name :

Now after selecting hosting the third thing that is most important is Blog Name. Your blog name should be according to the niche of your blog. ( I realized this thing after 1 month of blogging )

Always remember that use a simple domain that is easy to remember. A 2 letter domain is recommended like Real Trix, Techno Lizard etc.

You can also use your name as domains like JohnChow. Do not use a word that is not in the dictionary if you are starting a small blog. It only looks nice for big companies like Google, Yahoo… For a small blogger, combination of 2 letter domain will be the best option.

Blog Template :

The last basic need you should fulfill is Look & Design of your blog, its popularly known as Template of your blog. The template of your blog should be simple and attractive. Read this post of mine on “Some Tips On Selecting A Blogger Template”

Amanda of Bloggerbuster wrote a book on The Cheat’s Guide To Customize Blogger Templates. You should read it once as it contains all Blogger hacks and ways to customize your Blogger Template.

Till now you are ready with following 4 things

>> Blog Niche
>> Blog Platform
>> Blog Name
>> Blog Template

These were the basic needs of a blog that most of the new blogger never read because they are never told to them.

oogle Analytics :

Use Google Analytics to know about where your visitors come from and how they interact with your site. It will tell you about your unique visitors and daily page views. It is very easy to install. They will give you some code, just enter it in your template and you are done. Then you can use Google Analytics to see your site traffic.

Writing Skills :

After setting up a blog its time for writing something. Below are some quick tips for writing a post :

1) You always start your post with Title. So always use a title that is attractive and SEO friendly.

2) Your posts should be simple and to the point.

3) Do not use tough English words.

4) Always write a mega post once a week. By mega post I mean that it should be self written and should not be there on Internet before. New bloggers should write articles that you think are the best.

5) Do not copy content from other websites. If you do, always give proper credits. Not giving any credit creates a negative impression on the reader. You should know that you have to impress your readers so that they should visit your blog again.

6) Blogger and Wordpress gives an option of Spell Check, so make sure that there should be no spelling and grammar mistake in your posts. Having any such mistake can irritate the reader.

7) Do not make your posts colorful. Simple and plain post will be highly appreciable than a colorful post. Rather you should use bold, italic and quotes for making for your posts more attractive and easy to read.

Do not write your posts in long paragraphs. Your article should be in points. Use of smileys can make your post interesting. You can use my greasemonkey script to install Smileys into Blogger

9) Always use relevant images to make your post look good.

Do read my post on 5 Tips On Successful Blogging

Making Money :

Now your blog is able to stand and we have to take your blog to the next level i.e promotion. Before promotion I would like to tell you that you should now register to Google Adsense. It is the best service with which you can earn money with your blog. Always register to Adsense via Blogger as your blog will get approved quickly.

Here are few posts of mine to increase your Adsense revenue :

Best EBooks on Google Adsense
Increase Trafic and Adsense Earnings : Ebook
Top High Paying Keywords To Increase Adsense Earnings

Promotion :

Now we move further on promotion of your blog. Promoting a blog is not a one click job. It requires hard work. Here are few posts of mine on promoting your blog.

First of all submit your blog to Search Engines, RSS Feeds and Pings…

How to submit your blog to Google
How to submit your blog to Yahoo
Submit Your Blog URL To 20+ Top Search Engines In Just A Single Click
5 Ways to promote your blog.

Beside this there are some social networking websites with which you can promote your articles

I recommend you to use Digg and StumbleUpon. These are the best websites for promoting your articles.

Harsh Aggarwal of ShoutMeLoud has written some informative articles on using Digg. I recommend you to read some of his posts on Digg :

Digg: The beginners guide
How to Become Digg Power user??

Now we move on to StumbleUpon. ManiKarthik is a SEO expert and blog at DailySeoBlog. Below is the link to the Interview with a top stumbler.

Tips for a better StumbleUpon experience – Interview with a top stumbler “dancewithshadows”

Using StumbleUpon and Digg will surely help you in getting more traffic to your blog.

Create List Of Bloggers :

The next step is to look for other blogs that have same niche as yours. Ask them for link exchange. This will help you in getting traffic, feedback, comments and ideas from others bloggers. This link exchange is known as Blogroll.

You can get a lot of friend bloggers from famous social networking websites like Digg, StumbleUpon and Twitter

RSS FEEDS :

Lastly, start feeds for your blog so that your visitors does not miss any new post from you. Feeds are a way for websites large and small to distribute their content well beyond just visitors using browsers. Feeds permit subscription to regular updates, delivered automatically via a web portal, news reader, or in some cases good old email. If you do not know what is RSS please visit the post below to watch 5 videos that teaches you RSS.

Read rest of entry

How To Create Sticky Posts In Blogger : Tutorial

While writing about April Fools prank today I thought to make it sticky so that it always appears on the top of the posts till 1st April. Then I got an idea to share a tutorial on how to create a sticky post on Blogger.

Below are the steps explaining you about this in detail.

Step1) First write a post that you want to make sticky and click on Publish Post.

Step2) Now after clicking Publish Post you will be directed to a new page, here click on Edit post. Have a look :

Step3) Now in the edit post page at the left bottom click on Post Options and in the right bottom page change the date and time, till you want the post to remain sticky. This means that if you will publish any new post, it will come below the sticky post.

Suppose I have changed the date from 3/25/09 to 3/30/09. Now from 25th of March to 30th of March the sticky post will remain at the top and after that, new posts will come at the top. I hope this fact is clear to you.

Step4) After changing the date and time, again click on Publish Post.

Note : Always remember that to create a sticky post first you have to publish it and then edit it again.

Read rest of entry

Add Twitter Follow Slider Badge To Your Blog/Site

Here is a working trick that will help you in getting more and more Twitter followers. In this post I am going to explain you that how you can add a Twitter badge to your blog or site that slides down automatically when you scroll down the web page.

This is how the badge will look :

So here is a tutorial to add this Twitter badge to your blog. Lets start :

1. Visit Go2Web20, who are the creator of this badge.

2. Now fill in your Twitter username and enter your desired settings and click on Update Code.

Note : Its better to add the badge to left hand side as the readers start reading your posts from there and they will notice your badge immediately.

3. Now if your are using Blogger as your blogging platform, go to Layout and click on Edit HTML. Here put a tick on Expand Widget Templates and search for tag. Its in the 2nd last line of the template code.

Now, paste your code above </body> and click on Save Template.

If you are using Wordpress as your blogging platform, go to Editor under Appearance tab, and select Footer.php file from the list. Here, search for </body> tag and paste the code above it.

If you are facing any kind of problem in adding this badge, feel free to BeepUs.

Read rest of entry

How To Customize Google Custom Search Engine Watermark Image And Search Button

Customizing the textbox

Now, the GCSE code looks like this :

To change the watermark image, copy the javascript source link i.e http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en and open it in browser. When you will carefully look at the javascript code you can see an image link.

(function() { var f = document.getElementById(’cse-search-box’); if (!f) { f = document.getElementById(’searchbox_demo’); } if (f && f.q) { var q = f.q; var n = navigator; var l = location; if (n.platform == ‘Win32′) { q.style.cssText = ‘border: 1px solid #7e9db9; padding: 2px;’; } var b = function() { if (q.value == ”) { q.style.background = ‘#FFFFFF url(http:\x2F\x2Fwww.google.com\x2Fcoop\x2Fintl\x2Fen\x2Fimages\x2Fgoogle_custom_search_watermark.gif) left no-repeat’; } }; var f = function() { q.style.background = ‘#ffffff’; }; q.onfocus = f; q.onblur = b; if (!/[&?]q=[^&]/.test(l.search)) { b(); } } })();

We have to perform the following steps to change the watermark image :

1. First copy all the javascript code and paste it in Notepad.

2. Now change the watermark.gif image link with your own desired image.

3. Now save the file as google.js and upload it on web.

4. Now, go back to the GCSE code and replace the javascript code with your own edited code i.e

5. And you are done.

For your ease you can download the original javascript code from here and edit the image link.

Customizing the Submit button

Customizing the submit button is very simple, we do not have to edit any javascript rather we will tweak the Style.css file.

Open style.css file and paste this code at the end

#SearchButton {
background:url(Your-Submit-Button-Image-Link-Here) no-repeat;
width:70px; }

Please note : Change the width according to the size of the button image.

Now, in the GCSE code look for

<input type=”submit” name=”sa” value=”Search” />

and change it to

<input type=”submit” name=”sa” value=” ” id=”SearchButton”>

Save you work and you are done!

I know its bit confusing and if you are facing any problem in using this tutorial, drop your comments and I’ll reply to to your queries as soon as possible.

Read rest of entry