Friday, August 2, 2013

Add Stylish Facebook Pop Like Box With Timer In Blogger

Add Stylish Facebook Pop Like Box With Timer In Blogger

As we all of us know that Facebook rank 1 in Alexa and it is a good way to Increase Traffic on your Website or Blog. You can also convert your readers to join you on your Facebook Page by Putting a Stylish pop up box in your blogger. It means you can get more fans on your Facebook Page by putting Facebook page like button on your website/blog. So it is really good for your Blogger to Increase your Fans for your Facebook Page.

Facebook has lots of stylish like button for blogger but I'm going to add one of their like button to my stylish pop up box with timer. In my this tutorial, I'm gonna tell you "How to Add Stylish Facebook Pop Up Like Box With Timer" on your Blogger Blog.

Steps to Add Stylish Facebook Pop Like Box With Timer In Blogger


  1. You need to Log in to your Blogger Blogspot Account.
  2. Choose your Blog, If you have only one then choose it.
  3. Go to Template (Be sure you should backup your template if anything goes wrong).
  4. Click on "EDIT HTML".
  5. Then Search for </body> tag inside "HTML EDITOR" using "CTRL+F".
  6. Copy/Paste the below code just before or above </body> tag.


<!-- Stylish Facebook Popup Like Box With Timer Starts by Prince-Asfi.com -->

<script type='text/javascript'>
//<![CDATA[    
PAFansFB='PrinceAsfiTricks
//]]>
</script>
<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: 13px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:&quot;Lucida Sans Unicode&quot;, &quot;Lucida Grande&quot;, 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 src='https://googledrive.com/host/0Bwgc89dOaOwYT1RaaFpuZHd0Z1E' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script src='https://googledrive.com/host/0Bwgc89dOaOwYekFlOXFUYWtnYkk' type='text/javascript'/>
<script language='javascript'>
//<![CDATA[    
    $(document).ready(function(){                               
$().PAFansFB({           
timeout: 15,           
wait: 0,           
url: 'http://www.facebook.com/PrinceAsfiTricks',            
closeable: true        });   
 });
//]]>
</script>
<div id='fbtpdiv'/>
<!-- Stylish Facebook Popup Like Box With Timer Ends by Prince-Asfi.com -->

Customization:

  • Change the red color with your Facebook Page username.
  • Change the blue color '15' time out with your own time.
  • This widget will appear again after sometime so you can change the wait 0 t to 1 or 2, it depends on You.


Just Preview to check if it is working properly like you want then Hit the damn "Save Button". If you Enjoyed my Post, Feel free to like & Share it.

2 comments: