සහෝදර අඩවි !

Thursday, February 13, 2014

Floating Facebook Like Box Widget For Blogger BLog







Hey .. I  think ll of you know what is Facebook and whats the use of it to take more traffic to your blog / website .. Yep . The Facebook fan page is good way to promote our sites .. But the main problem is havent likes to ur pages ..Are you struggling to get more likes .. Then add facebook like box to your blog .. It was not a fixed one to one place of the site .. Its Floating  Facebook Like box .




Ok . Let's we add this amazing widget to your BLOG ..


Step 01 :

Goto Blogger.com and loging to your Blogger account .Then select the option Template > Edit HTML .
( Before edit your Templete You must have to backup your template )

Step 02 : 

Then find the " <head> " tag in the html and add the following code just after the <head> tag .
( Use the Ctrl+F key to get  Find In Box )

<script src='http://yourjavascript.com/41332511201/likebox.js' type='text/javascript'/>

Then save your template.

Step 03 :

Now go to your blogger dashboard and then go to your Blog Layout .Then Select " Add a Gadget " option in place of the Layout .Then select " Html / Java script " and paste the given code . ( Do not add any Topic)

<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("http://1.bp.blogspot.com/-tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.pn") 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><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com/Your_Usernae&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><span>Widget by:<a href="http://www.gadgetsack.blogspot.com">Gadget Sack</a></span></div></div>

Find the "Your_username" from the above code and replace it with your facebook fan page's Usernam ...(Use Ctrl+F to get Find In box )

Then Click on SAVE button at the end of the PopUp .

------------------------------------ END OF TUTORIAL ------------------------------

  • If you have any problem with this .. Please ask them via comment and tell us your success also .
  • Share this if you get anything from this Post ...
- See more at: http://www.gadgetsack.com/2014/01/floating-facebook-like-box-widget-for.html#sthash.XszC0uzN.dpuf

Disable Facebook Chat Massage Seen Feature



Some people like to protect their privacy and they are in a special attention about it .. So most of people do not want other to no when he or she see their Facebook chat massages ... But there is a feature in Facebook chat .. It shows weather the massage receiver read that massage or not by " Seen " Feature .. This is feature is advantageous for the sender but not to the receiver .. So to deactivate this feature and , there is some Extensions for Google Chrome and Addons to the Firefox .. Then let's we see how to install this extension to Chrome ..


How to Deactivate Seen feature in Google Chrome ...

  • Firstly Go to the Extension by clicking on this ... 
  • Then click on "Free" Button at the right top of the Page ..

  • Then it will change as " Checking ... "
  • After few seconds , you can see a pop out like this . ( See the Image. ) 


  • From that click on " Add " button .. 
  • Then the Extension is automatically adding to Chrome ..
  • After adding , you can see a notification like this .. ( See the Image ) 

  • That's all .. You can control this option by clicking on this icon at the right top of the Browser ... ( See the Image .. )


  • If the extension is active , the icon see in blue color .. If it's deactivate , it is seen in Ash color .. 

-------------------------------------------------------- END ----------------------------------------------

If you having any questions regarding this , please ask them via Commenting here .. Tell about this to your friends also by Sharing this .. Million thank for a one like .. 

Bye Bye ... !
- See more at: http://www.gadgetsack.com/2014/02/deactivate-seen-in-fb-chat.html#sthash.lzdlSGHq.dpuf

Recent Post

අපේ ලිපි ඔයාගේ Phone එකට !

Total Pageviews

Gadget Sack

All The Gadgets In One Sack

Labels

Powered by Blogger.

Followers

Search This Blog

 

© 2013 Gadget Sack . All rights resevered. Designed by Templateism

Back To Top