Best Shopping Sites list is a platform whither is the solution to everything. Our team is professional in Information Technology and shopping Field. We have all kinds of blogs that we reach out to you directly. We have articles on these topics, particularly instruments shopping, Computer Geeks, software, technology, iphones, smart phones, SEO and SMO tips, blogging, traveling, movies, music, Question and Answers, full forms, and much more. If you want to engage your post visit ADD URL PAGE.

Latest Shopping Sites:- Best Shopping Sites in USA || Best Shopping Sites in Albania || Best Shopping Sites in Armenia || Best Shopping Sites in Australia || Best Shopping Sites in Austria || Best Shopping Sites in Belgium || Best Shopping Sites in Bosnia and Herzegovina || Best Shopping Sites in Bulgaria || Best Shopping Sites in Canada || Best Shopping Sites in Chile || Best Shopping Sites in Croatia || Best Shopping Sites in Czech Republic || Best Shopping Sites in Denmark || Best Shopping Sites in Finland || Best Shopping Sites in France || Best Shopping Sites in Germany || Best Shopping Sites in Greece || Best Shopping Sites in Hong Kong (China) || Best Shopping Sites in Hungary || Best Shopping Sites in Iceland || Best Shopping Sites in India || Best Shopping Sites in Indonesia || Best Shopping Sites in Ireland || Best Shopping Sites in Israel || Best Shopping Sites in Italy || Best Shopping Sites in Japan || Best Shopping Sites in Kenya || Best Shopping Sites in Lithuania || Best Shopping Sites in Luxembourg || Best Shopping Sites in Macedonia || Best Shopping Sites in Malaysia || Best Shopping Sites in Mexico || Best Shopping Sites in Moldova || Best Shopping Sites in Netherlands || Best Shopping Sites in New Zealand || Best Shopping Sites in Nigeria || Best Shopping Sites in Norway || Best Shopping Sites in Peru || Best Shopping Sites in Portugal || Best Shopping Sites in Qatar || Best Shopping Sites in Romania || Best Shopping Sites in Russia || Best Shopping Sites in Senegal || Best Shopping Sites in Serbia || Best Shopping Sites in Singapore || Best Shopping Sites in Slovakia || Best Shopping Sites in Slovenia || Best Shopping Sites in South Africa || Best Shopping Sites in South Korea || Best Shopping Sites in Sweden || Best Shopping Sites in Switzerland || Best Shopping Sites in Taiwan || Best Shopping Sites in the World || Best Shopping Sites in Uganda || Best Shopping Sites in United Arab Emirates (UAE) || Best Shopping Sites in United Kingdom (UK) || Best Shopping Sites in Uruguay|| Latest Updates:- Free Submit Your Website/Blog With Us || List Of Best Online Shopping Sites in India || Best Shopping Sites For Women's Clothing || Best Shopping Sites For Lingeries || Best Shopping Sites For Men's Clothing || Best Shopping Sites For Sports || Best Shopping Sites For Fitness || Best Shopping Sites For Flights || Best Shopping Sites For Travel || Best Shopping Sites For Holiday Packages || Best Shopping Sites For Shoes || Best Shopping Sites For Sandals || Best Shopping Sites For Books || Best Shopping Sites For Magazines || Best Shopping Sites For Cameras || Best Shopping Sites For Optics || Best Shopping Sites For Home Appliances || Best Shopping Sites For Electronics || Best Shopping Sites For Kitchen Appliances || Best Shopping Sites For Laptops || Best Shopping Sites For Computers || Best Shopping Sites For Mobiles || Best Shopping Sites For Android Phones || Best Shopping Sites For Iphone || Best Shopping Sites For Tabs || Best Shopping Sites For Ipad || Best Shopping Sites For Photos Prints || Best Shopping Sites For Watches || Best Shopping Sites For Wall Clocks || Best Shopping Sites For Movies || Best Shopping Sites For Music || Best Shopping Sites For Home Furnishing || Best Shopping Sites For Jewellery || Best Shopping Sites For Health Care || Best Shopping Sites For Lifestyle || Best Sites For Domain Registration || Best Sites For Website Hosting || Submit Your Link:- Social Bookmarking Sites For Arts and Humanities || Social Bookmarking Sites For Blogs || Social Bookmarking Sites For Business and Economy || Social Bookmarking Sites For Computers and Internet || Social Bookmarking Sites For Education || Social Bookmarking Sites For Entertainment || Social Bookmarking Sites For Fashion || Social Bookmarking Sites For Logistic || Social Bookmarking Sites For Law || Social Bookmarking Sites For Medical and Health || Social Bookmarking Sites For News and Media || Social Bookmarking Sites For Recreation and Sports || Social Bookmarking Sites For Reference || Social Bookmarking Sites For Science and Technology || Social Bookmarking Sites For Shopping || Social Bookmarking Sites For Tours and Travels || List of Bookmarking Sites:- All Do Follow Social Bookmarking Sites || All Free Social Bookmarking Sites List || Best Social Media Sites List || Best Social Networking Sites List || French Bookmarking Sites List || Germany Bookmarking Sites List || Social Media Sites For Business || Social Media Sites List || Spanish Bookmarking Sites List || Top Most Bookmarking Sites || Top Social Bookmarking Sites For SEO || USA Bookmarking Sites List ||

17 June 2013

Java Script Coding For Facebook Slide Gadget

If you are confused for which best gadgets for using in your own blogger and website. Don't Worry! We are make a new solution for you that gives you attractive look social media gadget of Facebook, Youtube, Twitter, Google Plus And Email Subscription. Right now go to below and copy the code and fill on your webpage. This is absolutely free for everyone.

Important Notes:-
See to below coding green colour hightlight text and link will you change your own text.
                                                       

<style>  img, a {  border: 0;  }  #on {  visibility: visible;  }  #off {  visibility: hidden;  }  #facebook_div {  width: 196px;  height: 340px;  overflow: hidden;  }  #twitter_div {  width: 246px;  height: 353px;  overflow: hidden;  }  #google_plus_div {  width: 290px;  height: 120px;  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: 196px;  height: 353px;  position: fixed;  right: -200px;  }  #facebook_right img {  position: absolute;  top: -2px;  left: -35px;  }  #facebook_right iframe {  border: 0px solid #3c95d9;  overflow: hidden;  position: static;  height: 360px;  left: -2px;  top: -3px;  }  #twitter_right {  z-index: 10004;  border: 2px solid #6CC5FF;  background-color: #6CC5FF;  width: 246px;  height: 353px;  position: fixed;  right: -250px;  }  #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: 120px;  position: fixed;  right: -292px;  }  #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: -303px;  }  #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: 196px;  height: 353px;  position: fixed;  left: -200px;  }  #facebook_left img {  position: absolute;  top: -2px;  right: -35px;  }  #facebook_left iframe {  border: 0px solid #3c95d9;  overflow: hidden;  position: static;  height: 360px;  right: -2px;  top: -3px;  }  #twitter_left {  z-index: 10004;  border: 2px solid #6CC5FF;  background-color: #6CC5FF;  width: 246px;  height: 353px;  position: fixed;  left: -250px;  }  #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: -292px;  }  #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: -303px;  }  #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: -303px;  }  #youtube_right_img {  position: absolute;  top: -2px;  left: -33px;  border:  </style>  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.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: -200  }, 500);  });  jQuery("#twitter_right").hover(function () {  jQuery(this).stop(true, false).animate({  right: 0  }, 500);  }, function () {  jQuery("#twitter_right").stop(true, false).animate({  right: -250  }, 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: -292  }, 500);  });  jQuery("#feedburner_right").hover(function () {  jQuery(this).stop(true, false).animate({  right: 0  }, 500);  }, function () {  jQuery("#feedburner_right").stop(true, false).animate({  right: -303  }, 500);  });    jQuery("#youtube_right").hover(function () {  jQuery(this).stop(true, false).animate({  right: 0  }, 500);  },    function () {  jQuery("#youtube_right").stop(true, false).animate({  right: -303  }, 500);  });  });  </script>      <br />
<div id="on">
<div id="facebook_right" style="top: 10%;">
<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%2Fbestshoppinglist&amp;width=200&amp;height=346&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" style="border: none; height: 346px; overflow: hidden; width: 200px;"></iframe>  </div>
</div>
</div>
<div id="on">
<div id="twitter_right" style="top: 25%;">
<div id="twitter_div">
<img src="http://3.bp.blogspot.com/-UrPbwWyd88E/UNHJhIlDSRI/AAAAAAAAIt4/fmis0qzbcfI/s1600/NBTtwitter_right.png" id="twitter_right_img" />  <script src="http://widgets.twimg.com/j/2/widget.js"></script>  <script src="http://widgets.twimg.com/j/2/widget.js"></script>  <script>  new TWTR.Widget({  version: 2,  type: 'profile',  rpp: 4,  interval: 1000,  width: 246,  height: 265,  theme: {  shell: {  background: '#63BEFD',  color: '#FFFFFF'  },  tweets: {  background: '#FFFFFF',  color: '#000000',  links: '#47a61e'  }  },  features: {  loop: false,  live: true,  scrollbar: false,  hashtags: false,  timestamp: true,  avatars: true,  behavior: 'all'  }  }).render().setUser('bbfui').start();  </script>  </div>
</div>
</div>
<div id="on">
<div id="google_plus_right" style="top: 40%;">
<div id="google_plus_div">
<img src="http://3.bp.blogspot.com/-YE-RBSP1mZs/UNHJdv0gmsI/AAAAAAAAItw/WfHVvZD8sj4/s1600/NBTgoogle_plus_right.png" id="google_plus_right_img" />  <br />
<div style="float: left; margin: 10px 10px 10px 0;">
<div class="g-plus" data-height="69" data-href="//plus.google.com/117721962026989240231" data-rel="author" data-width="280">
</div>
<div class="g-plusone" data-annotation="inline" data-width="280">
</div>
</div>
</div>
</div>
<div id="on">
<div id="feedburner_right" style="top: 55%;">
<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=bestshoppingsitelist', '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="bestshoppingsitelist" />  <input class="submitbutton" type="submit" value="Submit" />  </form>
</center>
<img src="http://1.bp.blogspot.com/-k_w8nyZNI0I/UNHJcHym1SI/AAAAAAAAIto/UuFo46fEKaA/s1600/NBTfeedburner_right.png" id="feedburner_right_img" />  <br />
<div style="float: right; margin: 0px; padding: 20px;">
<span style="font-size: 10px;">Gadget by <a href="http://bestshoppingsitelist.blogspot.com/" target="_blank">BSSL</a></span><span style="font-size: 8px;"></span>   </div>
</div>
</div>
</div>
<div id="on">
<div id="youtube_right" style="top: 70%;">
<div id="youtube_div">
<img src="http://2.bp.blogspot.com/-jRtgtewf7DA/UR_Gu5gijpI/AAAAAAAALX8/G_nLKDQxb-w/s1600/NBTyoutube_right.png " id="youtube_right_img" />  <br />
<div style="float: left; margin: 1px 0px 0px 2px;">
<iframe frameborder="0" scrolling="no" src="http://www.youtube.com/subscribe_widget?p=bestblogsforyou" style="border: 0; height: 105px; width: 300px;"></iframe>  </div>
</div>
</div>
</div>
</div>

________________________________________


                  See Below Sample:-                                                                                                                                                

2 comments:

  1. I am impressed your blog because your blog words is very impressiveness for business growths so thanks a lot for sharing this

    ReplyDelete
  2. Nice Gadget. Great Information.

    Thanks,
    James

    ReplyDelete

You can submit your blog and website with us @ free of cost. Go to this link Best Bookmarking Sites. Enjoy and Share!!!