This blog is all about SEO,SMM,Blogging,AdSense,Widgets,Make Money Online,Tips and Tricks,Templates And Cool Stuff Click Here!

Ad 468 X 60

Tuesday, 29 July 2014

Widgets

Add static Facebook Pop-out like box

Posted by Unknown , 07:09 1 Comment so far

Hello friends,here is another amazing widget for you.This is facebook pop-out like box for your website.Which helps your visitors to find you on Facebook.So lets start adding this to your website.
 

Step 1 : Adding static Facebook Pop-out Like box to your Website/Blog's Layout.

Let's start adding it to your layout.

Step 2 : Log in to your blogger account,open your blog's layout and click on add a gadget link.


Step 3 : Paste the following code in to your HTML/JAVA Script but do not forget to replace the red color words with your Facebook Page Username.

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script type="text/javascript"> //<!-- $(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);}); //--> </script> <style type="text/css"> .w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHpG2G27q8ZxQtSCmo1Q8rbKCyQZM8Zl_VM9gIYv2nrA6vu3lyMEV3nwGklLWfSKEfGdx1k6LT3AwnXKYNwtq5MGzYKqTtxhhLtPTXUbX2k_m27u_XRsfOHc9n_ctBKV7sWSQJtXvA7Y7X/s1600/facebookbadge.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .w2bslikebox div{border:none;position:relative;display:block;} .w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .w2bslikebox span a{color: #808080;text-decoration:none;} .w2bslikebox span a:hover{text-decoration:underline;} </style><div class="w2bslikebox" style=""><div><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/24workpng1" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Blogspot-tutorial/220888831260608&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div></div>

Please Stay tuned with us  for more information.

SHARE THIS POST   

  • Facebook
  • Twitter
  • Myspace
  • Google Buzz
  • Reddit
  • Stumnleupon
  • Delicious
  • Digg
  • Technorati
Author: Mohammad Maaz Khan
Maaz is the founder of Blogging Love which offers Web Services and Online Business Solutions to clients around the globe. Read More →
Labels:

1 comment:

Subscribe to: Post Comments (Atom)