Optimize Blogger/Blogspot Post Title For Better SEO:-

•     Go To Blogger/Blogspot Dashboard.
•     Click On Template tab.
•     Now Click On Edit HTML >> Proceed.
•     Tick the ‘Expand Widget Template’.

    <h3 class='post-title entry-title'>
          <b:if cond='data:post.link'>
            <a expr:href='data:post.link'><data:post.title/></a>
          <b:else/>
            <b:if cond='data:post.url'>
              <b:if cond='data:blog.url != data:post.url'>
                <a expr:href='data:post.url'><data:post.title/></a>
              <b:else/>
                <data:post.title/>
              </b:if>
            <b:else/>
              <data:post.title/>
            </b:if>
          </b:if>
      </h3>

       <h1 class='site-title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
            </div>
            <b:include name='description'/>
          </div>
        </b:if>
      <b:else/>
        <!--No header image -->
        <div id='header-inner'>
          <div class='titlewrapper'>
            <h1 class='site-title'>
              <b:include name='title'/>
            </h1>

Google Adsense High Paying Keyword's 2012:-

• 1 mesothelioma
• 2 cheap auto insurance.
• 3 consolidate student loan.
• 4 life insurance quote.
• 5 cheap car insurance.
• 6 refinance home.
• 7 car insurance quote.
• 8 refinancing.
• 9 online car insurance.
• 10 online insurance quotes.
• 11 criminal defense lawyer.
• 12 debt consolidation.
• 13 refinance home mortgage.
• 14 medical malpractice lawyer Michigan.
• 15 bad credit home loan.
• 16 loan refinance.
• 17 tax attorney.
• 18 online insurance quote.
• 19 laptop data recovery.
• 20 medical malpractice Michigan.
• 21 car insurance rates.
• 22 equity home loan.
• 23 register domain name.
• 24 data recovery service.
• 25 life insurance rates.
• 26 auto insurance rates.
• 27 cheapest car insurance.
• 28 domain register.
• 29 dui attorney.
• 30 lawyer medical malpractice.
• 31 home loan.
• 32 credit card consolidation.
• 33 car accident lawyer.
• 34 free debt consolidation.
• 35 car insurance.
• 36 term life insurance.
• 37 second mortgage.
• 38 hard drive data recovery.
• 39 dui lawyer.
• 40 refinance leads.
• 41 raid data recovery.
• 42 home loans.
• 43 mortgage loan leads.
• 44 refinance.
• 45 mortgage internet leads.
• 46 domain registration.
• 47 credit card debt consolidation.
• 48 low rate mortgage.
• 49 mortgages.
• 50 fitness franchise.
• 51 debt consolidator.
• 52 california home loan.
• 53 medical malpractice new york.
• 54 credit card machines.
• 55 digital asset management.
• 56 malpractice attorney.
• 57 help desk software.
• 58 criminal defense attorney.
• 59 domain names.
• 60 mortgage loan.
• 61 accept credit cards.
• 62 mortgage broker leads.
• 63 best mortgage rate.
• 64 online credit card processing.
• 65 personal injury lawyer.
• 66 mesothelioma attorney.
• 67 fixed rate mortgage.
• 68 accident attorney.
• 69 conference calling.
• 70 sub prime mortgage leads.
• 71 home improvement loans.
• 72 domain hosting.
• 73 defense attorney.
• 74 credit card 0 apr.
• 75 data recovery.
• 76 credit card merchant account.
• 77 credit card acceptance.
• 78 injury lawyer.
• 79 currency trading.
• 80 mortgage leads.
• 81 merchant credit card.
• 82 business intelligence.
• 83 injury attorney.
• 84 network marketing software.
• 85 sales leads.
• 86 online college degree.
• 87 leads lists.
• 88 mba online degree.
• 89 debt counseling.
• 90 malpractice attorneys.
• 91 debt management.
• 92 domain web hosting.
• 93 crm software.
• 94 edi software.
• 95 credit card service.
• 96 lawyers malpractice.
• 97 cheap web hosting.
• 98 web content management tool.
• 99 Chicago medical malpractice.
• 100 ecommerce web hosting.
• 101 mortgage rate.
• 102 subprime mortgage leads.
• 103 mortgage rates.
• 104 balance transfer credit card.
• 105 safeco insurance.
• 106 annuity leads.
• 107 mortgage leads for sale.
• 108 attorneys medical malpractice.
• 109 debt consolidation leads.
• 110 stock trading online.
• 111 inexpensive web hosting.
• 112 web content management software.
• 113 virtual web hosting.
• 114 credit card processor.
• 115 life insurance.
• 116 medigap insurance.
• 117 web hosting reseller.
• 118 hosting.
• 119 california mortgage.
• 120 orlando medical malpractice.
• 121 online trading.
• 122 crm online.
• 123 special finance leads.
• 124 direct mail lists.
• 125 asbestos lung cancer.
• 126 business sales leads.
• 127 debt free.
• 128 asset management software.
• 129 debt solution.
• 130 low interest credit card.
• 131 card credit debt.
• 132 exclusive mortgage leads.
• 133 whole life insurance.
• 134 mortgage interest rate.
• 135 discount web hosting.
• 136 debt relief.
• 137 lawyer houston.
• 138 online associate degree.
• 139 web site content management.
• 140 lawyers medical malpractice.
• 141 credit card machine.
• 142 orange county search engine optimization.
• 143 wireless credit card.
• 144 adjustable rate mortgage.
• 145 asset management technology.
• 146 debt help.
• 147 online bachelor degree.
• 148 duplication dvd.
• 149 mortgage.
• 150 automotive direct mail.

Two Simple way to Increase traffic to your blog:-

                     It is very easy to build a new blog or website but Increase traffic to your blog and website's is not a easy task for everybody.If you are website owner then you must want good amount of visitor which is very difficult for creating newer blog.That means if your blog content are fresh and new so people may find something interesting in your blog.You are position about "Get,Set and Go" your blog can get huge amount of traffic automatically.
But you have must some thing to do to promote it.

2 Simple way you can and must necessary thing to increase your blog traffic.

1st:- Make your blog Eye-catching to visitor and search Engines friendly:-

• * Write fresh and original content for your blog reader's.
• * Submit your Site to Search-Engine.
• * Provide email subscription to your visitor's.
• * Select Best keyword to your website not over optimized.
• * Submit your site to Google and Bing webmaster tool's.
• * Make your blog or website attractive.Add related post,read more button to your site.

• * Join Most popular Social Networking Site Facebook,twitter etc. be active daily.
• * Make Facebook Page about your blog or website.
• * Make Google+ Page about your blog and following same niche visitor's.
• * Make advertisement to your blog of Google Adwords and E-commerce site's.

Remove Floating Feedback Button in Blogger/Blogspot Dynamic View:-

 

In this post i will show you how to remove floating feedback button in blogger/blogspot dynamic view which include feature in screenshot and various information! It is good to send feedback directly to Google but why add such useless things.!

Feedback menu placed at the bottom-right corner of blog can be remove by short and simple steps using  CSS display method.

Remove Floating Feedback button in Blogger Dynamic View : BEFORE
 Simple Steps:-

• Go to Blogger/Blogspot Dashboard  -->
• Template -->
• Customize -->
• Advanced -->
• Add CSS -->
• Paste the following code -->

a.feedback {display:none;}

Apply to Blog -->

Done....!

 You are done!

Remove Floating Feedback button in Blogger Dynamic View : AFTER

 Sliding Google+plus Pop Out Follower Box For Blogger:-

•     Go To Blogger/Blogspot Dashboard.
•     Click On Layout Tab.
•     Now Add Gadget -->> HTML/JavaScript.
•     Paste Below Code There.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".gplusbox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-330"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.gplusbox{
background: url("http://4.bp.blogspot.com/-P_L7snSQIhY/UNwbKcrJWII/AAAAAAAABYY/Qpz93Gv34cw/s1600/g++itbooster.jpg") no-repeat scroll left center transparent !important;
display: block;
float: right;
height: 330px;
padding: 0 0px 0 46px;
width: 325px;
z-index: 99999;
position:fixed;
right:-330px;
top:20%;
}
.gplusbox div{
padding: 15px;
background: white;
border: 2px solid #D64937;
border-right: 0;
}
</style>
<div class="gplusbox"><div>
<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/106849304625432735979" data-source="blogger:blog:followers" data-width="320">
</div>
<script type="text/javascript">
      (function() {
        window.___gcfg = {'lang': 'en'};
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
      })();
    </script>
</div></div>

Add Link Back To This Post Widget Below Blogger/Blogspot Post:-

• Go to Blogger account Dashboard >> Template
• Download a copy of your templates for backup.
• Click on Edit HTML.
• Hit Proceed.
• Click on Expand Widget Templates Checkbox.
• Find below code in your Template.

     <data:post.body/>

 <div class='post-footer-line post-footer-line-1'/>

<div class='post-footer'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p style='color: #7AA1C3;font-weight: bold;'>If you Like This Article,Then kindly linkback to this article by copying one of the codes below.</p>
<p style='color: #CF152A;font-weight: bold;'>URL Of Post:
</p><textarea cols='60' id='url' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='border:2px solid #FF0000;background:#fff; height: 2.6em; width: 98%;' title='Click to highlight'><data:post.url/></textarea><br/>
<br/><p style='color: #CF152A;font-weight: bold;'>Paste This HTML Code On Your Page:</p>
<textarea cols='60' id='HTML-code' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='border:2px solid #FF0000;background:#fff; height: 2.6em; width: 98%;' title='Click to highlight'>&lt;a href=&quot;<data:post.url/>&quot;&gt;<data:post.title/>&lt;/a&gt;</textarea>
<div style='text-align: right;font-size: x-small;'>
<a href='http://www.itbooster.blogspot.com' target='_blank'><span style='color: #838383;'>Get this widget</span></a></div></b:if>

 

Effect button's in CSS:-

I am going to teach you how to make good effect button's for your page,blog or website.
As you all know it all start's with CSS & HTML.So you should have little knowledge of CSS & HTML.
It's not very tough to make this god looking hover effect buton's.



If you also want to put this good looking button's in your blog then follow some quick step's:-

As I told you that we need the help of CSS in making this type of button's.Below are some CSS codes copy that code in your website.

a.hupt:link {
color: #6E6E6E;
font: bold 12px Helvetica, Arial, sans-serif;
text-decoration: none;
padding: 7px 12px;
position: relative;
display: inline-block;
text-shadow: 0 1px 0 white;
-webkit-transition: border-color .218s;
-moz-transition: border .218s;
-o-transition: border-color .218s;
transition: border-color .218s;
background: #F3F3F3;
background: -webkit-gradient(linear,0% 40%,0% 70%,from(whiteSmoke),to(#F1F1F1));
background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(whiteSmoke),to(#F1F1F1));
border: solid 1px gainsboro;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin-right: 10px;
text-align: center;
width: 70px;
transition: width 1s;
-moz-transition: width 1s;
-webkit-transition: width 1s;
-o-transition: width 1s;
}

a.hupt:hover {
color: #333;
border-color: #999;
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
width: 160px;
}

FAQ:
Where To Paste This Code????
If you don't know where to paste this code i will teach you follow the step's:-

• 
  
•     Go to blogger/blogspot dashboard.
•     Now open template designer.
•     After opening  template designer go to Advanced->>Add Css.
•     And there paste the code.

Now where You Want to show this button here is HTML code paste the code the button will start appearing.

<div class="testbutton">
<a class="hupt" href="YOUR-URL">FB
</a></div>

 Remove Post Footer from blogger/blogspot blog's:-

It is really to easy to remove post footer by CSS.Post Footer are useful in blog's.Post-footer has a share button,rating poll etc.But if you want to remove the post footer then follow following step's.

Let's do it with step-by-step instruction.

  First go to Blogger/Blogspot Dashboard ->> Template >> Customize ->> Advanced ->> Add CSS

    Now Copy the following code and paste it on there.

.post-footer
{
display: none;
}

 Now Apply this And Your Blog Footer will removed.

 How To Split Blogger Header Into 2 Section:-

 Blogger/Blogspot is having very simple layout which you can customize through template designer.You can add two sidebar or 3 column footer to your blog but there is no way by which you can split your blog header in two part's. Splitting your blog header and adding Adsense ad's can help to boost your CPC And Click's,you can also add any widget in your blog header like search box of social sharing button.Just follow below step's to divide your blog header in two part's.

Step 1:-

•     Go to Blogger/Blogspot Dashboard
•     Click On Template ->> Edit HTML ->> Proceed
•     Make Sure That Expand Widget Template checkbox is UNCHECKED
•     Now find below code there

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='My Test  Blog (Header)' type='Header'/>
</b:section>

    <b:section id='header-right' showaddelement='yes'/>
    <div style='clear: both;'/>

    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Blogger Sentral Widget Showcase (Header)' type='Header'/>
    </b:section>
    <b:section id='header-right' showaddelement='yes'/>
    <div style='clear: both;'/>

•     Now Find ]]></b:skin>
•     Paste Below Code Above ]]></b:skin>

    #header, body#layout #header {width:45%;display:inline-block;float:left;}
    #header-right, body#layout #header-right {width:40%;display:inline-block;float:right;padding:15px;}
    #header-right .widget {margin:0;}

•     Go to Blogger/Blogspot Dashboard.
•     Click On Layout Tab.
•     There you will find add gadget option next to your blogger/blospot header just click on it and add any widget you want to add.

Make Mouse over Facebook Share Button For Blogger/Blogspot:-

Hi friend's my tutorial about HTML.I am going to teach you how to make mouse over Facebook share button For Blogger/Blogspot.

So lets Start:-



 Copy The Following Code And Paste In You Website:-

<a href="Paste The Given Link Here"><img alt="Click Me" onmouseout="this.src='https://lh4.googleusercontent.com/-RruKf7ur62Y/UNb7SnOPJ1I/AAAAAAAABM4/y92An_31R2k/h120/Icon-Black-Facebook-1.jpg'" onmouseover="this.src='https://lh6.googleusercontent.com/-5W2ydySX6L4/UNb7TWzy46I/AAAAAAAABNA/xNV3c1q_znA/h120/Icon-Black-Facebook-2.jpg'" src="https://lh6.googleusercontent.com/-lS1ggMPWGpM/UNb7UV-q_UI/AAAAAAAABNI/NlaN5jKbEjc/h120/Icon-Black-Facebook-3.jpg" /></a>

Now Replace The Paste The Given Link Here With the following link-

http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2FYour Website URL

NOTE:-
     Write website URL like this "http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fitbooster.blogspot.com/"

What is HTML? by ITBooster:-

 

HTML is a language for describing web page's.HTML element's are the basic building-block's of webpages.HTML stands for Hyper Text Markup Language.HTML is written in the form of HTML elements.

Like:

<html>
<body>

<h1>ITBooster</h1>

<p>ITBooster is Great Site</p>

</body>
</html>

In between these tags web designer's can add text,tags,comment's and other types of text-based content.

By The help of HTML I am going to teach you many wonderful thing's by which you can make your Website look good and attractive.

So Trust Us Daily Come and check our post and daily learn some new thing's.

Pinterest Pin It Button On Image Hover For Blogger/Blogspot:-

The internet has fallen in love with Pinterest,It is fast growing social networking site with million's of daily page view.Getting lot's of pins from your blog post's can increase engagement and drive traffic.In this post I will provide you widget which will help you to get more pins from your blog,whenever any reader will put his mouse on image placed in blog post area then Pin It button will automatically appear on image.With this widget pinning image just got easier.

This widget automatically pick correct post title and post URL.It auto fill the image description with help of post title.This widget work's on all browser and the widget code is very small which make this widget installation simple.
Thanks to Greenlava from bloggersentral for providing this awesome widget.


 Adding This Widget To Blogger/Blogspot:

1.     Go To Blogger/Blogspot Dashboard.
2.     Click On Template -> Edit HTML -> Proceed.
3.     Now find </body>.
4.     And Paste Below Code Above </body>.

<script>
//<![CDATA[
var  bs_pinButtonURL = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaA8cUb5rNWlRG_OkgqAzhdNfxCkMkJXMCyV731dOIPAHSPZvLg_t8tE2_06J0oY4eBM01O2sDmyZ7ZJs0sv3yH4vH-ywOYSBzI-Xn20JOiUEwESpZADu0SPnRGvKDKi0eGZPn8qshNFDT/s1600/pinterest-icon+(2).png";
var bs_pinButtonPos = "center";
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script src='http://itbooster.opendrive.com/files/MV81OTczODY2X0dVUXZu/itbooster-pin.js' type='text/javascript'/>
<!-- please do not alter or remove the following code -->
<div id='bs_pinOnHover'><a href='http://www.bloggersentral.com/2012/11/pinterest-pin-it-button-on-image-hover.html'>Pin It button on image hover</a></div>

How To Remove The Blogger/Blogspot Navgation-Bar:-

1.      It looks more professional without it: Depending on what your purpose for blogging is, you may choose to remove the blogger/blogspot navigation-bar because having one makes a blog look more like a free-hosted blog and less like a professional site worth taking seriously.
2.     It gives you more space at the top of your page: This may not seem significant, but not having the navbar there does give you a bit more space for graphics.I have found this space to be quite useful when designing my own blog's.

1.     It makes editing a little bit easier:  You can login directly from the blog itself, and don't have to worry about logging into blogger/blogspot.You can also edit capsules from the main page, without having to go into element's.
2.     You get a teeny bit of traffic from the "next blog" button:  And I do mean teenie. I can't even recall the last time I saw traffic from it.

How To Remove It:

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

Google’s engineer Matt Cutts today revealed an official view about Guest blogging links from the Google search engine perspective which webmasters need to look out for. Guest blogging blogs continue to dole out free links , and also we warned you that Google might penalize guest blogging blogs!

Google View on Guest Blogging Links:-

In an era where computer and its usage go hand in hand with our daily work, no one can be disassociated with the world of latest technology, The world is no more separated by the boundaries but rather has  become a closer place to  live in  a “global village”. However, this technology comes with a bane just as it is considered as a boon for a large cause.The increase in cases of cyber crimes is just an example of it. Very often we have to use Public computers any where, But we sometimes are a bit callous in our attitude and which ultimately harms us and our privacy at large.  Thus it is very important for us to take utmost precaution while working on Public computers. A few of them are enumerated as below:

Select A Less Interrupted Computer :-

Use Portable Software or Live CD :-

It is always advisable to carry portable software in the USB or even a Live CD comes in handy wherever it it is possible. This helps in surfing in our own environment and thereby gives protection from the common computer browsers. A few tools in this regard can be as MojoPac, Portable Firefox, Portable IM solution like Miranda or Pidgin or few web Messengers like Yahoo Messenger , Meebo , Google Talk . Live CDs like Ubuntu or Knoppix can also be very useful .  Though this software might be not very user friendly but surely these are secure enough.

Delete Your Downloaded Files :-

Use windows on-screen keyboard for entering email account details :-

The most common and easiest tool for cyber crime is usage of Keylogger. Basically a keylogger is a software application  that helps in  tracking what one has typed  over the keyboard. The utility of such software comes in handy for the corporate offices since they can track what are the websites that their employees surf through and how they use their computer . The software works in the background and whatever is typed in through the keyboard is sent to an email address in  a  document form or any other such form as  formulated. However the real misuse of such software comes into  play  when one types-in secured information like the username and passwords to open the email accounts or surf through various social networking sites. Whenever we open our accounts in such software enabled computers the username and password is sent to an email address which is already feeded and they are uploaded as plain text, thus giving the receiver an access to our account. So to avoid this use windows on-screen keyboard for entering username and password for your email accounts and other personal accounts. To select on-screen keyboard got to Start-> All Programs-> Accessories-> Ease of Access-> On-Screen Keyboard, it looks something like this

On-Screen Keyboard

Check the status of security solutions installed :-

Clear web browser history :-

Clear Browser Histoty

Never forget to logout from email account :-

Logout

Try to avoid online purchase while using public computers :-

Re-boot computer after your use :-

How to Add Image in Blogger/Blogspot Blog Post?

Blogger tutorial,today I am going to show you how to add image in blogger/blogspot blog post.

Now let’s start the tutorial to add image in blogger/blogspot blog post.

Step 1: Go to Blogger and login with Gmail ID and Password. (www.blogger.com )

Step 2: From Blogger Dashboard click on Create New Post. Shown in below picture.


Step 3: Type your post article in Title area. Shown in below picture.



Step 4: In article description area click on Insert Image. Shown in below picture.


Step 5: Blogger will open a new page to add image in blogger post.You can insert images in your blogger post in many ways such as from the blog,picasa web albums,phone,webcam,url or computer.So choose the right one for you.To upload image from computer,click on Upload and Choose Files.Shown in below picture.


Step 6: Then select your image location and click on Open.Shown in below picture.


Step 7: Blogger will start to upload your picture.

Step 8: Click on Add Selected.Shown in below picture.


Done.
You have successfully inserted image to blogger/blogspot post.

If you are happy with inserted image then click on Publish..

How to write first blog at Blogger/Blogspot?

I hope you have successfully created your own blogsite at blogger already.Now in this tutorial I am going to show you how to write first blog at blogger with image tutorial for you.This tutorial especially based on those people who are new to blogging world.

But in today’s world time has changed.Blogging people are divided in two categories.One is hobby and another is Professional.The professional one works like business.And for the business people are ready to do anything to get success.They are doing cheating or not with their valuable readers,it does not matter for them.They only mean to do business with blogging.

Now come to the point.I did the above discussion to tell you the importance of blogging.Please don’t betray with your reader's or visitor's.They are life of your blog.Make your reader's or visitor's happy to read your article without any hassle (like too much monetization trick's, incomplete article, stolen articles and so on).It does not matter blogging is your hobby or profession please be loyal with blog writing.
Lets start to write first blog at blogger with image Tutorial.

Step 1: Login to your blogger account with gmail.

Step 2: Click on Create New Post from blogger dashboard. Shown in below picture.

Step 3: A new page will open.New Create Post page will like below picture.I put some number to make it clear for you to understand.See at below picture.

Step 4: Now let me clear about this number in above picture.

Number 1: It called Compose.If you choose compose mode for your new post then you don’t write any html code.Whenever you write new word it will auto generate new HTML code for you.

Number 2: If you have knowledge in HTML, this option will help you to write html code for your new post. HTML code looks like below picture.


Number 3: It is article Title.Article title is very important.So always try to write a very good article title.

Number 4: This option is used for to write the details of your article title. You can write, add picture, html coding, video within this field.

Number 5: You can use this option to look a quick preview on how it will look like after publishing.

Number 6: This option is used for to save your article.If you need to go outside urgent form your home when you are writing new post, you can use this option to save your article.

Number 7: This option is used for to publish your article.After writing,editing and quick preview,when you click on Publish, your article will be open for worldwide readers to read your article.

I hope you will now able to write first blog post at blogger.If you have any problem after reading this just give me a shout at below comment box.
                                                                        I will be happy to help you.

Blogger Cool Search Box with New Google Style:

I think this Search Box is very nice.Below is the difference of the search box.

jQuery Animated Label:

 Now if you wanna try Animated Label with jQuery just follow the steps below.

Step 1: Log in to your Blogger/Blogspot account.

Step 2: Go to Design --> Edit HTML.

Step 3: Copy the code below, and paste above </head>.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var dur = 450;
$(document).ready(function() {
$('a.linknudge, .Label ul li a').hover(function() {
$(this).animate({
paddingLeft: '20px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
});</script>

Step 4: Click Save.

Enjoy....Subscribe Us....Like Us...

Add social sharing gadget into blogger/blogspot:

Social networking is the best place for gather traffic for web sites and blog.If you can add attractive gadget to your blog then you can get good traffic.
However blogger/blogspot has few social sharing links,but now there's popular social sharing gadget to blogger/blogspot.

AddThis is a free way to boost traffic back to your site by making it easier for visitor's to share your content.

Getting Addthis code:

•     Create a new account in Addthis site. (http://www.addthis.com/)
•     If you have "Facebook" , Google or Open ID accounts you can log in to "Addthis" using above accounts.
•     Go to "Get Addthis".
•     Then choose blog "platform" and your prefer "style".
•     Click "Grab It" for copy addthis code.

•     After that Login to your blogger/blogspot. Go to "Design" > "Page Elements">"Add gadget">"HTML/JavaScript ".
•     Past above copied code in to "HTML/JavaScript "
•     Click save/If you wants preview how this gadget position your blog click "Preview".