Socail media is great way to bring traffic to your blog.Socializing of blog helps in growing audiences rapidly and fastly.Profeesionals blogger adds social widget to their blogs.In fact 80% of all the traffic to famous blogs comes from facebook and google.From these stats you can immagine the importance of social medi.
In this article i will show you how to responsve social media slider widget in blogger.It is very beautifull and gives your blog a professional look.If You want to your blog to perform well you should socialize your blog.Social plateforms are best way in order to promote your webiste.Adding social media share buttons in your blog will promote your content in those peoples which will love your your content.And you will be able to increase you unique visitors.Professional web artists give great importance to socializing of blog.You can promote your content across social media like facebook,twitter,google plus or any plate form you want.
Here is a best facebook pop up like box widget.it is customiseable.You can set pop up timing color fonts and much more.
Adding Pop Up Like Box
Follow Steps below to add it to your Blogger blog.Step 1 : Go to Blogger Dashboard>Layout>Add A Gadget.
Step 3 : Select Html/Javascript.
Step 2 : Paste the following code in pop up window.Don't give it any name.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script><script src='http://aireshalili.github.io/internetsmash/facebook-popup-box.js' type='text/javascript'></script><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&appId=124246297655999&version=v2.3";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><style>#fb-box-background {display: none;background: rgba(0, 0, 0, 0.8);width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99999;}#fb-box-close {width: 100%;height: 100%;}#fb-box {background: #eaeaea;border: 2px solid #3A3A3A;-webkit-border-radius: 5px;-moz-border-radius: 5px;padding: 4px 10px 4px 10px;border-radius: 5px;position:absolute;top: 40%;left: 40%;margin-top: -50px;margin-left: -50px;}#fclose-button {position: absolute;top: -10px;right: -10px;background: #fff;font: bold 16px Arial, Sans-Serif;text-decoration: none;line-height: 22px;width: 22px;text-align: center;color: #000000;border: 2px solid #2F2F2F;-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);box-shadow: 0px 1px 2px rgba(0,0,0,0.4);-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 25px;cursor: pointer;}#fclose-button:before {content: "X";}#Poweredby,#Poweredby a.visited,#Poweredby a,#Poweredby a:hover {color: #aaaaaa;font-size: 9px;text-decoration: none;text-align: center;padding: 5px;}#follow-us{font-size: 1.7em;color: #010069;}</style><script type='text/javascript'>jQuery(document).ready(function($){if($.cookie('popup_facebook_box') != 'yes'){$('#fb-box-background').delay(5000).fadeIn('medium');$('#fclose-button, #fb-box-close').click(function(){$('#fb-box-background').stop().fadeOut('medium');});}});</script><div id='fb-box-background'><div id='fb-box-close'></div><div id='fb-box'><div id="follow-us">Follow us on Facebook</div><div id='fclose-button'></div><div class="fb-page" data-href="https://www.facebook.com/Blog-Fowl-359381487834648" rel="nofollow" data-width="680" data-height="460" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div><div id="Poweredby">Powered by: <a style="padding-left: 0px;" href="http://www.blogfowl.blogspot.com" rel="nofollow">Blog Fowl</a></div></div></div>
Customisation
Delay Time
The pop up like box is set to appear in 5 secs. You can mannually change it.$('#fb-box-background').delay(5000).fadeIn('medium');Note : 1sec=1000 And 5sec = 5000
Cookies Expiry
I havent used cookies expiry in the above code. so it will pop up every time.If you want to show it once to every visitor.You can add a line give below above </script>.$.cookie('popup_facebook_box','yes',{path:'/',expires:10})});
Facebook Page
The above code shows up facebook page of this site.Dont forget to change it to yours.You can simply add it by changing following line.https://www.facebook.com/Blog-Fowl-359381487834648Have any Problem Comment Below.
Tagged With:
- Facebook like box for blogger
- Facebook pop up box for blogger
- Blogger pop up like box
- Face book pop up like box widgets
- Facebook Widgets for blogger
- Like Box pop up for blogger blog
- Blog FOwl Blogger Widgets