The number of subscriber will then increase when readers on your blog click on Facebook fan page like button. Like button is a small widget placed at different position of blog, which force readers to like the page. You can also read following article which relates to position of like button
- Facebook like button in blogger comment button
- Place Like button anywhere in template
- Import blog post to Facebook fan page
So the widget given below force your reader to like the page by popping out at a time when any reader visited on your blog.
How To Add Facebook Popup Like Box
Why Use This Widget ?
- Strongly force the readers to like the page
- Can be repeatedly popup
- Will not closed unless readers perform like action
How To Add Popup Like Box In Blogger Blog
- In Blogger dashboard, Go to Design / Page Element.
- Click Add a gadget and then choose HTML / JavaScript.
- Paste the following code in it.
<!-- http://internetricks4u.blogspot.in/ -->
<style>
#fblikepop
{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 6*/width:450px;border:10px solid #6F6F6F;z-index:200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#333333;text-align:left;font-family:arial,sans-serif;font-size:13px;}
#fblikepop body{background:#fff none repeat scroll 0%;line-height:1;margin:0pt;height:100%;}.fbflush{cursor: pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;}
#fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 6*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;}#fblikepop #closeable{float:right;margin:7px 15px 0 0;}
#fblikepop h1{background:#6D84B4 none repeat scroll 0 0;border-top:1px solid #3B5998;border-left:1px solid #3B5998;border-right:1px solid #3B5998;color:#FFFFFF !important;font-size:14px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;}
#fblikepop #actionHolder
{height:30px;overflow:hidden;}#fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCCCCC;padding:10px;min-height:50px;}#fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;}
#fblikepop #buttonArea a:hover
{color:#333 !important;text-decoration:none !important;border:0 !important;}#fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#fff !important;}
#fblikepop #counter-display
{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;}
</style>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script type="text/javascript">
//<![CDATA[
kakinetworkdotcom01username="bloggingtrick",
kakinetworkdotcom01title="Join us at Facebook!",
kakinetworkdotcom01skin="01",
kakinetworkdotcom01time="20",
kakinetworkdotcom01wait="5",
kakinetworkdotcom01lang="en"
//]]>
</script>
<script type="text/javascript" src="http://kakinetworkdotcom.googlecode.com/svn/01/files/likeboxfbfanpro.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>
<!-- http://internetricks4u.blogspot.in/ -->
Modification
- Replace blogginngtricks with your Facebook fan page username
- Join us at Facebook is title of widget
- How long like box will display on blog is define by 20. ( means 20 second ) after 20 seconds it will close automatically
- 5 define the time in minute after which it will popup again.
Team Behind This Widget
All credit goes to kakiheboh for this fantastic widget. You can find more information about this widget from this website.More Amazing stuff
No comments:
Post a Comment