Facebook World Largest Social Networking site every person in the world want fans on her/his page and also twitter so for more social widget click here this pop up widget will help you to make more fans and very simple to add Okey! follow the below steps

Add Widget On Blogger Blog
Dashboard >> Layout
click Add a Gadged
find HTML/JavaScript
past the below code and save Done!

 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script> <style> #fanback { display:none; background:rgba(0,0,0,0.8); width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999; } #fan-exit { width:100%; height:100%; } #fanbox { background:white; width:420px; height:270px; position:absolute; top:58%; left:63%; margin:-220px 0 0 -375px; -webkit-box-shadow: inset 0 0 50px 0 #939393; -moz-box-shadow: inset 0 0 50px 0 #939393; box-shadow: inset 0 0 50px 0 #939393; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: -220px 0 0 -375px; } #fanclose { float:right; cursor:pointer; background:url(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9 O7O1q3c8/s1600/fanclose.png) repeat; height:15px; padding:20px; position:relative; padding-right:40px; margin-top:-20px; margin-right:-22px; } .remove-borda { height:1px; width:366px; margin:0 auto; background:#F3F3F3; margin-top:16px; position:relative; margin-left:20px; } </style> <script type='text/javascript'> //<![CDATA[ jQuery.cookie = function (key, value, options) { // key and at least value given, set cookie... if (arguments.length > 1 && String(value) !== "[object Object]") { options = jQuery.extend({}, options); if (value === null || value === undefined) { options.expires = -1; } if (typeof options.expires === 'number') { var days = options.expires, t = options.expires = new Date(); t.setDate(t.getDate() + days); } value = String(value); return (document.cookie = [ encodeURIComponent(key), '=', options.raw ? value : encodeURIComponent(value), options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE options.path ? '; path=' + options.path : '', options.domain ? '; domain=' + options.domain : '', options.secure ? '; secure' : '' ].join('')); } // key and possibly options given, get cookie... options = value || {}; var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent; return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null; }; //]]> </script> <script type='text/javascript'> jQuery(document).ready(function($){ if($.cookie('popup_user_login') != 'yes'){ $('#fanback').delay(100).fadeIn('medium'); $('#fanclose, #fan-exit').click(function(){ $('#fanback').stop().fadeOut('medium'); }); } $.cookie('popup_user_login', 'yes', { path: '/', expires: 7 }); }); </script> <div id='fanback'> <div id='fan-exit'> </div> <div id='fanbox'> <div id='fanclose'> </div> <div class='remove-borda'> </div> <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php? href=http://facebook.com/bloggertiptrickswidget&width =402&height=255&colorscheme=light&show_faces =true&border_color=%23E2E2E2&stream=false&header=false' style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe> </div> </div>

replace the below url with your Facebook page URL
[www.facebook.com/bloggertiptrickswidget]

Advertisments

Search Box is always better option to find something on blog/web etc... and this search box develop By Google and it`s so cool widget i already add in my blog well let`s start

Adding Google Search Box In Blogger!
. Go to Google Custom Search Remember You have Logged Your Google Account Then you will do the next step know click Add
. (Sites to search)add your blog/web URL
. Select your Blog/Web .. language
. Title Of your Blog/Web
If you want *(click Advanced Options)*
. Add your Blog/Web URL

Advertisments

Features:
  1.) J-Query/JavaScript Widget.
  2.) Slide-Out On Hover.
  3.) Awesome And Stylish.
  4.) Facebook Like Box Included.
  5.) Twitter Followers Box Included.
  6.) YouTube Subscribe Box Included.
  7.) Google Plus Add To Circle Widget Included.
  8.) FeedBurner RSS Subscribe Through E-Mail Widget Included.
  9.) Sliding Effect Enabled.
  10.) Slide Out On Hove And Get Back On Mouse Out.


Step1. Adding Code
copy the below and past in your Blog/Web etc...

<style> img, a { border: 0; } #on { visibility: visible; } #off { visibility: hidden; } #facebook_div { width: 235px; height: 236px; overflow: hidden; } #twitter_div { width: 246px; height: 240px; overflow: hidden; } #google_plus_div { width: 290px; height: 250px; overflow: hidden; margin-left: 5px; margin-top: 1px; } #NBTfeedburner_div { width: 300px; height: 120px; overflow: hidden; margin-top: 5px; margin-left: -4px; } #NBT_div { width: 300px; height: 97px; overflow: hidden; } /* right side style */ #facebook_right { z-index: 10005; border: 2px solid #3c95d9; background-color: #fff; width: 235px; height: 236px; position: fixed; right: -239px; } #facebook_right img { position: absolute; top: -2px; left: -35px; } #facebook_right iframe { border: 0px solid #3c95d9; overflow: hidden; position: static; height: 236px; left: -2px; top: -3px; } #twitter_right { z-index: 10004; border: 2px solid #6CC5FF; background-color: #6CC5FF; width: 250px; height: 240px; position: fixed; right: -254px; } #twitter_right_img { position: absolute; top: -2px; left: -35px; border: 0; } #google_plus_right { z-index: 10003; background-color: #F2F2F2; border: 2px solid #006ec9; border-top: 2px solid #0056a0; border-bottom: 2px solid #0056a0; border-right: 2px solid #0056a0; border-left: 2px solid #0056a0; width: 290px; height: 250px; position: fixed; right: -294px; } #google_plus_right_img { position: absolute; top: -2px; left: -33px; border: 0; } #feedburner_right { z-index: 10003; background-color: #fefefe; border: 2px solid #5b5b5b; border-top: 2px solid #5b5b5b; border-bottom: 2px solid #5b5b5b; border-right: 2px solid #5b5b5b; border-left: hidden; width: 300px; height: 97px; position: fixed; right: -304px; } #feedburner_right_img { position: absolute; top: -2px; left: -33px; border: 0; } #NBT_right { z-index: 10003; border: 2px solid #303030; background-color: #fff; width: 300px; height: 97px; position: fixed; } #NBT_right img { position: absolute; top: -2px; left: -101px; } /* left side style */ #facebook_left { z-index: 10005; border: 2px solid #3c95d9; background-color: #fff; width: 235px; height: 236px; position: fixed; left: -239px; } #facebook_left img { position: absolute; top: -2px; right: -35px; } #facebook_left iframe { border: 0px solid #3c95d9; overflow: hidden; position: static; height: 236px; right: -2px; top: -3px; } #twitter_left { z-index: 10004; border: 2px solid #6CC5FF; background-color: #6CC5FF; width: 246px; height: 240px; position: fixed; left: -254px; } #twitter_left_img { position: absolute; top: -2px; right: -35px; border: 0; } #google_plus_left { z-index: 10003; background-color: #006ec9; border: 2px solid #006ec9; border-top: 2px solid #0056a0; border-bottom: 2px solid #0056a0; border-left: 2px solid #0056a0; border-right: 2px solid #0056a0; width: 290px; height: 120px; position: fixed; left: -294px; } #google_plus_left_img { position: absolute; top: -2px; right: -33px; border: 0; } #feedburner_left { z-index: 10003; background-color: #fefefe; border: 2px solid #5b5b5b; border-top: 2px solid #5b5b5b; border-bottom: 2px solid #5b5b5b; border-left: 2px solid #5b5b5b; border-right: hidden; width: 300px; height: 97px; position: fixed; left: -304px; } #feedburner_left_img { position: absolute; top: -2px; right: -33px; border: 0; } #NBT_left { z-index: 10003; border: 2px solid #303030; background-color: #fff; width: 300px; height: 97px; position: fixed; } #NBT_left img { position: absolute; top: -2px; right: -101px; } .box-title1 { border: 1px solid #ddd; /*border-radius*/ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; /*box-shadow*/ -webkit-box-shadow: 5px 5px 5px #CCCCCC; -moz-box-shadow: 5px 5px 5px #CCCCCC; box-shadow: 5px 5px 5px #CCCCCC; padding: 10px; margin: 10px 0; } .enteryouremail { background: #fff !important; border: 1px solid #d2d2d2; padding: 0px 8px 0px 8px; color: #a19999; font-size: 12px; height: 25px; width: 165px; /*border-radius*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0px; } .submitbutton { background: #FF8000; border: 1px solid #F66303; /*box-shadow*/ -webkit-box-shadow: 3px 3px 3px #666; box-shadow: 3px 3px 3px #666; font: bold 12px Arial, sans-serif; color: #000000; height: 25px; padding: 0 12px 0 12px; margin: 0 0 0 5px; /*border-radius*/ -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; } #youtube_right { z-index: 10001; background-color: #fefefe; border:2px solid #ff0000; border-top:2px solid #5b5b5b; border-bottom: 2px solid #5b5b5b; border-right:2px solid #5b5b5b; border-left: hidden; width:301px; height: 106px; position: fixed; right: -304px; } #youtube_right_img { position: absolute; top: -2px; left: -33px; border: </style> <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script> <script type="text/javascript"> jQuery(document).ready(function () { jQuery("#facebook_right").hover( function () { jQuery(this).stop(true, false).animate( { right: 0 }, 500); }, function () { jQuery("#facebook_right").stop( true, false).animate( { right: -239 }, 500); }); jQuery("#twitter_right").hover( function () { jQuery(this).stop(true, false).animate( { right: 0 }, 500); }, function () { jQuery("#twitter_right").stop( true, false).animate( { right: -254 }, 500); }); jQuery("#google_plus_right").hover( function () { jQuery(this).stop(true, false).animate( { right: 0 }, 500); }, function () { jQuery("#google_plus_right").stop( true, false).animate( { right: -294 }, 500); }); jQuery("#feedburner_right").hover( function () { jQuery(this).stop(true, false).animate( { right: 0 }, 500); }, function () { jQuery("#feedburner_right").stop( true, false).animate( { right: -304 }, 500); }); jQuery("#youtube_right").hover( function () { jQuery(this).stop(true, false).animate( { right: 0 }, 500); }, function () { jQuery("#youtube_right").stop( true, false).animate( { right: -304 }, 500); }); }); </script> </span> </b> <br /> <div id="on"> <div id="facebook_right" style="top: 8%;"> <div id="facebook_div"> <img alt="" src="http://3.bp.blogspot.com/-wQUpmiGwynE/UNHJaesfqeI/AAAAAAAAItg/JQlnTuoFRnQ/s1600/NBTfacebook_right.png" /> <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fasd&width=250&height=250&colorscheme=light&show_faces=true&border_color&stream=false&header=false" style="border: none; height: 250px; overflow: hidden; width: 250px;"></iframe> </div> </div> </div> <div id="on"> <div id="twitter_right" style="top: 24%;"> <div id="twitter_div"> <img id="twitter_right_img" src="http://3.bp.blogspot.com/-UrPbwWyd88E/UNHJhIlDSRI/AAAAAAAAIt4/fmis0qzbcfI/s1600/NBTtwitter_right.png" /> <div style="width:248px;font-size:8px;text-align:right;"> <script type="text/javascript"> document.write(unescape( "%3Cscript src='http://twitterforweb.com/twitterbox.js?username=asd&settings=0,1,2,248,279,ffffff,0,c4c4c4,101010,1,1,336699' type='text/javascript'%3E%3C/script%3E" )); </script> <a href="http://NewBloggerTips.com" target="_blank"></a> </div> </div> </div> </div> <div id="on"> <div id="google_plus_right" style="top: 41%;"> <div id="google_plus_div"> <img id="google_plus_right_img" src="http://2.bp.blogspot.com/-e2uAzeEjWU4/UTHxwZv6O_I/AAAAAAAAACo/IIkUjVUrtus/s1600/NBTgoogle_plus_right.png" /> <div style="float: left; margin: 10px 10px 10px 0;"> <a href='http://newbloggertips.com'> <img alt='Tips Tricks And Tutorials' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png' /> </a> <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/asd" data-source="blogger:blog:followers" data-width="270"> </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> </div> <div id="on"> <div id="feedburner_right" style="top: 75%;"> <div id="NBTfeedburner_div"> <center> <h4 style="color: #f66303;"> You can also receive Free Email Updates:</h4> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=asd', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <input class="enteryouremail" gtbfieldid="10" name="email" onblur="if (this.value == '') {this.value = 'Enter your email here...';}" onfocus="if (this.value == 'Enter your email here...') {this.value = '';}" type="text" value="Enter your email here..." /> <input name="uri" type="hidden" value="asd" /> <input class="submitbutton" type="submit" value="Submit" /> </form> </center> <img id="feedburner_right_img" src="http://1.bp.blogspot.com/-k_w8nyZNI0I/UNHJcHym1SI/AAAAAAAAIto/UuFo46fEKaA/s1600/NBTfeedburner_right.png" /> <div style="float: right; padding: 20px; margin: 0px;"> <span style="font-size:10px;">Widget by <a href="http://newbloggertips.com/">NBT</a> </span> <span style="font-size:8px;"></span> </div> </div> </div> <div id="on"> <div id="youtube_right" style="top:58%;"> <div id="youtube_div"> <img id="youtube_right_img" src="http://2.bp.blogspot.com/-jRtgtewf7DA/UR_Gu5gijpI/AAAAAAAALX8/G_nLKDQxb-w/s1600/NBTyoutube_right.png " /> <div style="float:left;margin:1px 0px 0px 2px;"> <iframe src=http://www.youtube.com/subscribe_widget?p=asd style="height:105px;width:300px;border:0;" scrolling="no" frameBorder="0"></iframe> </div> </div> </div> </div> <style> img, a { border: 0; } #on { visibility: visible; } #off { visibility: hidden; } #facebook_div { width: 235px; height: 236px; overflow: hidden; } #twitter_div { width: 246px; height: 240px; overflow: hidden; } #google_plus_div { width: 290px; height: 250px; overflow: hidden; margin-left: 5px; margin-top: 1px; } #NBTfeedburner_div { width: 300px; height: 120px; overflow: hidden; margin-top: 5px; margin-left: -4px; } #NBT_div { width: 300px; height: 97px; overflow: hidden; } /* right side style */ #facebook_right { z-index: 10005; border: 2px solid #3c95d9; background-color: #fff; width: 235px; height: 236px; position: fixed; right: -239px; } #facebook_right img { position: absolute; top: -2px; left: -35px; } #facebook_right iframe { border: 0px solid #3c95d9; overflow: hidden; position: static; height: 236px; left: -2px; top: -3px; } #twitter_right { z-index: 10004; border: 2px solid #6CC5FF; background-color: #6CC5FF; width: 250px; height: 240px; position: fixed; right: -254px; } #twitter_right_img { position: absolute; top: -2px; left: -35px; border: 0; } #google_plus_right { z-index: 10003; background-color: #F2F2F2; border: 2px solid #006ec9; border-top: 2px solid #0056a0; border-bottom: 2px solid #0056a0; border-right: 2px solid #0056a0; border-left: 2px solid #0056a0; width: 290px; height: 250px; position: fixed; right: -294px; } #google_plus_right_img { position: absolute; top: -2px; left: -33px; border: 0; } #feedburner_right { z-index: 10003; background-color: #fefefe; border: 2px solid #5b5b5b; border-top: 2px solid #5b5b5b; border-bottom: 2px solid #5b5b5b; border-right: 2px solid #5b5b5b; border-left: hidden; width: 300px; height: 97px; position: fixed; right: -304px; } #feedburner_right_img { position: absolute; top: -2px; left: -33px; border: 0; } #NBT_right { z-index: 10003; border: 2px solid #303030; background-color: #fff; width: 300px; height: 97px; position: fixed; } #NBT_right img { position: absolute; top: -2px; left: -101px; } /* left side style */ #facebook_left { z-index: 10005; border: 2px solid #3c95d9; background-color: #fff; width: 235px; height: 236px; position: fixed; left: -239px; } #facebook_left img { position: absolute; top: -2px; right: -35px; } #facebook_left iframe { border: 0px solid #3c95d9; overflow: hidden; position: static; height: 236px; right: -2px; top: -3px; } #twitter_left { z-index: 10004; border: 2px solid #6CC5FF; background-color: #6CC5FF; width: 246px; height: 240px; position: fixed; left: -254px; } #twitter_left_img { position: absolute; top: -2px; right: -35px; border: 0; } #google_plus_left { z-index: 10003; background-color: #006ec9; border: 2px solid #006ec9; border-top: 2px solid #0056a0; border-bottom: 2px solid #0056a0; border-left: 2px solid #0056a0; border-right: 2px solid #0056a0; width: 290px; height: 120px; position: fixed; left: -294px; } #google_plus_left_img { position: absolute; top: -2px; right: -33px; border: 0; } #feedburner_left { z-index: 10003; background-color: #fefefe; border: 2px solid #5b5b5b; border-top: 2px solid #5b5b5b; border-bottom: 2px solid #5b5b5b; border-left: 2px solid #5b5b5b; border-right: hidden; width: 300px; height: 97px; position: fixed; left: -304px; } #feedburner_left_img { position: absolute; top: -2px; right: -33px; border: 0; } #NBT_left { z-index: 10003; border: 2px solid #303030; background-color: #fff; width: 300px; height: 97px; position: fixed; } #NBT_left img { position: absolute; top: -2px; right: -101px; } .box-title1 { border: 1px solid #ddd; /*border-radius*/ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; /*box-shadow*/ -webkit-box-shadow: 5px 5px 5px #CCCCCC; -moz-box-shadow: 5px 5px 5px #CCCCCC; box-shadow: 5px 5px 5px #CCCCCC; padding: 10px; margin: 10px 0; } .enteryouremail { background: #fff !important; border: 1px solid #d2d2d2; padding: 0px 8px 0px 8px; color: #a19999; font-size: 12px; height: 25px; width: 165px; /*border-radius*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0px; } .submitbutton { background: #FF8000; border: 1px solid #F66303; /*box-shadow*/ -webkit-box-shadow: 3px 3px 3px #666; box-shadow: 3px 3px 3px #666; font: bold 12px Arial, sans-serif; color: #000000; height: 25px; padding: 0 12px 0 12px; margin: 0 0 0 5px; /*border-radius*/ -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; } #youtube_right { z-index: 10001; background-color: #fefefe; border:2px solid #ff0000; border-top:2px solid #5b5b5b; border-bottom: 2px solid #5b5b5b; border-right:2px solid #5b5b5b; border-left: hidden; width:301px; height: 106px; position: fixed; right: -304px; } #youtube_right_img { position: absolute; top: -2px; left: -33px; border: </style> <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script> <script type="text/javascript"> jQuery(document).ready(function () { jQuery("#facebook_right").hover( function () { jQuery(this).stop(true, false).animate( { right: 0 }, 500); }, function () { jQuery("#facebook_right").stop( true, false).animate( { right: -239 }, 500); }); jQuery("#twitter_right").hover( function () { jQuery(this).stop(true, false).animate( { right: 0 }, 500); }, function () { jQuery("#twitter_right").stop( true, false).animate( { right: -254 }, 500); }); jQuery("#google_plus_right").hover( function () { jQuery(this).stop(true, false).animate( { right: 0 }, 500); }, function () { jQuery("#google_plus_right").stop( true, false).animate( { right: -294 }, 500); }); jQuery("#feedburner_right").hover( function () { jQuery(this).stop(true, false).animate( { right: 0 }, 500); }, function () { jQuery("#feedburner_right").stop( true, false).animate( { right: -304 }, 500); }); jQuery("#youtube_right").hover( function () { jQuery(this).stop(true, false).animate( { right: 0 }, 500); }, function () { jQuery("#youtube_right").stop( true, false).animate( { right: -304 }, 500); }); }); </script> </span> </b> <br /> <div id="on"> <div id="facebook_right" style="top: 8%;"> <div id="facebook_div"> <img alt="" src="http://3.bp.blogspot.com/-wQUpmiGwynE/UNHJaesfqeI/AAAAAAAAItg/JQlnTuoFRnQ/s1600/NBTfacebook_right.png" /> <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FBTTW&width=250&height=250&colorscheme=light&show_faces=true&border_color&stream=false&header=false" style="border: none; height: 250px; overflow: hidden; width: 250px;"></iframe> </div> </div> </div> <div id="on"> <div id="twitter_right" style="top: 24%;"> <div id="twitter_div"> <img id="twitter_right_img" src="http://3.bp.blogspot.com/-UrPbwWyd88E/UNHJhIlDSRI/AAAAAAAAIt4/fmis0qzbcfI/s1600/NBTtwitter_right.png" /> <div style="width:248px;font-size:8px;text-align:right;"> <script type="text/javascript"> document.write(unescape( "%3Cscript src='http://twitterforweb.com/twitterbox.js?username=BTTW&settings=0,1,2,248,279,ffffff,0,c4c4c4,101010,1,1,336699' type='text/javascript'%3E%3C/script%3E" )); </script> <a href="http://NewBloggerTips.com" target="_blank"></a> </div> </div> </div> </div> <div id="on"> <div id="google_plus_right" style="top: 41%;"> <div id="google_plus_div"> <img id="google_plus_right_img" src="http://2.bp.blogspot.com/-e2uAzeEjWU4/UTHxwZv6O_I/AAAAAAAAACo/IIkUjVUrtus/s1600/NBTgoogle_plus_right.png" /> <div style="float: left; margin: 10px 10px 10px 0;"> <a href='http://newbloggertips.com'> <img alt='Tips Tricks And Tutorials' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png' /> </a> <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/BTTW" data-source="blogger:blog:followers" data-width="270"> </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> </div> <div id="on"> <div id="feedburner_right" style="top: 75%;"> <div id="NBTfeedburner_div"> <center> <h4 style="color: #f66303;"> You can also receive Free Email Updates:</h4> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BTTW', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <input class="enteryouremail" gtbfieldid="10" name="email" onblur="if (this.value == '') {this.value = 'Enter your email here...';}" onfocus="if (this.value == 'Enter your email here...') {this.value = '';}" type="text" value="Enter your email here..." /> <input name="uri" type="hidden" value="BTTW" /> <input class="submitbutton" type="submit" value="Submit" /> </form> </center> <img id="feedburner_right_img" src="http://1.bp.blogspot.com/-k_w8nyZNI0I/UNHJcHym1SI/AAAAAAAAIto/UuFo46fEKaA/s1600/NBTfeedburner_right.png" /> <div style="float: right; padding: 20px; margin: 0px;"> <span style="font-size:10px;">Widget by <a href="http://newbloggertips.com/">NBT</a> </span> <span style="font-size:8px;"></span> </div> </div> </div> <div id="on"> <div id="youtube_right" style="top:58%;"> <div id="youtube_div"> <img id="youtube_right_img" src="http://2.bp.blogspot.com/-jRtgtewf7DA/UR_Gu5gijpI/AAAAAAAALX8/G_nLKDQxb-w/s1600/NBTyoutube_right.png " /> <div style="float:left;margin:1px 0px 0px 2px;"> <iframe src=http://www.youtube.com/subscribe_widget?p=BTTW style="height:105px;width:300px;border:0;" scrolling="no" frameBorder="0"></iframe> </div> </div> </div> </div>

Advertisments

.Blogger>>Layout>>
.click Add a gadget
.find HTML/JavaScript(The picture below)
.Past The below the

<style>#topbar {height:30px;width:auto;background: #005094 url('http://lh3.ggpht.com/_beEpWOXwLJE/TIb57Lu4fwI/AAAAAAAABE0/q7niFVRbyNE/top-toolbar.jpg');background-repeat:repeat-x;text-align:left;padding-top:4px;}#adsground {height:auto;margin:0 auto;width: 336px;background:#fff;border-bottom:2px #005094 solid;border-right:2px #005094 solid;border-left:2px #005094 solid;text-align:Center;padding:4px;} #headlineatas {opacity:1.0;height:auto;width:auto;position:fixed;top:65px;left:170px;border-bottom:1px #005094 solid;border-bottom:0px blue solid;color:#333;padding:0px;z-index:1001;font-size:13px;}</style><script type="text/javascript">function getValue(){document.getElementById("headlineatas").style.display = 'none';}</script><div id="headlineatas"> <div id="topbar"> <img align="left" style="padding-left:2px;" src="http://icons.iconarchive.com/icons/deleket/folder/24/Mozilla-Thunderbird-icon.png" /><span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em">Ads by Google</span><span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"> <target="_blank" onclick="getValue()"><img src="http://2.bp.blogspot.com/-MMPpCZmtMOk/Ta7bZ-q_ysI/AAAAAAAAAfo/iRHsnr_ZxVE/s1600/close.png" /></target="_blank"></span></div> <div id="adsground"> <h3> <a href="http://blogger-tips-tricks-widget.blogspot.com/">Get This Pop-up Window</a><p align="left"> <h3> </h3> </p> your Adsense Code Here <img src="http://2.bp.blogspot.com/-UzX8Bc9cIxg/Uv32gcO_msI/AAAAAAAAAiA/2Ey5ZVRSQEA/s1600/Untitled-1.png" height="200" widht="100"> your Adsense Code Here <p> <br/></p> </div> </div>

Step2.Adding Adsense Your code
.Remove your adsense code Here
   note:you find [your adsense code Here] remove 1 to 2
.Past Your Adsense Ads Code
.click Save!

Congratulation!

Advertisments

This is another Social widget and i hope you like in this widget you don`t need to add any code in your Template just past the below code in [Html & Javascript]

Step 1.
Copy The Below Code
<tr> <td width="245" height="35"> <!-- START SOCIAL MEDIA WIDGET --><ul id="socialbar"> <li id="facebook"><a target="_blank" href="http://www.facebook.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/facebook.png"></a></li> <li id="twitter"><a target="_blank" href="http://twitter.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/twitter.png"></a></li> <li id="Googleplus"><a target="_blank" href="https://plus.google.com/u/0/profilepageaddress"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/Googleplus.png"></a></li> <li id="Pinterest"><a target="_blank" href="http://pinterest.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/Pinterest.png"></a></li> <li id="linkedin"><a target="_blank" href="http://www.linkedin.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/linkedin.png"></a></li> </ul> <style>#socialbar img {border:0px;}#socialbar li img {width:36px; height:36px;}#socialbar li a:hover {position:relative;top:2px;}#socialbar{list-style: none outside none; margin:0px; position: static;}#socialbar li {display:inline;padding-right:2px;}#socialbar{padding:10px;text-align:center;}</style></td> </tr> <tr> <td height="10"><h6 align="center">


Step 2.
Follow The Step

Advertisments

Hello guys this Is saqib ahmed and today i have 1 Awesome Social Widget actually this widget by Facebook Developer and Facebook Provide Cool 4 Widget this image proved by FaceBook and it will automatic update when i update my Profile :)

Step 1.
Facebook Babges
.   Profile Badges
.  Photo Badges
.   Like Badges
.  Page Badges
If you want get Any Below Badges just click on it


Step 1. Adding FaceBook Badges
.  Choose method Where to want to Add 
                 or 
(if you want get badges html code) just click +Other 
.  Copy Below Code
. past your profile badges code 

Congratulation!  
 

Advertisments

Here i am giving that widget and added a cool hover effect with CSS3 for you. If you like it then you can use in your blog
------------------------------------------------------------------------
Demo
------------------------------------------------------------------------
How to Install Social Sharing Widget?
Step 1: Adding Css code 

1.Login to Blogger Dashboard > Design tab > Edit Html
2.Click on Expand Template widgets ckeckbox
3.Search for ]]></b:skin> tag and put below code above it!
<b:if cond='data:blog.pageType == "item"'> <div id='w2b-share'> <ul> <li><a class='twitter' expr:href='"http://twitter.com/?status=" + data:post.title + " - " + data:post.url ' rel='nofollow' target='_blank' title='Share this post on twitter'/></li> <li><a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Share this post on Facebook'/></li> <li><a class='stumbleupon' expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Share this post on Stunbleupon'/></li> <li><a class='digg' expr:href='"http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Share this post on Digg'/></li> <li><a class='reddit' expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Share this post on Reddit'/></li> <li><a class='google' expr:href='"http://www.google.com/bookmarks/mark?op=add&bkmk=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Bookmark this post on Google'/></li> <li><a class='del-icio-us' expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Share this post on delicious'/></li> <li><a class='mixx' expr:href='"http://www.mixx.com/submit?page_url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' target='_blank' title='Share this post on Mixx'/></li> <li><a class='technorati' expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Fav on Technorati'/></li> <li><a class='yahoobuzz' expr:href='"http://buzz.yahoo.com/submit/?url="+ data:post.url' rel='nofollow' target='_blank' title='Share this post on Yahoo!Buzz'/></li> <li><a class='myspace' expr:href='"http://www.myspace.com/Modules/PostTo/Pages/?u="+ data:post.url + "&t=" + data:post.title' rel='nofollow' target='_blank' title='Sahre this post on Myspace'/></li> <li><a class='a2a_dd more' expr:href='"http://www.addtoany.com/share_save?url=" + data:post.url + "&title=" + data:post.title '/><script src='http://static.addtoany.com/menu/page.js' type='text/javascript'/></li> </ul> </div> </b:if>

Step 2: Adding Widget code 

1.Search for <data:post.body/> tag
2.And Put Below Code immediately after it! & Save your Template
<b:if cond='data:blog.pageType == "item"'> <div id='w2b-share'> <ul> <li><a class='twitter' expr:href='"http://twitter.com/?status=" + data:post.title + " - " + data:post.url ' rel='nofollow' target='_blank' title='Share this post on twitter'/></li> <li><a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Share this post on Facebook'/></li> <li><a class='stumbleupon' expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Share this post on Stunbleupon'/></li> <li><a class='digg' expr:href='"http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Share this post on Digg'/></li> <li><a class='reddit' expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Share this post on Reddit'/></li> <li><a class='google' expr:href='"http://www.google.com/bookmarks/mark?op=add&bkmk=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Bookmark this post on Google'/></li> <li><a class='del-icio-us' expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Share this post on delicious'/></li> <li><a class='mixx' expr:href='"http://www.mixx.com/submit?page_url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' target='_blank' title='Share this post on Mixx'/></li> <li><a class='technorati' expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Fav on Technorati'/></li> <li><a class='yahoobuzz' expr:href='"http://buzz.yahoo.com/submit/?url="+ data:post.url' rel='nofollow' target='_blank' title='Share this post on Yahoo!Buzz'/></li> <li><a class='myspace' expr:href='"http://www.myspace.com/Modules/PostTo/Pages/?u="+ data:post.url + "&t=" + data:post.title' rel='nofollow' target='_blank' title='Sahre this post on Myspace'/></li> <li><a class='a2a_dd more' expr:href='"http://www.addtoany.com/share_save?url=" + data:post.url + "&title=" + data:post.title '/><script src='http://static.addtoany.com/menu/page.js' type='text/javascript'/></li> </ul> </div> </b:if>


SOLUTION FOR FINDING CODE IN STEP 2
here i received a comment While finding the <data:post.body/> code is coming three time.

This Problem comes when we install Auto Read Hack in our Blogs For this Problem Search for any one line from below and Put Above Section of Wdget Code after it!.

<div class='post-footer-line post-footer-line-1'>
<div class='post-footer'>
<b:if cond='data:blog.pageType == "item"'> <data:post.body/>

Advertisments

This is a Cool Social Sharing Buttons "Hover Me" Its named such due to its appealing look that forces a visitor to roll hover the cursor over the icons and hit follow! :) This gadget is neatly structured using buttons from popular services like Google Plus, Facebook, Twitter and RSS.First see the demo

------------------------------------------------------------------------------
------------------------------------------------------------------------------

How to Add Cool Sharing Social Widget on Blog?
1.Go to Blogger >> Layout
2.Click 'Add a Gadget'
3.Select 'Html JavaScript'
4.Copy & Past Below Code and Save

 
Cool Social Media Sharing Touch Me Widget by Blogger Widgets
 
         

Advertisments

In this tutorial i will teach you how to upload file to Google Drive
===============================================
Advertisment:-

===============================================
First Go to GoogleDrive

Congratulation! You`re Done

Advertisments

Advertisments

Keywords /Cost Per Click

Donate Car To Charity CALIFORNIA ($130.25)
DONATE CAR FOR TAX CREDIT ($126.65)
DONATE CARS IN MA ($125.58)
DONATE YOUR CAR SACRAMENTO ($118.20)
HOW TO DONATE A CAR IN CALIFORNIA ($111.21)
DONATE YOUR CAR FOR KIDS ($106.01)
CAR INSURANCE QUOTES COLORADO ($100.93)
NUNAVUT CULTURE ($99.52)
DAYTON FREIGHT LINES ($99.39)
HARDDRIVE DATA RECOVERY SERVICES ($98.59)
DONATE A CAR IN MARYLAND ($98.51)
MOTOR REPLACEMENTS ($98.43)
CHEAP DOMAIN REGISTRATION HOSTING ($98.39)
DONATING A CAR IN MARYLAND ($98.20)
DONATE CARS ILLINOIS ($98.13)
CRIMINAL DEFENSE ATTORNEYS FLORIDA ($98.07)
BEST CRIMINAL LAWYER IN ARIZONA ($97.93)
CAR INSURANCE QUOTES UTAH ($97.92)
LIFE INSURANCE CO LINCOLN ($97.07)
HOLLAND MICHIGAN COLLEGE ($95.74)
ONLINE MOTOR INSURANCE QUOTES ($95.73)
ONLINE COLLEDGES ($95.65)
PAPERPORT PROMOTIONAL CODE ($95.13)
ONLINECLASSES ($95.06)
WORLD TRADE CENTER FOOTAGE ($95.02)
MASSAGE SCHOOL DALLAS TEXAS ($94.90)
PSYCHIC FOR FREE ($94.61)
DONATE OLD CARS TO CHARITY ($94.55)
LOW CREDIT LINE CREDIT CARDS ($94.49)
DALLAS MESOTHELIOMA ATTORNEYS ($94.33)
CAR INSURANCE QUOTES MN ($94.29)
DONATE YOUR CAR FOR MONEY ($94.01)
CHEAP AUTO INSURANCE IN VA ($93.84)
MET AUTO ($93.70)
FORENSICS ONLINE COURSE ($93.51)
HOME PHONE INTERNET BUNDLE ($93.32)
DONATING USED CARS TO CHARITY ($93.17)
PHD IN COUNSELING EDUCATION ($92.99)
NEUSON ($92.89)
CAR INSURANCE QUOTES PA ($92.88)
ROYALTY FREE IMAGES STOCK ($92.76)
CAR INSURANCE IN SOUTH DAKOTA ($92.72)
EMAIL BULK SERVICE ($92.55)
WEBEX COSTS ($92.38)
CHEAP CAR INSURANCE FOR LADIES ($92.23)
CHEAP CAR INSURANCE IN VIRGINIA ($92.03)
REGISTER FREE DOMAINS ($92.03)
BETTER CONFERENCING CALLS ($91.44)
FUTURISTIC ARCHITECTURE ($91.44)
MORTGAGE ADVISER ($91.29)
Insurance ($54.91)
Gas/Electricity ($54.62)
Mortgage ($47.12)
Attorney ($47.07)
Claim ($45.51)
Mesothelioma Law Firm ($179.01)
Sell Annuity Payment ($107.46)
Asbestos Lawyers ($105.84)
Structured Annuity Settlement ($100.8)
Annuity Settlements ($100.72)
Car Donate ($88.26)
Virtual Data Rooms ($83.18)
Automobile Accident Attorney ($76.57)
Auto Accident Attorney ($75.64)
Car Accident Lawyers ($75.17)
Data Recovery Raid ($73.22)
Motor Insurance Quotes ($68.61)
Personal Injury Lawyer ($66.53)
Car Insurance Quotes ($61.03)
Asbestos Lung Cancer ($60.96)
Injury Lawyers ($60.79)
Personal Injury Law Firm ($60.56)
Online Criminal Justice Degree ($60.4)
Car Insurance Companies ($58.66)
Business Voip Solutions ($51.9)

Advertisments

First! know about CPC
if you want more high paying CPC keywords click here
=============================================================
Q:What is CPC?
Ans:The cost-per-click (CPC) is the amount you earn each time a user clicks on your ad. The CPC for any ad is determined by the advertiser; some advertisers may be willing to pay more per click than others, depending on what they're advertising
=============================================================

How to Increase Adsense CPC?
it`s very easy i will show you step by step and you get 1$-7$ per ads click
go to keywordspy.com and follow the bellow picture step
--------------------------------------------------------------------------------------------
and then click search choose The Highest CPC and click on it after page open you can see the url
copy the url
 ----------------------------------------------------------------------------------------------
 check domain and past your URL and search again. In this page you can see the URL Average Cost/Click
example below in this pic $2.49
-------------------------------------------------------------------------------------------------
login you Adsense Account and click Allow/Block URL Past url and click Block URL then you can click Allowed

Advertisments