How to add Sliding Floating Facebook Like box in Blogger.

SHARE:

How to add Sliding Floating Facebook Like box in Blogger.
How to add Sliding Floating Facebook Like box in Blogger.

I have written so many posts on how to use social media buttons on blogger and wordpress (site). The first mindset before publishing any post is to give readable and catching post for your readers to read, they will still intend to come back to read any of your new post, with facebook like buttons you can keep them update with just only one click. 

The Facebook is one of the top social media network through which massive traffic can be generate for sites and for the promotion of  site content and brand. 

Am going to show you another facebook like box widget, which slide in and out  from the left or right side of the site depending on your desire side as it is on our site. 

With just one click to like your facebook fan page it will make your visitor to become regular reader just by clicking like button. And also the box will also increase the numbers of your facebook fans. It is easy to add to blogger without affecting any existing widget (s) on the site.

Importance of Facebook likes For business and Brands

To get this widget for your site kindly follow the steps below:


1. Go to Blogger
2. Click the Blog, you want to add the widget on.
3. From the blogger dashboard, click layout menu from the blogger dashboard menu.
4. On the layout menu click "Add a Gadget". Now a new window pop up.
Now copy the code below

 <style>/*crawlist.net CSS starts*/
.ks-slide {
  position: fixed;
 top: 200px;
  right: 0;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.ks-box{
  height:270px;
  width:266px;
  border:2px solid #444444;
  border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
  background:#fff;
  position: fixed;
 top: 200px;
  right: -265px;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.ks-slide:hover {
right:265px;
}
.ks-slide:hover .ks-box{
  right: 0;
}/*crawlist.net CSS ends*/</style>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="ks-slide">
  <img src="http://4.bp.blogspot.com/-c-Zay0UPk8c/U4MpbjvmZlI/AAAAAAAAEAs/AQ-VlQNOxQw/s1600/m.png" />
  <div class="ks-box">
<div class="fb-like-box" data-href="http://www.facebook.com/dohhnutt" data-width="265" data-height="265" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="true"></div> 
  </div>
</div>

5. Paste your code into the new pop up window "Content Space"

How to add Facebook like box in wordpress – FB fan box for wordpress

Note: Replace my facebook page URL with your page URL, You can also change the Width And Height of the widget to your own desire size.

4. Now click save and you are done.


You can also like us on Facebook

Name

Blogger,36,Cheats,7,Internet Tricks,33,News,7,SOFTWARE,1,Tips,7,Wordpress,17,
ltr
item
Vevo: How to add Sliding Floating Facebook Like box in Blogger.
How to add Sliding Floating Facebook Like box in Blogger.
How to add Sliding Floating Facebook Like box in Blogger.
http://4.bp.blogspot.com/-bbwY3ni2gQw/VijtA6ks-LI/AAAAAAAAB8E/glcFiCXJUO0/w200-h200/12.png
http://4.bp.blogspot.com/-bbwY3ni2gQw/VijtA6ks-LI/AAAAAAAAB8E/glcFiCXJUO0/s72-w200-c-h200/12.png
Vevo
https://www.vevo.com.ng/2015/10/how-to-add-sliding-floating-facebook.html
https://www.vevo.com.ng/
https://www.vevo.com.ng/
https://www.vevo.com.ng/2015/10/how-to-add-sliding-floating-facebook.html
true
1473792322549238352
UTF-8
Loaded All Posts Not found any posts VIEW ALL Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy