How To Force Your Readers To Like Fan Page

Ganda Bacha | November 20, 2012 | 0 comments

-->

 To get started with your small blog business or website the first point comes out in our mind is promotion of blog. Facebook gives opportunity to make a static brand page to promote online business, called Facebook fan page. The subscriber receives daily updates directly on their wall whenever blog's owner update status on blog.

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

All the tutorials given above will explain you to the overall placement of like box or like button but most of the time readers just ignore like widget and don't participate in subscription.

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

So lets add this fantastic widget on blog

How To Add Popup Like Box In Blogger Blog


  1.     In Blogger dashboard, Go to Design /  Page Element.
  2.     Click Add a gadget and then choose HTML /  JavaScript.
  3.     Paste the following code in it.


<!-- http://caresofts.blogspot.com/  -->
<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="caresofts",
 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://caresofts.blogspot.com/  -->

Modification


  •     Replace caresofts 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.

Hope you like this post of ours, to read more post of similar and many more on blogging, enter your email and subscribe with us to receive updates of this blog via email or subscribe to as a reader.

Category :

About Author Ganda Bacha :
I am a Graphic Designer, Founder of Caresofts I am Web Developer And Graphic Designer, SEO Expert, Web Designer, Programmer, Software Engineer also Expert in CSS and HTML, PHP, jQuery, SEO, Java, Photoshop, After Effects, Dreamweaver, Flash, Acrobat, Illustrator, Premiere Pro, CorelDRAW, Visual Basic, C++, ASP.Net, Microsoft Access, Excel, WORD, Publisher, SQL, Windows Embedded, AutoCAD, 3D Studio MAX, Game Development, Windows Movie Maker, Maya, Urdu Inpage, FreeHAND MX You Can Find me on Google+1 , Twitter and Facebook . See More..... just vist my Website Regularly!

0 comments

Click to go to top Click to comment