how add facebook like button with auto close button

00:05 | Filed under: , | Posted by: Durgesh

Friend in my last popup box post i told you how you can add like box but some blogger has problem with this so i decide to post new like box this is advance featured popup box
let we see


1. Login to Blogger Dashboard and navigate to Layout > Edit Html

2. Don’t click the checkbox which says ‘Expand Widget Templates’

3. Now find
<body>
and replace it with

<!-- newtricksforblogger.blogspot.Com Likebox Pro FBFan Code Start -->

<script type='text/javascript'>
//<![CDATA[
KNFBFansPRO='Become a  newtricksforblogger  fan'
//]]>
</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: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 src='http://yourjavascript.com/19111310151/jquery.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script src='http://yourjavascript.com/01411121377/facebooklike.txt.js
' type='text/javascript'/>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){
$().KNFBFansPRO({
timeout: 10,
wait: 0,
url: 'http://www.facebook.com/ newtricksforblogger ',
closeable: true });
});
//]]>
</script>
<div id='fbtpdiv'/>
<!-- newtricksforblogger.blogspot.Com Likebox Pro FBFan Code End -->



Note : As you can see,there are some customizable parameters in this code
Title - Become a fan
Time You Need To Auto Close - 10
Facebook Page Url - http://www.
facebook.com/newtricksforblogger
4. Now You Are Done. Refresh Your Blog And Enjoy!!!

Posted by Durgesh on 00:05. Filed under , . You can follow any responses to this entry through the RSS 2.0. You can leave a response or trackback to this entry

0 comments for "how add facebook like button with auto close button"

   

Leave a reply