All Blogging Tricks

How to Import Blog Post to Twitter

2012-03-04T23:47:00.000+05:30

The importance of social networking websites relates to increasing user traffic on the site. We can't ignore the importance of social networking websites as blogging varies widely on the internet. If you are blogging for the sake of blogging this will give you a larger fan base. Daily many bloggers receives huge amount of traffic through them. Previously I was write a article to Import blog post to Facebook fan page but today I will tell you to import Blog post to Twitter. I think Twitter is a fun and useful way to promote your Blog and drive traffic to it because Twitter is one of the most popular website in the world. Getting huge amount of traffic from Twitter for Blog is not a hard task so just sit back smoothly and see it works?

How to import blog post to Twitter:

Go to Twitter and create an account in it.( don't log out from the account)
Now go to the following link and create a new account.

http://twitterfeed.com

Click " Continue to Step 2 ".

Now finally click " create service".

All steps are very simple, you can also connect your Blog to Twitter, Facebook or Linkedin via twitterfeed. Instead of twitterfeed you can also use rss2twitter. If anyone find difficulty in this tutorial then comments are always open for that or If you like the above article then don't forget to subscribe it for latest updates.
Another article from the same author Awesome Facebook status Tricks or Top 10 Earning Blogs of 2011.

Improve Traffic By Facebook Fan Page

2012-03-02T10:30:00.000+05:30

Most of the Blogger receives huge amount of traffic daily through Facebook. Now a day Facebook become an effective way to increase traffic for a Blog as Facebook allows our user to create a page to promote their Blog or Business. That's why we can't neglect the importance of Facebook. Previously, I was shared a article to Import Blog post automatically on Facebook wall. But today in this article you will learn to create Facebook fan page for Blogger or to import Blog post in it. So lets start the tutorial.

How to Make a Facebook Fan Page:-

Login to your Facebook account.
Go to the following link.

http://www.facebook.com/pages/create.php

Click the category that your blog best fits under.

Upload an image for your Facebook fan page.
In next option you can add basic information such as website and page description.
Now your fan page is ready.

How to Import Blog Post to Facebook Fan Page:-

Previously, I was shared a article to import blog post to Facebook wall but now I will show you to import blog post to Facebook fan page.

Login to your Facebook account first.
Click on the following link.

http://twitterfeed.com

Create a new account in this site.

Choose page in which you want to import your blog post.
Finally hit "create service" at the bottom of the page.

If any one find difficulty in doing this process then comments are always open for that or if you like the above article then don't forget to subscribe it for latest updates.
Another nice article by the same author Awesome Facebook Trick .

Facebook Like Button In Blogger Comment

2012-02-24T16:48:00.001+05:30

You can easily see this type of plugins in many of the WordPress Blog. It simply place an Facebook like button above every comment form as shown in figure. Reader can easily like your content with only one click. So we can't ignore the importance of this plugin as it may boost the blog traffic considerably. This plugin uses simple script and can be easily added to Blog.Previously I was write a article to Add share button below every post of the Blog. So lets start to add facebook like button to comment form.

How to Add Facebook like Button:-

Login to Blogger Dashboard.
Go to Design / Edit HTML.
It is necessary to download full template before making any changes in it ( Learn more).
Click "Expand widget template".

Find (CTRL + F) or search following piece of code in template.

<data:postCommentMsg/>

Note:- If you find this code in more than one position then you will have to select the code wrapped in heading tag ( ex. <h>,<h1>... <h6> ). So it will look like this.

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

Copy the following code and paste it just after the <data:postCommentMsg/>.

Created By:- <!-- http://internetricks4u.blogspot.com/-->                <iframe allowTransparency='true' 
expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot;
 + data:post.url + 
&quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;'
 frameborder='0' scrolling='no' style='margin-top:20px;border:none; overflow:hidden; 
width:450px; height:40px;'/>

Your code will look like this.

<h4 id='comment-post-message'><data:postCommentMsg/>Created By:- <!-- http://internetricks4u.blogspot.com/--><iframe allowTransparency='true' 
expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot;
 + data:post.url + 
&quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;'
 frameborder='0' scrolling='no' style='margin-top:20px;border:none; overflow:hidden; 
width:450px; height:40px;'/></h4>

Finally save the template and see the result.

Or you can do more with your comment form with images ( Learn More).
I give my best to produce this article if any reader find difficulty in this tutorial then comments are always open for that.

Pre Tag As Syntax Highlighter

2012-02-21T12:34:00.001+05:30

Syntax highlighter are generally used for those blogs, which have scripting tutorials. There are large number of powerful syntax highlighter tool exist over the Internet (Add syntax highlighter with jQuery). Through which you can make your code more readable to the user. It not only highlight the script but also gives the clear idea, how the script was formulated. But the main disadvantage in using them are they effect the page loading time as they uses powerful jQuery script. So in this tutorial I will tell you to add Syntax highlighter without any jQuery script.

How to add Syntax Highlighter to Blog:-

Login to Blogger Dashboard.
Create a "New Post"
Paste the following code in "Edit HTML" .

<pre ,times,serif;="" new="" roman="" style="-moz-border-radius: 0px 25px 0px 25px; white-space: normal; 
 background-color: #e3e3e3; height: 50px; padding: 15px 5px 5px;white-space: normal;  width: 100%px;"> 
..Your text Here..</pre>

<pre ,times,serif;="" new="" roman="" style="-moz-border-radius: 30px 30px 30px 30px;border-radius: 25px 25px 25px 25px;
 background-color: #e3e3e3; height: 50px; padding: 15px 5px 5px; white-space: normal;-moz-border-radius: 25px 25px 25px 25px;border-radius: 25px 25px 25px 25px;  width: 100%px;">
..Your text Here.. </pre>

<pre ,times,serif;="" new="" roman="" style=" border-left: 8px solid #1C86EE;
-moz-border-radius: 25px 25px 25px 25px;white-space: normal;  background-color: #e3e3e3; height: 90px; 
padding: 15px 5px 5px; width: 100%px;border-radius: 25px 25px 25px 25px;">
..Your text Here.. </pre>

<pre ,times,serif;="" new="" roman="" style=" border-left: 8px solid #1C86EE;
background-color: #e3e3e3; height: 50px; 
padding: 15px 5px 5px;white-space: normal;  width: 100%px;" >..Your text Here..</pre>

<pre times,serif;="" new="" roman="" style="color: white; border-left: 8px solid #e3e3e3;white-space: normal; 
background-color: #262626; height: 50px; 
padding: 15px 5px 5px; width: 100%px;"> ..Your text Here..</pre>

<pre ,times,serif;="" new="" roman="" style="color:black; border-left: 8px solid #8B0000;
background-color: #EEE685; height: 50px; 
padding: 15px 5px 5px;white-space: normal;  width: 100%px;">..Your text Here.. </pre>

<pre style="color:black; border-left: 16px solid #FFFF00;white-space: normal; 
background-color:#c5c1aa; height: 50px; 
padding: 15px 5px 5px; width: 100%px;-moz-border-radius:30px; ">..Your text Here.. </pre>

Note:

To change background color simply change #262626 to any desired value.
Adjust height: 50px to any desired value.
Replace ..Your Text Here.. with your code that you want to highlight.

How to use these code:-

Click Edit / HTML option of the compose tab.
Paste any of the above code in it.

Finally I want to say that I give my best to produce this article if any one find difficulty in doing this process then comment are always open for that or if you like the above article then don't forget to subscribe it for latest updates.

How to Take Backup Of Blogger Template

2012-02-14T15:33:00.000+05:30

Today I am going to explain you a simple article about the backup of template. Most of the people think that there is no need to take any backup of the template. For this reason I am going to explain you how to take backup of the template ? It is strongly recommend by me or most of the web developer that backup of the template is necessary whenever you are interested to edit it.

Why take backup of template:-

Suppose you don't know HTML, CSS or XML like languages and make some mistake in blogger template without any backup then it will provide a great hesitation to you because there is no way to recover that template again. So backup of the template is the only key to protect template from losses.

How to Take Backup of the Template:-

There are two methods to take backup of the template. We will discuss both two methods here.

Method 1:-

Login to Blogger Dashboard.
Go to Design / Edit HTML.
Click "Download Full Template"

Save file (.xml) in your local computer.

How to restore template from Backup:-

Click "Browse" button and open file saved in step 4.

Hit "upload" button.
And finally you have done.

Method 2:-

Generally this is not a predefined method but this is preferred by most of the Web developer.

Hit "Expand Widget Template".
Select and copy the whole blogger template.

And Paste the whole code in any text editor like notepad or wordpad.

I think this article will definitely helpful for you. If you like the above article then don't forget to subscribe it for latest updates.

Add Post Slide out to Blogger Blog

2012-02-13T12:49:00.000+05:30

It is very cool widget which display different post of the same label when readers reaches at the bottom of the Post. Many popular websites or Blogs like New York Times, Times Of India uses this cool widget. Originally this cool widget is created by Mary Lou, the author of tympanus.net. He uses jQuery and css like languages for this. I download this widget and make some modification in it so that it can run properly on Blogger template.This widget is highly recommend by most of the web developer because it give an invitation to the reader in a very systematic way. So lets to see how to use this widget on Blog?

How to Add Post Slide Out Widget:-

Login to your Blogger Dashboard.
Go to Design / Page Element.
Click "Add a gadget" from sidebar.
Choose HTML / JavaScript.

Paste the following code inside it.

<div id="bpslidein" style="display:none;">

<div class="help">?</div>
<div class="expand">+</div>
<div class="close">X</div>
<p>Recommended for you</p>
<div id="bpslidein_image"></div>
<div  id="bpslidein_title">Loading..</div> </div>
<script>
if(document.location.href.split("/").length==6&&document.location.
href.indexOf(".html")!=-1){if(typeof bp_onload_queue=='undefined')
var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded
=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function')
{function bp_async_loader(src,callback,id)
{var script=document.createElement('script');
script.type="text/javascript"
;script.async=true;script.src=src;script.id=id;
var previous_script=document.getElementById(id);
if(previous_script)if(previous_script.readyS
tate=="loaded"||previous_script.readyState=="complete")
{callback();return}else{script=previous_script}if(script.onload!=null)
previous_callback=script.onload;script.onload=script.
onreadystatechange=function(){var newcallback;
if(previous_script&&previous_callback)newcallback=function()
{previous_callback();callback()};else newcallback=callback;if(bp_dom_loaded)
{newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;
script.onreadystatechange=null};
var head=document.getElementsByTagName('head')[0];if(!previous_script
)head.appendChild(script)}}if(typeof bp_domLoaded!='function')
function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.
length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();
bp_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1
/jquery.min.js",function(){bp_async_loader
("http://recommended-slide-out-for-blogger.googlecode.com
/svn/trunk/bp-out-slide.min.js",function(){},"bp-out-slide")},"jQueryjs")}
</script>

Hit "Save" button.
Now Go to Design / Edit HTML.
Download the full template Before making any changes in it.
Click "Expand Widget Template".
Find ( CTRL+F) following piece of code in template.

<data:post.body/>

Paste the following code just below it.

<b:if cond='data:blog.pageType == "item"'>
<div style='display:none' id='bpslidein_place_holder'></div>
</b:if>

And Paste the following code just above the ]]></b:skin>.

#bpslidein{z-index:5;width:400px;height:100px;padding:10px;
background-color:#fff;
border-top:3px solid #1616F5;
position:fixed;right:-430px;bottom:0;
-moz-box-shadow:-2px 0 5px #aaa;-webkit-box-shadow:-2px 0 5px 
 
#aaa;box-shadow:-2px 0 5px 
#aaa;font-family:Arial, Helvetica, sans-serif;}
#bpslidein p{font-size:11px;text-transform:uppercase;
font-family:Arial,Helvetica,sans-serif;letter-spacing:1px;color:#555;}
#bpslidein_title{color:#555;font-weight:700;font-size:16px;
margin:10px 20px 10px 0;}
#bpslidein a,#bpslidein 
a:hover,#bpslidein_title{text-decoration:none;color:#1616F5;}
#bpslidein .close,#bpslidein .expand,#bpslidein .help
{border:2px solid #EEE;cursor:pointer;color:#9A9AA1;width:13px;
height:15px;padding:2px 0 0 5px;position:absolute;right:10px;
font-size:17px;font-weight:700;
font-family:Arial, Helvetica, sans-serif;font-size:12px;}
#bpslidein .help{right:35px;}
#bpslidein_title,#bpslidein_image{float:left;width:80px;}
#bpslidein_title{width:290px;}

Finally save the template and see the result.

Note:-

For changing the background color simply change background-color: #fff; to any desired value.
Or you can change the title color by changing color:#555; to any desired value.

I make its installation as easy as I can by adopting so much steps. So it is a time to apply this tricks on Blog.If you find any difficulty in doing this process then comments always open for that.

Awesome Facebook Status Trick

2012-02-10T20:52:00.000+05:30

I think there is no need to tell about the Facebook. Facebook gives a way to all user to share their love and feelings with their friends, parents and all other homies. I think all the peoples around the world are socially connected via Facebook. I was very exited when I came across a awesome status trick of Facebook. I made more searches about it to gain more knowledge about it. So lets see how this tricks will work.

What is Facebook Status Trick:-

Whenever you update your status in Facebook it looks as shown in picture below. So in this tutorial I am

going to explain you how you can change via mobile with different words.

Have you seen the result? I simply change mobile to Mom's computer. So lets see how to use this trick.

How to use Facebook status trick:-

Login to your Facebook account.
Now copy the code below and paste it in the address bar.

http://www.facebook.com/connect/prompt_feed.php?preview=true&
api_key=2254487659

Note:- If you are using any proxy site to serf Facebook then url code will look like this.

http://www.Proxy-site.com/connect/prompt_feed.php?preview=true&
api_key=2254487659

Update your current status and click share.

And you will get status updated via Blackberry.

Below is the complete list of API code through which you can change your status with various name.

1. My Bedroom (174811032586879)
2. Your moms computer (132386310127809)
3. Skynet (249284985083592)
4. Blackberry (2254487659)
5. Palm (7081486362)
6. Sidekick (21810043296)
7. Sony Ericsson (38125372145)
8. Xbox LIVE (5747726667)
9. Foursquare (86734274142)
10. Telegram (140881489259157)
11. Morse Code (134929696530963)
12. Message in a Bottle (123903037653697)
13. Mind Computer Interface (121111184600360)
14. eyePhone (110455835670222)
15. Toaster (203192803063920)
16. microwave (0a5266c8844a1b09211e7eb38242ac2f)
17. Strawberry (a4c9fb1708a848c2241674531176209b)
18. The moon (221826277855257)
19. Dr. Pepper (eea90d40e1d12565695dbbbdbd5e965b)
20. iPod Nano (142039005875499)
21. Your Mums Bedroom (5f64bbc9ac2f12b983200925da461322)
22. Refrigerator (250828364944350)
23. Nasa Satellite (31d608d30292175bf7703149699ccb39)
24. Google+ (4d8243dbb7064f88351fe6c809582320)
25. Smoke Signal (134138923334682)
26. The Future (108372819220732)
27. Typewriter (d3d554bf60297cb2c384e3d7cf5a066d)
28. Harry Potter (b8ebeb983f45eaa0bd5f4f66cad97654)
29. Pogo Stick (185103391549701)
30. Sperm Whale (170318539700306)
31. Microsoft Excel (242740155751069)
32. A potato (127926427295267)
33. Banana Phone (1477a4cd29ec724a3de19be5d26e0389)
34. Pip Boy (142806259133078)
35. Post-It Note (115227201900831)
36. Airwolf (123944137696757)
37. Nintendo 64 (236264753062118)
38. Alcohol (250335888312118)
39. Cheese (218791271497130)

Just copy the code within Bracket and paste it to repalce last part of the url
for example:-

For "My Bedroom" , the code will look like this.

http://www.Proxy-site.com/connect/prompt_feed.php?preview=true&
api_key=174811032586879

Now finally it is a time to confused your friends through this trick.
I give my best to produce this article if anyone find any difficulty in doing this process then comments are always open for that or if you like the above article then don't forget to subscribe it for latest updates.

How to Add Blogroll to Blogger Blog

2012-02-08T15:09:00.001+05:30

Before going through this article it is necessary to understand what is Blogroll ? A Blogroll is a list of other sites display on your site's sidebar that you think your reader will like. In other words, with the help of this you can show off your interesting websites to the readers. Even Blogger can't ignore its importance due to this Blogger provide an official Blogroll widget. Blogroll can be set up based on blogger's choice and it can be updated any time. So lets learn how we can add this widget to the Blog.

How to Add Blogroll to Blog :-

Login to Blogger Dashboard.
Go to Design / Page elements.
Hit "Add a gadget" button in the sidebar.

Now customise the option on your need.
And click "Add a blog to your list".

Finally save the template and see the result.

Blogroll are great traffic driving tools. There is a great possibility that reader will reach to your site with Blogroll. And Blogs with many incoming or outgoing links generate high page rank in Google or Technorati which can bring high traffic to your Blog. So it is always advisable to add Blogroll to Blog for readers and for your benefit too.
I give my best to explain this article if anyone find any difficulty in doing this then comments are always open for that or if you like the above article then don't forget to subscribe it for latest updates.

Display Specific Widget/Element on Specific Pages

2012-02-06T16:09:00.000+05:30

Blogger provide a large number of widgets to the readers. If you are interested to show specific widgets on specific pages of the Blog then you can easily do it by making a small modification in Blogger Template. When you use large number of widgets on the page that will slow down your Blog loading time due to this I am sharing this tutorial to avoid that problem.

How many types of Pages in Blogger:-

Generally Blogger provide seven type of page type to the readers but here we will discuss only the important one for you.

Item page:- The individual Post Pages of the Blog are called Item page. eg. http://internetricks4u.blogspot.in/2012/02/remove-home-newer-post-and-older-post.html the page, link to this url is Item Page.
Index Page:- The Home Page of the Blog is called index page.
Archive Page:-It is the Archive page of the Blog. eg.http://internetricks4u.blogspot.in/search?updated-min=2011-01-01T00:00:00%2B05:30&updated-max=2012-01-01T00:00:00%2B05:30&max-results=50 Page link to this url is Archive Page.
Static Page:-Stand-alone pages of the blog are called Static Page, Contact Me, About us pages are of this type.

How to Display specific widget:-

As you can see from the following I add blinking pink part in this code to display it on index page.

<b:widget id='HTML3' locked='True' title=' Any Gadget Name ' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == 'index"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>
</b:widget>

If you apply this code in template then this widget will only display on the index page or you can also use

<b:if cond='data:blog.pageType == "item"'>.........</b:if> to display this widget only on the Post Pages.
<b:if cond='data:blog.pageType == "static_page"'>.........</b:if> to display only on the Static Pages.
<b:if cond='data:blog.pageType == "archive"'>.........</b:if> to display widget only on archive pages.

lets's take another example -

<b:includable id='postQuickEdit' var='post'>

<b:if cond='data:post.editUrl'>

   <span expr:class='"item-control " + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>

</b:if>

</b:includable>
If you want to show this element only Post Pages then make the following changes in it.

<b:includable id='postQuickEdit' var='post'>

<b:if cond='data:blog.pageType =='item''>

<b:if cond='data:post.editUrl'>

   <span expr:class='"item-control " + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>

</b:if>

</b:if>

</b:includable>
I give my best to produce this article but if any one find any difficulty then comments are always open for that.

Remove Home, Newer Post And Older Post

2012-02-04T15:33:00.000+05:30

You often see Home, Newer Post and Older Post links below every post of the Blog. These links are very useful as they provide a linkage between the two pages but most of the people don't like these links. For this reason I am sharing a article to easily remove (How to customize these links) these links by modifying the template code. Or if you don't like the name of these links (Home, Newer Post, Older Post) you can change it into any name depending upon the choice. So lets see how it would be done.

How to remove Home, Newer Post And Older Post:-

Login to Blogger Dashboard.
Go to Edit HTML/Design.
Download full template before making any changes in it.
Click "Expand Widget Template".

Now Find blog-pager-newer-link in template.
You will get the following piece of code.

#blog-pager-newer-link {
float: $startSide;
margin-left:2%;

}

#blog-pager-older-link {
float: $endSide;
margin-right:2%;
}

#blog-pager {
text-align: center;
}

And change it into the following code.

#blog-pager-newer-link

{
float: $startSide;
margin-left: 2%;

display: none;
}

#blog-pager-older-link {
float: $endSide;
margin-right: 2%;

display:none;
}

#blog-pager

{
text-align: center;

display:none;

}

Finally save the template and see the result.

Note:- One thing should be kept in mind that it is not good practice to remove these links from blog as they provide great hesitation to your readers.
If find any difficulty in placing the code then comment are always open for that or If you like the above article then don't forget to subscribe it for latest updates.

How to Customize Blogger Comment Form

2012-01-23T16:17:00.000+05:30

One of the major drawback of Blogger is very much related to its template. The official Blogger template have not creative appearance as in Wordpress. So by going through this tutorial you can make your template to look more professional by modifying its comment form. Generally most of the people find difficulty in customising the odd look of Blogger comment form due to this their comment form doesn’t attract visitors by its appearance. So today I am going to explain you how you can customise the odd look of your Blogger comment form using css.

How to Modify Blogger Comment Form:-

Login to Blogger Dashboard.
Go to Design / Edit HTML.
Click "Expand Widget Templates".
Download full template before making any changes in it.

Search (ctrl+f) ]]></b:skin> in template.
Paste ( Place) the following code just above (before) it.

/* code written by internetricks4u.blogspot.com */
#bit-form iframe
     {background:#ffffff url (IMAGE LINK ) repeat;
       border: 1px solid #ddd;
       padding:5px;
      -moz-border-radius:6px;
       -webkit-border-radius:6px;
   border-radius:6px;

      box-shadow:5px 5px 5px #cccccc;
     font: normal 12pt "ms sans serif " , Arial;
     width:560;
     color:#2f97ff;
     height:213px;
    }
#bit-form a
     {
      color:#fff;
     }

Note:-

Replace (IMAGE LINK ) with any of the background pattern that you want to display just behind the comment form.
To change the color of "comment as", simply change #2f97ff with any hexadecimal color code ( for complete list of hexadecimal color code click here ).

That's all, I think this tutorial will definitely help you to make your template more professional. If you like the above article then don't forget to subscribe it for latest updates.

Cool Google Search Bar for Blogger

2012-01-22T15:39:00.000+05:30

You can easily see this cool widget in Google homepage. It uses CSS to increase its appearance and jQuery to include X mark. When you type any text into the search field an X mark appears in the right side of the search field that can be clicked to remove the entire text.This fantastic code is written by Syung Hong who is the owner of divology.com. I download the entire code and make some changes to ready it for Blogger. so lets start to add this widget on the Blog.

How to Add Google Search Bar:

Login to Blogger Dashboard.
Go to Edit HTML / Design.
Click "Expand Widget Templates".
Download full template before making changes in it.

Search (ctrl+ F) ]]></b:skin> in blogger template.
And paste the following code just above it.

/*Start Css For Google Style Search Box by internetricks4u.blogspot.com/*/

/* div container containing the form */
#searchContainer {
margin:20px;
}

/* Style the search input field. */
#field {
float:left;

width:200px;

height:27px;
line-height:27px;
text-indent:10px;
font-family:arial, sans-serif;
font-size:1em;
color:#333;
background: #fff;
border:solid 1px #d9d9d9;
border-top:solid 1px #c0c0c0;
border-right:none;
}

/* Style the "X" text button next to the search input field */
#delete {
float:left;
width:16px;
height:29px;
line-height:27px;
margin-right:15px;
padding:0 10px 0 10px;
font-family: "Lucida Sans", "Lucida Sans Unicode",sans-serif;
font-size:22px;
background: #fff;
border:solid 1px #d9d9d9;
border-top:solid 1px #c0c0c0;
border-left:none;
}
/* Set default state of "X" and hide it */
#delete #x {
color:#A1B9ED;
cursor:pointer;
display:none;
}
/* Set the hover state of "X" */
#delete #x:hover {
color:#36c;
}
/* Syle the search button. Settings of line-height, font-size, text-indent used to hide submit value in IE */
#submit {
cursor:pointer;
width:70px;
height: 31px;
line-height:0;
font-size:0;
text-indent:-999px;
color: transparent;
background: url(http://4.bp.blogspot.com/-GX7E4j3jwR0/ThMXKjuQ9VI/AAAAAAAAEsE/rJE5Ip1qDEg/s1600/ico-search.png) no-repeat #4d90fe center;
border: 1px solid #3079ED;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
/* Style the search button hover state */
#submit:hover {
background: url(http://4.bp.blogspot.com/-GX7E4j3jwR0/ThMXKjuQ9VI/AAAAAAAAEsE/rJE5Ip1qDEg/s1600/ico-search.png) no-repeat center #357AE8;
border: 1px solid #2F5BB7;
}
/* Clear floats */
.fclear {clear:both}

Find </head> in template.
Place following code just above it.

Save your Template, we have done to style the search bar.
Now under Design, Choose "Add a Gadget" / HTML JavaScript.

And paste the following HTML code inside it.

Note:- You can change the width of text field by changing width:200px to any desired value.
That's it, finally you have done with this cool widget.If you like above article then don't forget to subscribe it for latest updates.

Make First Letter Of Post Large In Blogger

2012-01-21T15:27:00.000+05:30

Most of the magazines and newspapers uses this popular effect by increasing the size of the first letter of the Paragraph.Also you can see it in many blogs and websites.Most of the people also called it drop cap or newspaper effect. It provides an attractive look to your reader about the content. If you are also want to apply it on your Blog then you have to edit Blogger Template and add a small CSS code inside it then every first letter of post will automatically increase .You can even change the color,font and size of the first letter.So lets start to add this widget on the Blog.

How to Make First Letter Large:-

Login to your Blogger Dashboard.
Go to Edit HTML / Design.
Backup your Template, it is very necessary.
Click "Expand Widget Templates".
Find ]]></b:skin> (ctrl+f) in Blogger template.
Paste the following code directly above it.

/* widget created by internetricks4u.blogspot.com */p:first-letter {
display:block;
margin:5px 0 0 5px;
float:left;

color:#0033CC;

font-size:60px;

font-family:Georgia;

}

Finally save your Template.

Note:-

To change the color of first letter simply change #0033CC.
To increase or decrease the size change 60px.
To change the font simply change Georgia.

That's it now you have done with this cool suff. Some people feel some trouble in Placing the code if you are one of these then make comments I will definitely launch you soon or if you like the above article then don't forget to subscribe it for latest updates.

List Of All Blog directories

2012-01-19T12:04:00.001+05:30

Submitting your Blog to Blog directories is best practice to get a traffic on the new Blog.There are plenty of Blog directories that allows free submission. If you have a Blog and you have worked hard in creating good content then it is a time to submit it to Blog directories due to this I am sharing a complete list of Blog Directories.

All Blog Directories:-

Ablogin
Allforblog
Alltop
Birminghambloggers
Blloggs
Blog.com
Blogaz
Blogbunch blog+rss
BlogCatalog
Blog-collector blog+rss
Blogs-collection
Blogdigger
Blogdire
Blogdirectory
Blog-directory
Blogdirectorysubmission
Blogdir
BlogDirs
Blogdirectory.ws
Blogexplosion
Blogfinds
Blogflux
Blogfolders
Blogged
Bloggapedia blog+rss
Bloggerhq
Bloggernity
Bloggerschoiceawards
Bloghub
Blogginglist
Bloghints
Blogintro
Bloglines blog+rss
Bloglisting
Bloggernow
Blogoculars
Blogotion
BlogoWogo
Blogpopular
BlogPulse blog+rss
Blogrankings
BlogRateDirectory
BlogRollCenter blog + RSS
Blogs.com
Blogscanada
Blogsranker
Blogsrater
Blogsearch
Blogsearchengine
Blogsitelist
Blogsthatfollow
Blogs.urlz
Blogtoplist
Bloguniverse
Blogville
Blogz
Blurt It
BOTW Blog Directory
Britblog
Buzzerhut
Chordata Blog+Rss
Christiansunite
Ckalari
Conseillemoi
Crayon
Delightfulblogs
Demand Media Studios
DirectoryBlogs
Dmoz
Drool.net
EZE
Ezilon
Feedmap blog+rss
Feednuts blog+rss
Feedplex blog+rss
Flookie
FuelMyBlog blog + RSS
FyberSearch
Getblogs
Globeofblogs
Goblog4i
Google
Gozoof
Grokodile
Icerocket
Info-listings
Leighrss
Liquida
Loaded Web
LSBlogs
Million Blogs Online
Minnesota blog+rss
Mozdex
Mvblogs
Myblog2u
Myblogdirectory
Nycbloggers
Ontoplist blog+rss
Photarium
Photo Blog Directory
PlanetUSA
PuppyURL
Quickblogdirectory
Readablog
Rateitall
Regator
Roask
SmallBusiness.com
Spicypage
Sports
Sportsblogs
Submitblognow
Technorati
Theseoking
TheVital
Topblogarea
TopBlogging blog + RSS
Topsiteswebdirectory
Totalblogdirectory
Ubdaily
Weblogs.com
Webloogle
Websandiego
Webworldindex
WordPress
Yahoo local
Yahoo.com
Zimbo blog+rss

Directories that have Fee or Need Reciprocal Link

A1Weblinks reciprocal or $$$
AddYourBlog.Com reciprocal link required
Aviva Fee
Biggerblogger Fee
Blogs All Over the World reciprocal link required
Blogarama Fee
BlogDirectory.org.uk Fee
Bloggeries Fee
Blogging Fusion Fee
Blogsrating Reciprocal
BlogZoop reciprocal link required
Bulletize Fee
EatonWeb Fee
Everything Directory for Blogs reciprocal link required
IBlog Business Directory fee
Kahuki Fee
LazyBlogDirectory Fee
Portal.eatonweb Fee
Search 4 Blog Fee
Small Business Blog Dir Fee
Society of Socialpreneurs reciprocal link required
Spillbean Reciprocal or Fee
TopWeblogDirectory reciprocal link required or Fee
Wilsdomain Reciprocal
Wutzle reciprocal link required
Blogsrating Reciprocal

Multi-Ping-Services
Feedshark
Pingomatic

RSS
4guysfromrolla
5z5.com
9rules.com
Allheadlinenews
Anatech.NET
Automotive-links
Blogdigger
Blo.gs
Chordata Blog+Rss
Crayon Blog+Rss
Educational-feeds
Feedagg
Feedage
Feed Burner
Feedcat
FeedoOyoo Fee
Free RSS and Link Directory
RSSFeeds.org
Rssfeeddirectory
Feedest
Feedgy
FeedListing
Feedmailer
Feedplex
Feedsee
Feeds4all
Finance-investing
Gabbr
Goldenfeed
Icerocket Blog+Rss
Itsmynews
Jordomedia
Keegy
Leighrss
Medical-feeds
Medworm
Millionrss
Moneyhighstreet
MyMSN RSS Directory submi feed to ‘search’ for content
News-feeds
NGOID News Network
Oobdoo
Paiddirectory
Plazoo
Postami Fee
Political-humor
Rapidfeeds
RDFTicker
ReadAblog
Redtram
Rssbuffet
RSSChomp
Rssfeeds
Rssmicro
Rssmountain
Rssmotron
Rssroot
Rsstop10
Rubhub
Solarwarp
Swoogle
Topix
Twingly
Urlfan
Wingee
Xmeta

Foreign RSS Feeds
Eintragen
Linkfeed
Rssfeeds
Rssland
Overskrift
Verzeichnis
Zooka.dk

Share is Sexy widget for Blogger in Wordpress Style

2012-01-17T16:56:00.000+05:30

You often see a Share is Sexy widget in Post footer of many Wordpress Blog. It has a very cool appearence and make Blog to look more professional, when I came across this widget it is compatible with wordpress only so I download this Widget and change its compatibility with Blogger. We used CSS to improve its appearance or JavaScript. Now lets start to add this on the Blog.

How to Add Share sexy widget to Blogger:-

In Blogger Account Go to Design / Edit HTML.
Backup the template, it is very necessary.
Click "Expand Widget Templates".

Find </head> in Blogger Template.
Place (Paste) the following code just above </head> section.

Now find <data:post.body/> in blogger HTML.
And place the following code just below it.

<b:if cond='data:blog.pageType == "item"'>
<div class='sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-bg-love' style='margin:20px 0 0 0 !important; padding:25px 0 0 10px !important; height:29px;/*the height of the icons (29px)*/ display:block !important; clear:both !important;'>
<ul class='socials'>
<li class='sexy-delicious'><a class='external' expr:href='"http://del.icio.us/post?url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on del.icio.us'>Share this on del.icio.us</a></li>
<li class='sexy-digg'><a class='external' expr:href='"http://digg.com/submit?phase=2&url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Digg this!'>Digg this!</a></li>
<li class='sexy-stumbleupon'><a class='external' expr:href='"http://www.stumbleupon.com/submit?url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'>Stumble upon something good? Share it on StumbleUpon</a></li>
<li class='sexy-reddit'><a class='external' expr:href='"http://reddit.com/submit?url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on Reddit'>Share this on Reddit</a></li>
<li class='sexy-google'><a class='external' expr:href='"http://www.google.com/bookmarks/mark?op=add&bkmk="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Add this to Google Bookmarks'>Add this to Google Bookmarks</a></li>
<li class='sexy-twitter'><a class='external' expr:href='"http://twitter.com/home?status=Reading: " + data:blog.title + " - " + data:post.url + " (@NAME)"' rel='nofollow' title='Tweet This!'>Tweet This!</a></li>
<li class='sexy-facebook'><a class='external' expr:href='"http://www.facebook.com/share.php?u="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on Facebook'>Share this on Facebook</a></li>
<li class='sexy-mixx'><a class='external' expr:href='"http://www.mixx.com/submit?page_url=" + data:post.url' rel='nofollow' title='Share this on Mixx'>Share this on Mixx</a></li>
<li class='sexy-comfeed'><a class='external' expr:href='data:blog.homepageUrl + "feeds/posts/default"' rel='nofollow' title='Subscribe'>Subscribe</a></li>
<li class='sexy-yahoobuzz'><a class='external' expr:href='"http://buzz.yahoo.com/submit/?submitUrl=" + data:post.url' rel='nofollow' title='Buzz up!'>Buzz up!</a></li>
<li class='sexy-linkedin'><a class='external' expr:href='"http://www.linkedin.com/shareArticle?mini=true&url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on Linkedin'>Share this on Linkedin</a></li>
<li class='sexy-designfloat'><a class='external' expr:href='"http://www.designfloat.com/submit.php?url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Submit this to DesignFloat'>Submit this to DesignFloat</a></li>
<li class='sexy-technorati'><a class='external' expr:href='"http://technorati.com/faves?add="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on Technorati'>Share this on Technorati</a></li>
<li class='sexy-scriptstyle'><a class='external' expr:href='"http://scriptandstyle.com/submit?url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Submit this to Script & Style'>Submit this to Script & Style</a></li>
<li class='sexy-myspace'><a class='external' expr:href='"http://www.myspace.com/Modules/PostTo/Pages/?u=http"+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Post this to MySpace'>Post this to MySpace</a></li>
<li class='sexy-blinklist'><a class='external' expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on Blinklist'>Share this on Blinklist</a></li>
<li class='sexy-friendfeed'><a class='external' expr:href='"http://friendfeed.com/?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on FriendFeed'>Share this on FriendFeed</a></li>
<li class='sexy-newsvine'><a class='external' expr:href='"http://www.newsvine.com/_tools/seed&save?u="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Seed this on Newsvine'>Seed this on Newsvine</a></li>
</ul><div style='clear:both;'/></div>
</b:if>

Finally you have done with this cool widget.If you like this article then don't forget to subscribe it for latest updates.

How to Add Modify Feedburner Recent Post Widget

2012-01-15T15:43:00.000+05:30

As we know Feedburner always helped bloggers and web designers with their variety of services like Email subscription, Rss reader, Recent comment, Recent Posts and so on. You must have seen a Recent Post widget on the either sidebar. This widget helps to increase the Blog traffic by reducing the bounce rate. You can easily add Recent Post widget to Blog by two methods one by using JavaScipt and other using Feedburner. Most of the user preferred feedburner because there is a lots of advantage in using it as it provides an professional look to the Blog or takes a very little time to load. So lets start to add this widget to Blog.

How to add Feedburner Recent Post Widget:-

Sign in feedburner using your Google account.
And make changes as shown in figures.

You can change these value on your need.
Hit "Activate" button at the bottom.
Choose "Blogger" as option and then press "Go".

Finally click "Add a Gadget".

By default the widget includes a credit at footer. Many user

don't want this on the footer so I make an adjustment through which you can easily remove this by making some changes in the code.

How to Modify Feedburner Recent Post Widget:-

Add the following css code in code which are used in step 6.

    <style>
    /* Removes Buzzboost Logo (MBT) */

    div #creditfooter{
    display: none;
    }
    </style>

Note: your new code will look like this

Finally I want to say that If you find difficulty in placing code then comments are always open for that.or if you like the above article don't forget to subscribe it for latest updates.

Enable Threaded Comments For Blogger

2012-01-14T00:45:00.000+05:30

Blogger has recently announced threaded commenting feature to all official BlogSpot templates. Now your reader can easily differentiate whether someone is making a general comment or responding to some other comment or feel more freedom to post a fresh comment or to reply a existing comment. It makes your comment form very attractive and provide an attractive look to your Blog.

How to Enable Blogger Threaded Commenting Option :-

Make sure you have enabled Blogger commenting feature.
Then In Blogger Dashboard, Go to Settings / Site Feed.
Set Blog Feeds as shown in fig.

Click "SAVE SETTINGS.

Enable Embedded Comments:-

You must embed comments below each post of your Blog under Settings / Comments.

Now hit save and take a look to your Blog then you will get threaded comments below every post of the Blog.

Note:- If after doing all this process, you don't get threaded comment then you have customised template or you can easily fix this error by making some changes in Template lets see how ?

Go to Design / Edit HTML.
Backup your template before making any changes in it.
Find the following code.

<b:include data='post' name='comments'/>

And replace the above code everywhere in template with the following code.

<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>

Finally Save Template and.

If any reader find any difficulty in placing the code then comments are always open for that. I give my best to produce this article so if you like this article then don't forget to subscribe it for latest updates.

Sexy Drop Down Menu For Blogger Blog

2012-01-12T15:50:00.001+05:30

This widget is simple, cool with a fantastic appearance and the advantage of this widget are it doesn't contain any jQuery or JavaScript like language. It loaded very fast as it contain no images. This amazing drop down menu is created by Catalin Rosu. I am sharing a modified version which will work perfectly with Blogger. It is really a cool widget which will give an creative and professional look to your Blog. I make its installation easy to every user so seat back smoothly and see the changes.

How to Add Drop Down Menu :-

In Blogger Dashboard Go to Edit HTML / Design.
Click on "Add a Gadget".
Choose HTML / JavaScript widget.
Paste the Following code inside it.

Click Save and Enjoy.

More Drop Down Menu :-

If find any difficulty in placing the code then make comment I will launch you soon...

Optimize Images and Increase Blog Traffic

2012-01-08T23:35:00.000+05:30

This article will explain you how you can optimize images before uploading it to Internet. Generally we don't optimize images before uploading it to Internet or Blog as needed. Optimizing images should be done when talk about the SEO (Search Engine Optimization). When we download images, they mostly saved with very odd names and we don't take any interest in modifying the name. So you should always consider two things when uploading images to Internet these are proper use of alt tag and image name should be change with proper keyword. Let me explain..

Change Image Name with Keyword:-

When we download Images from Internet, Generally they save in local drive with very odd name like untitled.jpeg or images1.jpeg. So change these names with appropriate keywords is always helpful. For ex. If I want to add image12 or untitled in this article then definitely I will change these name with those words which describe the content called Keywords so I will change to image SEO.jpeg or optimize image.jpeg.

Use alt attribute:-

If by any compatibility reason your browser unable to show Image then the text within alt tag will display. Hence whenever you upload any image to internet always use alt attribute with src tag to describe more about the Image to Search engines. ex.

Simply add alt="IMAGE DESCRIPTION HERE" attribute just after src as clearly shown in figure.
At last, I made this tutorial as simple as I can instead If anyone find any difficulty in doing this then make comment I will launch you soon.

Mashable Sharing Widget For Blogger

2012-01-07T14:50:00.000+05:30

The Name of Mashable comes in Top 10 Blogs. It is always a source of Inspiration for the Beginner user. I came across a Widget created by inspiredmagz and named it as Mashable Social Bar. We download this widget and change its compatibility from Wordpress to Blogger so that Blogger user can also use this widget. This widget contains Facebook Fan Page, Google+ Page, twitter follow button and E-mail subscription box. I make its installation easier to every user by this tutorial. So lets start to add this widget to the Blog.

How to Add Mashable Sharing Widget:-

login to Blogger Dashboard and choose Design.
Under Design option select "Add a Gadget".
Choose HTML / JavaScipt widget.
Paste the following code inside it.

#other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-linkedin a, #other-social-bar .other-follow li.my-gplus a{
text-decoration:none;
}

#other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-linkedin a:hover, #other-social-bar .other-follow li.my-gplus a:hover{
text-decoration:underline;
}

#other-social-bar .other-follow li.my-linkedin {
    background: url('http://4.bp.blogspot.com/-ht4UMG88lvM/TwHZFFgc-1I/AAAAAAAAFvs/BBmINSJhUsk/s400/linkedin-16x16.png') no-repeat transparent;
    line-height: 1;
    padding: 0px 3px 1px 20px;
    width: 60px;
    margin-bottom:0px;}
#other-social-bar .other-follow li.my-gplus {
    background: url(http://4.bp.blogspot.com/-cC729VpBxrk/TwHZE71ZgoI/AAAAAAAAFvk/_UMyIgA8vj8/s400/gplus-16x16.png) no-repeat transparent;
    line-height: 1;
    width: 60px;
    padding: 0px 3px 1px 20px;
    margin-bottom:0px;}

</style>

<!--[if IE]>

<![endif]-->

<div style="margin-bottom:10px;"> <div id="MBT-mashable-bar" >  <div class="fb-likebox">  <iframe src="//www.facebook.com/plugins/like.php?href=http://facebook.com/bloggertricks&send=false&layout=standard& width=200px&show_faces=true&action=like&colorscheme=light&

font&height=100px&appId=234513819928295" scrolling="no" frameborder="0" style="border:none; overflow:hidden; "></iframe> </div> <div class="googleplus">  <span>Recommend us on Google!</span><div class="g-plusone" data-size="medium"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> </div> <div class="twitter">  <iframe title="" style="width: 300px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&

align=&button=blue&id=twitter_tweet_button_0&

lang=en&link_color=&screen_name=internetricks4u&show_count=&

show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div> <div id="email-news-subscribe">  <div class="email-box">

</div> </div> <div id="other-social-bar">  <ul class="other-follow"> <li class="my-rss"> <a rel="nofollow" title="RSS" href="http://feeds.feedburner.com/tntbystc" target="_blank">RSS Feed</a> </li> <li class="my-linkedin"> <a rel="nofollow" title="linkedin" rel="author" href="LINKEDIN PROFILE LINK" target="_blank">linkedin</a> </li> <li class="my-gplus"> <a rel="nofollow" title="Google Plus" rel="author" href="http://plus.google.com/44448117245314564536" target="_blank">Google Plus</a> </li> </ul> </div> <div id="mashable" style="background: #EBEBEB;border: 1px solid #CCC;border-top: 1px solid white;padding: 1px 8px 1px 3px;text-align: right;border-image: initial;font-size:10px;font-family: "arial","helvetica",sans-serif;"> <span class="author-credit" style="font-family: Arial, Helvetica, sans-serif;"><a href="http://www.internetricks4u.blogspot.com" target="_blank" >Blogger Widgets »</a></span></div></div>

</div>

Also make these important changes in it :

Replace bloggertricks with your Facebook username.
Replace internetricks4u with your twitter username.
Replace tntbystc with your feedburner tittle.
Replace http://feeds.feedburner.com/tntbystc with your feedburner link.
Replace LINKEDIN PROFILE LINK with your Linkdin profile link.
Finally save changes and see the result.

Very Sexy Share Button Below Every Post

2012-01-03T00:02:00.002+05:30

This widget is very popular today, you often see this widget just below the post title of Blogs. It includes popular social networking buttons like Twitter, Facebook like, Google +1 and StumbleUpon. You can easily customize background color and overall look of the widget. It has a great importance in boosting your Blog traffic.So lets start to add this gorgeous share button to the Blog.

Add Social Sharing Button below Post :-

Go to Blogger Dashboard / Edit HTML.
Backup your Template, it is very necessary.
Click "Expand Widget Templates".
Then search for <data:post.body/>.
Paste the following code just above it.

<b:if cond='data:blog.pageType == "item"'> <div style='background:#FEE6E6; border:1px solid #ddd; -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; padding:5px; box-shadow: 3px 3px 3px #CCCCCC;'> <table border='0'> <tr>

<div class='addthis_toolbox addthis_default_style '> <a class='addthis_counter addthis_pill_style'/> </div> <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4de3b2d654f56f28' type='text/javascript'/> <script type='text/javascript'> var addthis_config = { ui_cobrand: "MY BLOGGER TRICKS", ui_header_color: "#ffffff", ui_header_background: "#0080FF" } </script>

</td> </tr> </table></div> </b:if><br/>

To Change the Background color of the container simply change #FEE6E6;. If find any difficulty then make comment I will launch you shortly.

How to Copy text From Image

2011-12-10T15:44:00.000+05:30

Text from the web can copied easily by dragging mouse over the text and select copy function but this become little bit tricky when talk about the Images, may be of any type like PNG, JPEG etc.How many times it happens that you want some text from scanned Images or other Pictures? I am sure it wont be less than ten times. Generally when we require text from Image file we simply type the whole text, this seems to be the only option we have. But there are large number of softwares and small tool available on the Internet that works on OCR ( Optical Character Recognition ) which can easily capture your desired text from Image file accurately. Most popular software that fall in this category is Microsoft Office OneNote.

How to Copy Text With Microsoft Office OneNote -

Download a fresh copy of Microsoft Office OneNote from here.
Install it in your local drive
Execute the Program.

Open Image in Microsoft Office OneNote.
Now select the entire image by CTRL+A and right click on the image.
Choose "Copy Text from Picture" option.

Now paste your text in Notepad and enjoy.

Beside Microsoft Office OneNote there are also some software available on the Internet Which can perform the similar task. JOCR is a freeware software which also used for the same task. So Now you can easily extract your favorite text from picture file by Microsoft Office OneNote or JOCR.

Still find difficulty in this process then comments are always open for that.

How to Add Table to Blogger Blog Post

2011-12-03T15:38:00.000+05:30

Currently it is not possible to add table in Blogger post through compose tab because blogger doesn't provide that option. If any one want to add table in blogger blog then it can be added by adding HTML code in HTML body of Blog post.

Lets start adding table in Blog.

         <table border=1>
         <tr>
                   <th>Table heading 1</th>
   <th>Table heading 2</th>
<th>Table heading 3</th>
   </tr>

         <tr>
                   <td>Row 1 Data 1</td>
                   <td>Row 1 Data 2</td>
                   <td>Row 1 Data 3</td>
</tr>
        <tr>
                   <td>Row 2 Data 1</td>
                   <td>Row 2 Data 2</td>
                   <td>Row 2 Data 3</td>
</tr>
</table>

As you can see through the HTML programming there are three <tr> tag which defines three rows of the table and <th> tag defines table heading wheres <td> defines table data of the table and border=1 defines the border width. Forth row may be easily inserted in it by adding the following code.

<table border=1>
         <tr>
                   <th>Table heading 1</th>
   <th>Table heading 2</th>
<th>Table heading 3</th>
   </tr>
         <tr>
                   <td>Row 1 Data 1</td>
                   <td>Row 1 Data 2</td>
                   <td>Row 1 Data 3</td>
</tr>
        <tr>
                   <td>Row 2 Data 1</td>
                   <td>Row 2 Data 2</td>
                   <td>Row 2 Data 3</td>
</tr>
<tr>

</tr>

</table>

How to Add HTMl code to Post:

In blogger dashboard.
Create a New post.
And Paste the HTML code in Edit HTML page.

So you seen that how easily one can easily add a table to post without any knowledge of HTML. If anyone find difficulty in placing the HTML code then comments are always open for that.

How to Add Poll to Blogger Blog

2011-11-26T16:14:00.000+05:30

A Poll allows your readers to cast their opinion or suggestion based on the any subject or topic. It gives an apportion to find which content is useful for a particular subject or you can take suggestion from readers about any topic you want. I think it is a fun way for your readers to become more interactive with your Blog. Indirectly it can increase the traffic flow and gives an opportunity to make new friends.Or you can indirectly make a survey about any topic by this widget. So let's start to add this useful widget to the Blog.

How to Add Poll to Blog -

Login to your Blogger Dashboard.
Go to Design / Edit HTML.
Click " Add a Gadget " and choose " Poll ".from the widget list.

In first Question Box, Enter the question which is to be asked.
Provide option for the readers by entering option in " Answers " Box.
You can also add poll's closing date and time.
The result will look like this in your Blog.

Now I think you can easily clear your doubt by serving your question with your readers. There are some website also which gives you the opportunity to add poll to the Blog, website for this are Addpoll. These website generally provide a customize poll which looks very professional.

So at last if anyone find any difficulty in adding poll or its customization then make comment I will launch you as soon as possible.

Customize your Blogger Template Easily

2011-11-22T11:33:00.000+05:30

Today I am very exited because as I am going to take you inside Blogger template and sharing some nice and useful tips through which you can get more command over your Blogger Template. So in this article mainly I will tell you about Important Data Tags used by blogger to display selective content on your Blog. You can change this Data Tags as your need, once you go through this article.

These Data Tags will be formatted as <data:name/> or <data:name1:name2/>, where name is the particle type of data that you want to use in your Template.

Globally available Data : Means you an use these Data Tags anywhere in the template.

data:title: Display the title of the Blog.
data:url: Contain url of the Blog.
data:pageType: Contain the Page type of the Blog. ex.

<b:if cond='data:pageType=="item"> The code will execute only if the current page is item page.

Blog Posts : It contain the following Data Type.

data:label:name: It will Display the label text.
data:label:url: The URL of the page that contain all posts in this blog under this label.
data:label:isLast: Gives only True or False. Check whether this label is last one in this list.
data:allowComments: True if the post allow comment.
data:numComments: The number of comment in this post.

I think by going through this article you can modify your template to very much extent. But if you find any difficulty in modifying the template then make Comment I will definitely help you.

Easily Change Read More Text

2011-11-19T16:08:00.003+05:30

Read More or Jump Link, as a name suggest it is used to display a selected amount of text starts from the beginning of each post on the front page of your Blog. So when reader want to read full post they can click "Read more" icon to see the full post. Through this readers go through many article easily. Hence there are many advantage in using "Read more " . So in this article mainly I am going to explain you "How to Change Read more text easily".

   1.Login to your Blogger Dashboard.
     2.Go to Design / Edit HTML.
     3.Click "Expand Widget Templates".
     4.Download the full template before making any change in template.
     5.Now search for this code.

<data:post.body/>

      6.Below it ,there will be a code like this.

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

How toChange Read more text :-

If you want to change the text of Read more text then simply change <data:post.jumpText/> to that text which you want to use in place of Read more i.e ( Continue , More etc. ) for example.

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'>Continue</a>
</div>
</b:if>

So now you can easily change your Read More text without nay much understanding of HTML and CSS.
If someone find any difficulty in placing or modifying the code then make comment I will launch you shortly. Valuable suggestion are always appreciable from the readers.

Create a Drop down Menu in Facebook Style

2011-11-17T16:00:00.000+05:30

Previously, I had shared a article about the drop down menu, the complete article can be read from here. But now I am very glad to introduce the tutorial which is same as the drop down menu but in Facebook Style. Background color and text color can be easily change by your preference. It is also contain sub drop down menu which make it more professional. So now ready to organize your pages more beautifully. So lets start to add this gorgeous drop down menu in the template.

1.Login to Blogger Dashboard.

2.Go to Design / Page Element.

3.Add HTML / JavaScript widget.

4.Place following code within it.

<style>

#bitnavbar {
    background: #3B5998;
    width: 100%;

    color: #FFF;
        margin: 10px 0;
        padding: 0;
        position: relative;
        border-top:0px solid #960100;
        height:35px;
}

#bitnav {
    margin: 0;
    padding: 0;
}
#bitnav ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#bitnav li {
    list-style: none;
    margin: 0;
    padding: 0;

}
#bitnav li a, #bitnav li a:link, #bitnav li a:visited {
    color: #FFF;
    display: block;
   font:bold 12px Helvetica, sans-serif;
   margin: 0;
    padding: 9px 12px 11px 12px;
        text-decoration: none;
        border-right:0px solid #627AAD;
}
#bitnav li a:hover, #bitnav li a:active {
    background: #627AAD;
    color: #FFF;
    display: block;
    text-decoration: none;
        margin: 0;
    padding: 9px 12px 11px 12px;



}
#bitnav li {
    float: left;
    padding: 0;
}
#bitnav li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 160px;
    margin: 0;
    padding: 0;
}
#bitnav li ul a {
    width: 140px;
}
#bitnav li ul ul {
    margin: -25px 0 0 161px;
}
#bitnav li:hover ul ul, #bitnav li:hover ul ul ul, #bitnav li.sfhover ul ul, #bitnav li.sfhover ul ul ul {
    left: -999em;
}
#bitnav li:hover ul, #bitnav li li:hover ul, #bitnav li li li:hover ul, #bitnav li.sfhover ul, #bitnav li li.sfhover ul, #bitnav li li li.sfhover ul {
    left: auto;
}
#bitnav li:hover, #bitnav li.sfhover {
    position: static;
}
#bitnav li li a, #bitnav li li a:link, #bitnav li li a:visited {
    background: #EDEFF4;
    width: 120px;
    color: #3B5998;
    display: block;
    font:normal 12px Helvetica, sans-serif;
    margin: 1px 0 0 0;
    padding: 9px 12px 10px 12px;
        text-decoration: none;
z-index:9999;
border:1px solid #ddd;
-moz-border-radius:4px;
-webkit-border-radius:4px;

}
#bitnav li li a:hover, #bitnav li li a:active {
    background: #627AAD;
    color: #FFF;
    display: block;

}

#bitnav li li li a, #bitnav li li li a:link, #bitnav li li li a:visited {
    background: #EDEFF4;
    width: 120px;
    color: #3B5998;
    display: block;
    font:normal 12px Helvetica, sans-serif;
    padding: 9px 12px 10px 12px;
        text-decoration: none;
z-index:9999;
border:1px solid #ddd;
    margin: 1px 0 0 -14px;


}
#bitnav li li li a:hover, #bitnav li li li a:active {
    background: #627AAD;
    color: #FFF;
    display: block;
}
</style>
<div id='bitnavbar'>
          <ul id='bitnav'>
            <li>
              <a href='#'>Home</a>
            </li>
            <li>
              <a href='#'>About</a>
           </li>
            <li>
              <a href='#'>Contact</a>
            </li>
      <li>
               <a href='#'>Sitemap ▼</a>
                <ul>
                    <li><a href='#'>Sub Page #1</a></li>
                    <li><a href='#'>Sub Page #2</a></li>
                    <li><a href='#'>Sub Page #3</a>

</li>
                  </ul> </li>
          </ul>
        </div>

Change #3B5998 to change the main Background.
Change #627AAD to change the Background on mouse hover.
Change #EDEFF4 to change the Background color of drop down menu.

Now enjoy with your template which is ready to give a nice look to your reader. If you have any query then make comment I will launch your shortly.

How To Add Syntax Highlighter To Blogger

2011-11-13T15:26:00.001+05:30

Most of the Bloggers use their own custom blockquote to highlight their code or scripts but other one share their code with reader by Standard Syntax highlighter created by Alex Gorbatchev. Syntax highlighter is a powerful JavaScript code to display and highlight your code and scrips. It is an amazing full functionally highlighter that neatly display your HTML, CSS, JavaScript , php etc.The code are displayed line by line with numbers. It also provide, copy this code, print this code function to the readers.

How to Add Syntax Highlighter in Blogger :-

       1.Login to your Blogger Dashboard.
       2.Go to Design / Edit HTML.
       3.Download your full tempate.
       4.Find ]]></b:skin> in your template.
       5.And just below it paste the following code.

Whenever you wish to share a code with your readers simply enclose the code between the coding

<pre class="brush:css, brush:html, brush:js, brush:php, brush:sql, brush:python">

ADD THE PARSED CODE HERE

</pre>

How to promote your Blog

2011-11-11T09:46:00.000+05:30

There are so many Blogs or sites on Internet which have extremely high traffic. Traffic on your Blog depends upon many factors one such factor are "Promotion". If you promote your Blog significantly then you will get tremendous amount of traffic for your Blog. So promotion of Blog is very important if you are going for long term Blogging. Now at this time I am going to explain you the different methods through which you can promote your Blog.

1.Submitting your Blog to Blog directories :-
If you have a blog and have a good content but do not have good readers to read your Blog then here comes the need of Blog submission directories.It is one of the best method to promote your Blog. The complete list can be download from here.

2.Blog Appearance :-
Your Blog appearance should be smooth and text be of light color so that it doesn't provide any vision effect to the readers.Blog should be look professional if you are interested in long term Blogging. I strongly recommend that make your own template if your are serious in Blogging.

3.Add feed and Rss :-
Visitors, who read your content on regular basis are known as Feed or Rss subscriber. If you want to get lot of subscriber then your should put the Rss Subscription Button on desire location of your Blog so that is focus the attention of the readers.

4.Share Blog Posts on social networking sites :-
Facebook, Twitter like websites may be very useful in Increasing your Blog traffic.Blog can easily connect to these sites by submitting your Rss feed. The complete article can be read from here.

5.Increase Blog Backlinks :-

Backlinks are direct incoming links to your Blog from other Blogs. You can easily increase your Backlinks by commented on other Blog with your Blog url, Participate in Blog forums.

6.Make your Blog SEO friendly :-
By this option you can get large traffic in less time.You can read compete article form here.

Top 10 Earning Blogs of 2011

2011-11-05T22:11:00.001+05:30

Make a good amount of money from blog is always the dream for a Blogger. For that reason I am going to write an article of "Top 10 Earning Blogs of 2011".From myself this article may be very useful for new blogger, they may take inspiration, ideas, designing and many more form these Blogs.The main purpose of this post is to motivate the readers.So please sit back smoothly and control your mouth.


   10. JoyStiq :-
JoyStiq owned by AOL. This Blog secure an Alexa Rank of 2000. It has a huge amount good traffic which makes it one of the most popular Blog online and earns $1700 daily through CPM Advertisement.

     9.Parez Hilton :-
ParezHilton was created by Mario Lavandeira and secure an Alexa Rank of 978 and earns $3500 daily.Most of the revenue are came from Advertisement Banners .

   8.Gizmodo :-
Gizmodo, a very popular gadget guide blog.It has an Alexa Rank of 590.

   7.Life Hacker :-
LifeHacker is founded by Nick Denton and holds an Alexa Rank of 701 with daily income of  $5000.

   6.Tuts Plus :-
TutsPlus is a tutorial Blog and has an Alexa Rank of 627 with 722 quality tutorial. And generates $5000 daily.

   5.Smashing Magazine :-
Smashing Magazine is a online magazine for web designer. It has an Alexa Rank of 579 with daily income of $6382.

   4.Engadget :-
Engadget was founded by Peter Rojas. It holds an Alexa Rank of 344 with $10,000 daily.

   3.TechCrunch :-
TechCrunch is one of the top technology Blog and secure an Alexa Rank of 216 with a income $14816 daily.

   2.Mashable :-
Mashable is owned by Peter Cashmore.It has an Alexa Rank 183 and daily income is $15781.

   1.The Huffington Post :-
The Huffington Post secured the position of top profitable blog over the Internet. It holds an amazing Alexa Rank of 86 with daily income of $30,000.

Minitube A Youtube Client for Windows

2011-11-03T15:05:00.000+05:30

Now it is a time to watch your videos over internet in a very systematic way with Minitube. Minitube is a window based desktop client application.With it you can watch and download Youtube, Google Videos to your computer .The main advantage of this application is, it gives you an endless video stream support so now ready to enjoy your favorite videos without buffering. it doesn't require flash player.Minitube is not about cloning the original Youtube but it aims to create a new TV like experience.

Advantage in using Minitube are :

It is fully featured desktop based client application.
No flash player is required in watching the videos.
Gives endless video stream means no buffering.
Videos directly streamed from Youtube
It preserve the Battery Backup of your Laptop.
It Plays HD videos up to 1080p.
Download your Favorite clips to your computer in MPEG4 format which is compatible in most devices.
Search videos can be queued and plays one after the other.
Supported it various operating system.

How to install Minitube -

Firstly, download a fresh copy of Minitube from here.
Install in your local computer and launch the Minitube.
Following screen will pop up.
Type the name of your favorite video and press "Enter".
If you want to download the songs then go to Video / Download.

I think according to this article if you use Minitube in watching videos then you will get full control on the videos because this software can fulfill your requirement about videos.
Lastly, if you like this article then Subscribe this Blog for latest updates.

How to Convert Lable to Tag Cloud

2011-11-02T16:13:00.000+05:30

A Tag Cloud is a aesthetic piece of design of your blog or A Tag Cloud is a box containing words which are link to your Blog or Website. The most popular topics are displayed in large font and less popular are displayed in small font.There are several advantages of using Tag Cloud in your blog.The main advantage of using Tag Cloud in your blog is that it describe your most popular data in very dynamic way due to this the visitors on your blog using Tag cloud may easily figure out which content are popular on your site.It also gives a professional look to your Blog. So if are going to use Tag Cloud then you are making your content more obvious to search engines and people.So finally, if you have a Wordpress Blog then it is very easy to install but it is less complicated in blogger. But now you can easily use Tag Cloud in your Blogger Blog also without using any coding. Previously, I have shared a detailed tutorial to do this with coding, you can see it from here. Again let's do it without coding.

                   1.Login to your Blogger Dashboard.
                   2.Go to Design / Page Element.
                   3.Click " Add a Gadget ".
                   4.Choose "Labels" from the list.

5.Then choose "Cloud" from display .
6.finally "Save" it.

Now there will be a Tag cloud in your homepage instead of Label / Categories. In later time if you don't like Tag Cloud then you can easily switch to Label / Categories by above steps.

How to Make Money from Blog

2011-10-27T15:22:00.001+05:30

Blogging is one of the way to make money online. The success only depends on the number of visitors visited on your Blog .Your Blog should have high traffic then making money through it become very easier because money making sites target your audience through your blog so having a good traffic on your blog generally increase your revenue.
Once your have a high traffic on your blog then next step is to monetize your blog through different money making program available on the Internet. Now in this tutorial i am going to explain -
What are the ways to make money online ?

1.Advertising Program : Genrally most of your revenue come from this source. There are so many affiliated program available on the Internet for blogger. Most common and popular are Adsense but beside Adsense here is complete list of google Adsense.

2.Affiliate advertising program : Many sites gives you the opportunity to sell their product on the blog for this it will gives you commission, most popular website is Amazan.

3.Sell Ad space to advertiser : If your site and blog have high traffic then you can easily sell ad space to advertiser, BuySellads.com gives you the platform to do the same.

4.Paid for Posts : If you are good writer you can also make money by writing article on your Blog. PayPerPost.com and BidPostBlog.com gives you opportunity to do the same.

5.Donation : You can tell your royal reader for donation it is also an indirect way to Make Money Online.

SEO (Search Engine Optimization) Cheatsheet

2011-10-25T23:29:00.000+05:30

SEO (Search engine optimization) plays an very important role to increase traffic on your site but people are not aware the importance of SEO for this they avoid it. With the use of SEO you can get more traffic in less time.

What is Search Engine Optimization -

SEO (Search engine optimization) is a technique through which search engines search and rank a particular website among millions of website in response to a search query.

How to use SEO in Blog -

Every page must contain greater than 250 and not greater than 1000 words.
Check suitable keyword for your site here and use it in your blog.
Your keyword should also be on first and last sentence of your content.
Bold your Primary keyword in a page.
Include at least one image in one content of your Blog and assign alt attributes with primary keyword in it.
Add meta tag description in blog Template. The brief tutorial can be seen here.
Increase both internal and external backlinks of your blog for greater visibility across the Internet.

Should not be used for better SEO -

Not more than 100 new links in a single page.
Words in title tag should not be greater than 70 character.
Not more than 150 character in meta tag description.
Content you write should be produced by original hands because search engines don't like duplicate content.

I hope this article will definitely help you in increasing organic traffic from search engines.

New Way to Index Blog In Google Webmaster

2011-10-25T00:27:00.001+05:30

Google recently introduced a new feature for submission of new and updated links. It generally indexing a particular link fast and may be very useful for new blogs and links. Now there is no need to wait for Google to crawl your pages whereas it become easier to index a particular links fast. I think there is some problem with old service as Google Crawler, sometimes it is not necessary that it will index all of your page but you can submit your blog fast by Googlebot.

How to submit updated links in Google webmaster
       1.Sign in to Google webmaster.

   2.If you haven't submitted your site yet then read the article about this from here.
   3.Then click on your website.

4.Click Fetch as Googlebot under Diagnostics.

How to change the font size easily

2011-10-17T15:20:00.002+05:30

Generally, the font size of most of the blogs look very cool and present very good effect on reading. In most of the blogger template the default font size is 12px and from my point of view it gives convenience to some people.Therefore changing the font size, is always useful. There are very much complex programs available to change the font size on Internet but you can easily change the font size of your template without making any complex changes in template.

                   1.In Blogger Dashboard go to Design / Edit HTML.

2.Search for .post-body in template.
                   3.Modify font-size=14px; to whatever font-size you want.

If you don't find .post-body in your template then don't worry about that your template designer used some other text for this. Just send me your template or tell me the type and designer name of your template.

How to Display Sitelinks in Google Search

2011-10-15T16:02:00.005+05:30

Sitelinks are the links that appears in search engine when a blog is search or In other words, the links shown in some of the google search result is called the Sitelinks as shown in figure. It describe more to your blog within search engine and helps the user to navigate your site easily and give a suitable shortcut to them. Unfortunately, all blogs and sites don't have Sitelinks. They are generated and ranked algorithmically based on the link structure of your blog and site.

How to Show Sitelinks in Google Search

The best way to show Sitelinks for your Blog add excellent css drop down menu for your Blog or site, with the help of this users can easily navigate your blog link structure. Increase your blog backlinks to improve your search visibility generally blogs have PR>2 have Sitelinks.

How to delete/demote a Sitelinks

If you see that particular Sitelink is not so useful for the user then you can easily remove that particular links from Search engine.

1.Firstly, go to Google Webmaster Dashboard
2.Site Configuration / Sitelinks.
3.If you want to delete a sitelink from search engine then paste the url in second box.

How to Recover deleted blogger Blog

2011-10-13T11:53:00.000+05:30

Blogger provide their user to import, export or delete their blog option. If anyone,accidentally lost their blog by "Delete Blog" option under "Settings" and after some time you realize that some important data within that blog have lost then don't worry about it you can easily recover that blog. Fortunately, Blogger provides a 90 days restoration option, through which you can easily recover your deleted blog.
First of all question is that, How to delete a Blog ?

How to Restore a Blog

               1.Go to your Blogger Dashboard.
               2.Below your blogs ,click "Show All" option.
               3.Now click "Undelete this Blog".
               4.Your Blog will recover soon.

Blogger launches Dynamic views

2011-10-04T19:17:00.000+05:30

This week Blogger again launches new feature. It offer seven dynamic view for all user and can be accessible only by the author of the Blog. It simply change the layout of your blog in different styles. It is build with latest web technologies like HTML 5,AJAX, CSS 3. These design provide an attractive look to your blog or make your Blog more professional hence in short it provide easily accessible view for your Blog's reader. You can easily enable it in your Blog.

Go to Design / Template Designer.

To view the dynamic view for your Blog follow the steps.

Flipcard : available at [yourblogURL]/view/flipcard
Mosaic : available at [yourblogURL]/view/mosaic
Sidebar : available at [yourblogURL]/view/sidebar
Snapshot : available at [yourblogURL]/view/snapshot
Timeslide : available at [yourblogURL]/view/timeslide

For my blog, the views are :-
Flipcard : http://internetricks4u.blogspot.com/view/flipcard
Mosaic : http://internetricks4u.blogspot.com/view/mosaic
Sidebar : http://internetricks4u.blogspot.com/view/sidebar
Snapshot : http://internetricks4u.blogspot.com/snapshot
Timeslide : http://internetricks4u.blogspot.com/timeslide

Add Drop Down menu for Blogger

2011-10-03T18:09:00.000+05:30

Adding customized drop down menu may be good step in making a Professional blog. Though adding process is very complex as they uses advanced javascript, jquery scripts likes. Now this time i am sharing a simple code based on HTML and CSS code with snapshots.You can easily add this menu in blogger template without much understanding about HTML and CSS. follow the steps below.
1.In blogger Dashboard, go to Design / Page element.
2.Click "Add a gadget".

   3.Paste the following code in HTML/Javascript box.

    <div id='bitavbar'>
          <ul id='bitnav'>
            <li>
              <a href='#'>Home</a>
            </li>
            <li>
              <a href='#'>About</a>
           </li>
            <li>
              <a href='#'>Contact</a>
            </li>
      <li>
               <a href='#'>Sitemap</a>

                <ul>
                    <li><a href='#'>Sub Page #1</a></li>
                    <li><a href='#'>Sub Page #2</a></li>
                    <li><a href='#'>Sub Page #3</a></li>
                  </ul>
            </li>

          </ul>
        </div>

From figure it's clear that, one can easily change the menu name by changing the About, Contact,Sitemap etc.

4.Now go to Design / Edit HTML.

5.Download the full template before making any changes.

6.Paste the following code just above ]]></b:skin>.

   #bitnavbar {
    background: #060505;
    width: 960px;
    color: #FFF;
        margin: 0px;
        padding: 0;
        position: relative;
        border-top:0px solid #960100;
        height:35px;

}

#bitnav {
    margin: 0;
    padding: 0;
}
#bitnav ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#bitnav li {
    list-style: none;
    margin: 0;
    padding: 0;
        border-left:1px solid #333;
        border-right:1px solid #333;
        height:35px;
}
#bitnav li a, #bitnav li a:link, #bitnav li a:visited {
    color: #FFF;
    display: block;
   font:normal 12px Helvetica, sans-serif;
   margin: 0;
    padding: 9px 12px 10px 12px;
        text-decoration: none;


}
#bitnav li a:hover, #bitnav li a:active {
    background: #BF0100;
    color: #FFF;
    display: block;
    text-decoration: none;
        margin: 0;
    padding: 9px 12px 10px 12px;



}

#bitnav li {
    float: left;
    padding: 0;
}
#bitnav li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 160px;
    margin: 0;
    padding: 0;
}
#bitnav li ul a {
    width: 140px;
}
#bitnav li ul ul {
    margin: -25px 0 0 161px;
}
#bitnav li:hover ul ul, #bitnav li:hover ul ul ul, #bitnav li.sfhover ul ul, #bitnav li.sfhover ul ul ul {
    left: -999em;
}
#bitnav li:hover ul, #bitnav li li:hover ul, #bitnav li li li:hover ul, #bitnav li.sfhover ul, #bitnav li li.sfhover ul, #bitnav li li li.sfhover ul {
    left: auto;
}
#bitnav li:hover, #bitnav li.sfhover {
    position: static;
}

#bitnav li li a, #bitnav li li a:link, #bitnav li li a:visited {
    background: #BF0100;
    width: 120px;
    color: #FFF;
    display: block;
    font:normal 12px Helvetica, sans-serif;
    margin: 0;
    padding: 9px 12px 10px 12px;
        text-decoration: none;
z-index:9999;
border-bottom:1px dotted #333;


}
#bitnav li li a:hover, #bitnavli li a:active {
    background: #060505;
    color: #FFF;
    display: block;
    margin: 0;
    padding: 9px 12px 10px 12px;
        text-decoration: none;
}

That's all, save the template, by this tricks anyone can easily make a Professional looking drop down menu without using Adobe Photoshop or any other softwares. If find difficulty in placing the code then make comment regarding your problem.

Add signature below every post in Blogger

2011-09-25T17:35:00.002+05:30

If you are new to blogger, you may be wondering how to add signature below every blogger post. It will insure your reader about the originality of the content. It is most important function in terms of privacy of content, because large no. of automatic content copier are available on the Internet. Visit Mylivesignature, provide an online application for creating your signature. There are several option for same, either you can scan your original signature or can make digital signature online.
After you have created signature, upload it in blogger and get the link.

                 1.Login to your blogger Dashboard.
                 2.Go to Settings / Formatting.
                 3.In "Post Template", add the following code.

<div style="float:left"><img src="Signature-Image-Link" border="0"/> </div>

Replace Signature-Image-Link with your signature image URL. and enjoy!!!!

Improve Comment Box with DISQUS

2011-09-23T11:58:00.000+05:30

Disqus is a global community that improves the discussion on the websites and connects people across the Internet. You can easily update your Blogger comment box to Disqus. It makes commenting easier in your blog and can be implemented into your blog very smoothly by following steps.
                          1.Firstly,login to your Blogger Dashboard.
                          2.After that open Disqus in new window without closing the Blogger.
                          3.Click "Sign Up".
                          4.Fill all the details and click "Continue".

5.Choose your Platform i.e blogger,wordpress.

6.At last click "ADD WIDGET".

How to Protect Blog from Copy Paste

2011-09-22T16:28:00.002+05:30

Unfortunately, you will be very disappointed if someone use your original data to the blog though google always save their user from copied material by lowering the ranking of that blog Instead of that no one want there are same content available on the Internet.
To get rid of that, disable copy paste function on your blog and increase the privacy of content.


                     1.Go to Blogger Dashboard.
                     2.Design / Edit HTML.
   3.Copy the code and paste it just below the <head> section.

                    4.It will look like this.

Now all stuff have been done and your data is protected from copy paste function.

Adding meta tag to Blogger Blog & Increase traffic

2011-09-21T16:08:00.001+05:30

Firstly, question is that, What is meta tag ? so answer is meta tags are tags which describe your site and tells the search engine about the type of your site. If till now your site have not good amount of traffic then adding meta tag may be useful in generating organic traffic in terms of SEO for your site.
                  1.In blogger Dashboard go to Design / Edit HTML
                  2.Before making any changes in your Template "Download Full Template".
                  3.Add the following code just below the <head> section.

                   DESCRIPTION HERE: description of your blog
                   KEYWORDS HERE: write keywords of your blog

   DESCRIPTION HERE: Maximum Characters is 150.
   KEYWORDS HERE: Maximum Characters is 200, each keyword separated by comma.
   4.After changes it will look like this.

Important:
Google, Yahoo and other search engines will ban your site if you repeat any keyword more than 3 times.

How to add Popular Posts Widget with thumbnail

2011-09-15T16:21:00.001+05:30

Popular Post Widget is great widget to show your most popular posts. it gives your visitor to stay more on your blog, and also take part in increasing your blog traffic. You can easily add this widget in blog without knowing HTML languages.
1.In Blogger Dashboard go to Design / Page Element.

2.Click "Add a Gadget".

3.Click "SAVE".
I hope you will like this widget and tutorial also Enjoy!!!

Check the density of keyword in blogger

2011-09-14T16:09:00.001+05:30

Keyword plays the very important role in increasing traffic in terms of SEO. So customize your blog article that it contain high quality keywords. So,how to know which keyword is best for specific article ?
1.Click this link here.

2. You will see a list contain most searched keyword, use i
t in your article and boost the traffic.

How to setup feedburner on Blogger

2011-09-09T11:06:00.001+05:30

It is the best way to connect with your reader, it will notify your subscriber reader via Email when you publish any post on your blog. You can easily integrate it in your blogger blog by following steps.
1.Go to feedburner.google.com.
2.And make the following changes..

   3.Now login to Your Blogger Dashboard.
                 4.And go to Design / Page element.
                 5.Click "Add a Gadget".

6.Now at last Click "Save".
Now open your Blog and you will see a "Follow by Email".

How to make free blog using blogger

2011-09-05T15:11:00.000+05:30

Blog is just like a website or a type of website, it is generally maintained by a single person or a team. There are so many that hosted your blog free ( provide free blog hosting ). Blogger is most popular and widely used all over the Internet, you can make blog easily by following steps:-
1.Go to the address www.blogger.com
2.Sign in with your existing Google account.

           3.Choose your favorite template and click "Continue".
           4.Now your Blog has been created.

Now stop reading on another blog, go to Blogger and make your own blog Good luck !!!

How to change the width of blogger Template

2011-08-27T17:13:00.000+05:30

There are so many tutorial present on the Internet about changing the width of the blog but the methods are very complex due to, new user find difficulty. so in this tutorial i make clear all things without touching the HTML code.
1.Login to Blogger Dashboard.
2.Go to Design / Template Designer.
3.Select "Adjust width" option from left side.

   3.By changing the first cursor you can increase or decrease the blog width.
   4.From changing the second cursor, position of sidebar will change.

How to set gmail sms alert

2011-08-25T19:05:00.001+05:30

It is always the big question that How to Enable gmail alert via sms ? you can easily forward your mails from yahoo,gmail directly to your Mobile.
1.Create account in Way2SMS.
2.Login to your account. [ Note that we are using new version of way2sms.]

3.You will see the following page.

                4.Now login to Gmail account whose SMS alert you want to make.
                5.Go to "Settings".

6.In Way2SMS.com page, copy the text after "Forward your mails to:" and paste it in "New forwarding email address:" in gmail account under Settings.
7.Now click "Send verification instructions".
8.It Send a verification instructions to your Way2SMS.com inbox.

9.Paste this code in gmail settings page.

10.Now at last step,see all changes will look like this.

11.Click "Save Changes".

If any reader find any difficulty in this process then make comment i will definitely launches soon and solve the problem.

New Dashboard for Blogger

2011-08-23T12:03:00.001+05:30

Recently Blogger launches new awesome dashboard, looks like Wordpress Dashboard and has advance updated functions and has professional look. The snapshots are-

See whether Blogger Publish new dashboard for you or not visit http://draft.blogger.com and work with this amazing dashboard.

How to Customize Read more text

2011-08-20T17:23:00.000+05:30

There is a lot of way to customize read more text in blogger. You can easily change read more text to continue reading, want more like text without changing the HTML code.

1.Login to your Blogger Dashboard.
2.Go to Design / Page Element.

Now your read more link has been change if you want to customize the background property of Read more then read this article.

Choose your own .com Domain

2011-08-19T11:22:00.000+05:30

There should be a lot of advantages to work with .com domain instead of subdomain like yoursitename.site.com
Why to choose a .com domain:

It's permanent, Blogger anytime deactivate your account if it find some serious activity in your account.
Generally search engines give preference to web domain instead of sub domain.
You will get your custom email address like yourname@yourblog.com, which like very professional.
You can get .com domain in very affordable price.

Set your custom domain in Blogger:
Buy a web hosting account from hostgator here and choose your .com domain for blog after that follow the steps below.
       1.Login to your Blogger Dasboard.
       2.Go to Settings / Publishing.

3.Choose "Custom Domain".

4.Save Settings.
Now your Blog has been hosted to your Own custom domain

Make your own Template

2011-08-16T12:04:00.003+05:30

Beginner user are always interested to make their own template but because of the lackness of HTML languages they can't do that but it is interesting news for all that, using Artisteer one can easily make their own template without knowing any type of Language. Artisteer will provide thousand of already user defined template. Making little Changes in template you can easily make your own Professional looking Template.
It has following features-

Design cool templates in minutes.
Export to Wordpress,Blogger,Joomla and others.
No need to learn any type of language.
Edit your live website using Artisteer 3.0
download it from here.

Download the Artisteer and become a good web designer quickly .

How to Convert Label/Categories to tag cloud

2011-08-11T14:50:00.002+05:30

It makes your blog to look professional by following the steps below you can easily Convert your Label to Good looking tag cloud.
              1.Login to your Blogger Dashboard.
              2.Go to Design / Edit HTML.
              3.Before making any changes "Download the full template".
              4.Click "Expand Widget Templates".


/* Label Cloud Styles ----------------------------------------------- */ #labelCloud {text-align:center;font-family:arial,sans-serif;} #labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;} #labelCloud ul{list-style-type:none;margin:0 auto;padding:0;} #labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0} #labelCloud a{text-decoration:none} #labelCloud a:hover{text-decoration:underline} #labelCloud li a{} #labelCloud .label-cloud {} #labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000} #labelCloud .label-cloud li:before{content:"" !important}

   5.Copy the Whole code and Paste it just above ]]></b:skin>.

6.Copy the following text and Paste it just below the <head> section.

<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>

7.Now at last modification find this code

<b:widget id='Label1' locked='false' title='Labels' type='Label'> in blogger template

                  8.It will look like this in your blogger Templates

<b:widget id='Label1' locked='false' title='Labels' type='Label'>

<b:includable id='main'>

  <b:if cond='data:title'>

    <h2><data:title/></h2>

  </b:if>

  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>

    <b:if cond='data:display == &quot;list&quot;'>

      <ul>

      <b:loop values='data:labels' var='label'>

        <li>

          <b:if cond='data:blog.url == data:label.url'>

            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>

          <b:else/>

            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

          </b:if>

          <b:if cond='data:showFreqNumbers'>

            <span dir='ltr'>(<data:label.count/>)</span>

          </b:if>

        </li>

      </b:loop>

      </ul>

    <b:else/>

      <b:loop values='data:labels' var='label'>

        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>

          <b:if cond='data:blog.url == data:label.url'>

            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>

          <b:else/>

            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

          </b:if>

          <b:if cond='data:showFreqNumbers'>

            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>

          </b:if>

        </span>

      </b:loop>

    </b:if>

    <b:include name='quickedit'/>

  </div>

</b:includable>

</b:widget>

9.Please note that some data between two pink color may be missing in different different templates
10.Now Replace the whole code from the following code.

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>

 

<b:includable id='main'> 

<b:if cond='data:title'> 

<h2><data:title/></h2> 

</b:if> 

<div class='widget-content'> 

<div id='labelCloud'/> 

<script type='text/javascript'> 

// Don't change anything past this point -------------- 

// Cloud function s() ripped from del.icio.us 

function s(a,b,i,x){ 

if(a&gt;b){ 

var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m) 

} 

else{ 

var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a) 

} 

return v 

} 

var c=[]; 

var labelCount = new Array(); 

var ts = new Object; 

<b:loop values='data:labels' var='label'> 

var theName = &quot;<data:label.name/>&quot;; 

ts[theName] = <data:label.count/>; 

</b:loop> 

for (t in ts){ 

if (!labelCount[ts[t]]){ 

labelCount[ts[t]] = new Array(ts[t]) 

} 

} 

var ta=cloudMin-1; 

tz = labelCount.length - cloudMin; 

lc2 = document.getElementById('labelCloud'); 

ul = document.createElement('ul'); 

ul.className = 'label-cloud'; 

for(var t in ts){ 

if(ts[t] &lt; cloudMin){ 

continue; 

} 

for (var i=0;3 &gt; i;i++) { 

c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz) 

} 

var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz); 

li = document.createElement('li'); 

li.style.fontSize = fs+'px'; 

li.style.lineHeight = '1'; 

a = document.createElement('a'); 

a.title = ts[t]+' Posts in '+t; 

a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')'; 

a.href = '/search/label/'+encodeURIComponent(t); 

if (lcShowCount){ 

span = document.createElement('span'); 

span.innerHTML = '('+ts[t]+') '; 

span.className = 'label-count'; 

a.appendChild(document.createTextNode(t)); 

li.appendChild(a); 

li.appendChild(span); 

} 

else { 

a.appendChild(document.createTextNode(t)); 

li.appendChild(a); 

} 

ul.appendChild(li); 

abnk = document.createTextNode(' '); 

ul.appendChild(abnk); 

} 

lc2.appendChild(ul); 

</script> 



<noscript> 

<ul> 

<b:loop values='data:labels' var='label'> 

<li> 

<b:if cond='data:blog.url == data:label.url'> 

<data:label.name/> 

<b:else/> 

<a expr:href='data:label.url'><data:label.name/></a> 

</b:if> 

(<data:label.count/>) 

</li> 

</b:loop> 

</ul> 

</noscript> 





<b:include name='quickedit'/> 

</div> 

</b:includable> 

</b:widget>

Save the template and view the blog if you find any type of difficulty then make comment i will definitely

 help you.

Same topic on different site -

Blogger tag cloud widget by Labels.

Bad news for all the Blogger User

2011-08-09T13:11:00.002+05:30

I think the position of Adbrite came just after the Google Adsense it offers good quality of Affiliate Ad but their is very bad news for all blogger and which have other free web hosting service like co.cc. Adbrite introduce a new terms and conditions that it will not show Ad on any type of free web hosting services like Blogger, Hpage etc.
Read the original message come via email from Adbrite -

I'm sorry but we are not able to approve this site. We have recently implemented a top-level domain requirement and can no longer accept sites that use free blog hosting solutions like Blogspot, Hpage, Tumblr, or .co.cc. If you would like to use adBrite you will need to use a paid service that provides a top-level domain.

So if you are interested to display Adbrite Ad on your site then your blog should be hosted on paid hosting services like wordpress.org.

Change background image in Blogger

2011-08-08T16:54:00.003+05:30

Some people are always interested in changing the background image of their blog but due to lackness of their knowledge in HTML language they can't do that but in new improves version of "Template Designer" user can change the background image without touching the HTML code.

1.Go to your Blogger Dashboard.

2.Open Design / Template Designer.

That's all now your Background image has been changed. it is advise that choose the light background image for load it faster.

Same topic on different site -

Background Image for Blogger Template

How to add picture to background

How to use a background for your blog

Change background image for blogger

How to add/change background image in Blogger

Adding background image to blogger

how to make a picture as a background

Alternative to Google adsense

2011-08-04T15:14:00.003+05:30

Google offers best affiliate program all over the world instead of that some peoples are not get comfort in creating account in it and they switch over the other sites like adbrite, chitika etc., because the terms and condition of Google adsense is very hard and account once disapproved unable to restore and it have no customer service. So their is a list of other sites like Google adsense.

   1.Chitika.
   2.Adbrite.
   3.Infolinks.
   4.Yahoo Publisher Network.
   5.Clicksor.
   6.Bidvertiser.
   7.Pulse 360.
               8.XtendMedia.
   9.Adhitz

Move sidebar from Right to Left

2011-07-29T18:24:00.000+05:30

Sometime user interested to change the position of sidebar but they find difficulty in doing so. You can easily do it without changing the code.
1.Go to Blogger Dashboard.
2.Design / Template Designer.
3.Go to Layout
.

select sidebar that you want to use in your Template.

Create "Add a Gadget" in header

2011-07-28T19:53:00.000+05:30

People always interested to add search bar, feed link in Header but they can't do because there is no "Add a Gadget" button in header but by changing the blogger code you can add this button in you header also as in sidebar and footer.

                1.Go to your Blogger Dashboard.
                2.Before Making any changes in HTML download the full template.
                3.Search this section in your template ...

modification 1. change showaddelement='no' to showaddelement='yes'
modification 2. change maxwidgets='1' to how many widget you want to add in header(change '1' to your desired integer digit)

Import Blog posts to Facebok wall Automatically

2011-07-24T17:45:00.001+05:30

Facebook is one of the best social networking website. You can easily promote your blog via Facebook there are so many Facebook apps available for import your blog posts to Facebook but you can do it without using any Facebook app.
1.Go to your Facebook homepage.
2 Click "Notes" at left side.

3.And then click "Write a note".

4.Firstly click "My notes" and then "Edit import settings".

5.Click "Confirm".

Same topic on different sites:-

Add Subscribe button to blogger blog

2011-07-22T18:58:00.000+05:30

Add Subscribe button to blog is best way to increase your blog traffic.
                1.login to Blogger Dasboard.
                2.Go to Design / Page Element.
                3.Click "Add a Gadget".
                4.Paste the following code in it.

<style>
.mbt-email{
background:url(http://4.bp.blogspot.com/_MbejYjGokMM/TSeZHmWJ6oI/AAAAAAAAALE/93ELYyzmi64/s1600/email.png) no-repeat 0px 12px ;

width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.mbt-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.mbt-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:170px;
color:#666;}
</style>
<div class="mbt-email">
Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=TntByStc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == "") {this.value = "Enter email address here";}" onfocus="if (this.value == "Enter email address here") {this.value = "";}" value="Enter email address here" type="text" />
<input type="hidden" value="TntByStc" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="mbt-emailsubmit" value="Submit" type="submit" />
</form>
</div>

5.Go to your feedburner dashboard it will look like this http://feedburner.google.com/fb/a/dashboard?id=xxxxxxxxx.
6.Change TntByStc to xxxxxxxxx in HTML code.
7.Save the page.
Enjoy!!! your cute Subscribe widget has been created.

Sumbit Blogger Blog to Technorati

2011-07-21T19:01:00.001+05:30

It is the best way to increase your Blogger Blog traffic and index greater than 112.8 million blogs. You can easily submit your Blogger and Wordpress blog in it.

              1.Open Technorati here and create account in it.
              2.For this Click "Join" Button at the right side of the search bar.
              3.Fill all the details and click "Join".
              4.It will sent an Email to your inbox, confirm your email and sing in to your Technorati Account.
              5.After sign in go to your account.

              6.At the bottom the Page you will see the following button.

7.Click the "Claim" button.

                8.Fill all the Blank field in Page and click "Proceed to the next step".
                9.Your Application has been sent.
               10.Now come to your profile again.

                  11.Paste this token in any post and anywhere.
                  12.And Finally click "verify Claim Token".
After Reviewing your site and application Employers soon add your blog in database. Enjoy!!!!

Same article on different site:-

Change Newer Post & Older Post With Images

2011-07-19T18:37:00.002+05:30

Blogger uses Newer Post, Older Post and Home at the bottom of each page which are link to specific pages but here we will not discuss about the link, we are only interested about the appearance of these link as they are not look professional. So lets start to change the appearance of these links.

               1.Login to your Blogger and Go to Design / Edit HTML.
               2.Download the full Template before making any changes in it. ( Learn More)
               3.Check the "Expand Widget Templates.
   4.Find <span id='blog-pager-newer-link'> in template.

5..Replace 1.(<data:newerPageTitle/> ) code from <img alt='Next' border='0' src='http://lh6.ggpht.com/_pt7i0nbIOCY/SVGKP6ApR7I/AAAAAAAAAok/jdxY8orBJ10/Next_thumb%5B2%5D.png?imgmax=800' title='Next'/>
6.Replace 2.(<data:olderPageTitle/>) code from <img alt='previous' border='0' src='http://lh3.ggpht.com/_pt7i0nbIOCY/SVGWOwXOtlI/AAAAAAAAAo8/iCG-SNx6gMI/previous_thumb%5B1%5D.png?imgmax=800' title='previous'/>
7.Replace 3(<data:homeMsg/>)code from <img alt='home' border='0' src='http://lh4.ggpht.com/_pt7i0nbIOCY/SVGKSFmGSsI/AAAAAAAAAos/dzYf7KrG0S4/home_thumb%5B3%5D.png?imgmax=800' title='home'/>
8.Now Your template will look like this.

Now that's all Save template your "Older Post" and "Newer Post" have been change with an images.

Learn HTML and Other Languages free

2011-07-18T16:46:00.000+05:30

Last night i surfing on the Internet and i found a fantastic website which have a great tutorial about all types of different Internet languages like
HTML ,XML ,XHTML.
Scripting Languages like
php,asp,jquery and javascript
with the help of these websites any beginner user can start learning Internet languages it will teach y
ou step by step and it will also tell you which one is next for you. Also provide a complete reference sheet so that you can implement your knowledge to website or blog.

All the examples are explain in detail and you can edit them for your choice. At the end of the chapter it provide user to the quiz shit after going to that you can judge yourself and after learning the full course it will provide you to a learning certificate.
Good luck!! friends select your course and learn your favourite language.

Make your own search engine

2011-07-15T18:05:00.000+05:30

There are many site on the Internet which do not provide you search engine like moviesmobile.net but you can easily make a search engine for a particular website.
1.Go to Google.com.
2.If you want to make search engine for moviesmobile.net then in serach bar type.
site:moviesmobile.net type your content

for example:- If you want to search Harry Potter in moviesmobile.net then type like this.

Submit Blogger Blog to Bing

2011-07-14T19:55:00.000+05:30

Submitting your Blog to Bing is good way to increase your Blog traffic you can easily submit your Blog to Bing.

Go to Bing Webmaster here and sign in using Window LiveID.
Once you login there is an button in bottom of page "Add a Site" click this button.

3.You will see the following page copy the meta tag.

4.Now Go to your Blogger Dashboard.

5.And go to Design / Edit HTML.

6.Click on "Expand Widget Templates".

7.Before making nay changes in HTML code download the full template.

8.Now paste this code just below the section.

9.Save your Template.

10.Go to Bing Webmater Page and click "Verify" which can be seen in "step 3".

For Submitting a Sitemap:-

1. Now click on the added site.

2.Click "Add Feed".
3.Paste this text in second box feeds/posts/default?orderby=updated.
Enjoy!! friends your blog has been submitted to Bing but it may take several month if your blog is new on the Internet.

All Blogging Tricks

How to Import Blog Post to Twitter

How to import blog post to Twitter:

Improve Traffic By Facebook Fan Page

How to Make a Facebook Fan Page:-

How to Import Blog Post to Facebook Fan Page:-

Facebook Like Button In Blogger Comment

How to Add Facebook like Button:-

Pre Tag As Syntax Highlighter

How to add Syntax Highlighter to Blog:-

How to use these code:-

How to Take Backup Of Blogger Template

Why take backup of template:-

How to Take Backup of the Template:-

Method 1:-

How to restore template from Backup:-

Method 2:-

Add Post Slide out to Blogger Blog

How to Add Post Slide Out Widget:-

Awesome Facebook Status Trick

What is Facebook Status Trick:-

How to use Facebook status trick:-

How to Add Blogroll to Blogger Blog

How to Add Blogroll to Blog :-

Display Specific Widget/Element on Specific Pages

How many types of Pages in Blogger:-

How to Display specific widget:-

Remove Home, Newer Post And Older Post

How to remove Home, Newer Post And Older Post:-

How to Customize Blogger Comment Form

How to Modify Blogger Comment Form:-

Cool Google Search Bar for Blogger

How to Add Google Search Bar:

Make First Letter Of Post Large In Blogger

How to Make First Letter Large:-

List Of All Blog directories

All Blog Directories:-

Share is Sexy widget for Blogger in Wordpress Style

How to Add Share sexy widget to Blogger:-

How to Add Modify Feedburner Recent Post Widget

How to add Feedburner Recent Post Widget:-

How to Modify Feedburner Recent Post Widget:-

Add the following css code in code which are used in step 6. <style> /* Removes Buzzboost Logo (MBT) */ div #creditfooter{ display: none; } </style>

Enable Threaded Comments For Blogger

How to Enable Blogger Threaded Commenting Option :-

Enable Embedded Comments:-

Sexy Drop Down Menu For Blogger Blog

How to Add Drop Down Menu :-

More Drop Down Menu :-

Optimize Images and Increase Blog Traffic

Use alt attribute:-

Mashable Sharing Widget For Blogger

How to Add Mashable Sharing Widget:-

Very Sexy Share Button Below Every Post

Add Social Sharing Button below Post :-

How to Copy text From Image

How to Copy Text With Microsoft Office OneNote -

How to Add Table to Blogger Blog Post

How to Add HTMl code to Post:

How to Add Poll to Blogger Blog

Customize your Blogger Template Easily

Easily Change Read More Text

Create a Drop down Menu in Facebook Style

How To Add Syntax Highlighter To Blogger

How to promote your Blog

Top 10 Earning Blogs of 2011

Minitube A Youtube Client for Windows

How to Convert Lable to Tag Cloud

How to Make Money from Blog

SEO (Search Engine Optimization) Cheatsheet

New Way to Index Blog In Google Webmaster

How to change the font size easily

How to Display Sitelinks in Google Search

How to Recover deleted blogger Blog

Blogger launches Dynamic views

Add Drop Down menu for Blogger

Add signature below every post in Blogger

Improve Comment Box with DISQUS

How to Protect Blog from Copy Paste

Adding meta tag to Blogger Blog & Increase traffic

Add the following css code in code which are used in step 6.

<style>
/* Removes Buzzboost Logo (MBT) */

div #creditfooter{
display: none;
}
</style>