Sunday, April 28, 2013

[TUT] Facebook Like Page Popup for Blogger

,
This popup contain like button instead


1st. Go to Template


2nd. On Live on Blog click Edit HTML
3rd. Search </head>
4th. Copy this code and put above </head>


<!-- Likebox EJATD29 Start -->
<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:&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='http://www.google.com/jsapi'/><script>google.load(&quot;jquery&quot;, &quot;1&quot;);</script>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script type='text/javascript'>
ejatd2901username="EJATD29LIKE",
ejatd2901title="Gain Info on Click! Like Us!",
ejatd2901skin="VMnmfKh",
ejatd2901time="2000",
ejatd2901wait="0",
ejatd2901lang="en"
</script>
<script src='http://yourjavascript.com/62218137814/likeboxejatd29.js' type='text/javascript'/>
<script type='text/javascript'>$(document).ready(function(){$().ejatd29({ closeable: false });});</script>
<!-- Likebox EJATD29 End -->

5th. Replace EJATD29LIKE with your facebook page USERNAME
6th. Replace Gain Info on Click! Like Us! with any word you like.
7th. Change 2000 to duration time you like.
8th. Click Save template. Done! :)

Share, Like and Enjoy.