I think this widget is a special technique similar border look like Facebook and also features a countdown timer or withdrawal. You can also set how long the timer will run (in seconds), and can also set how long the widget will appear when the blog is loaded (in minutes), both after 1 minute or immediately appear. At this widget can also change the background image with a fourth code (. Js). Loading widget is also very fast allowing no burden whatsoever on the weight loading blog.
For how to install to blog please follow the steps below.
1. Make sure you are logged into your Blogger account.
2. Go to the "Template" and click "Edit HTML"
3. Find the code </ body> (gunkan Ctrl + F to simplify)
4. Copy the code script below and put just above the code </ body>
<script type='text/javascript'>
//<![CDATA[
KNFBFansPRO='you are pro'
//]]> </script>
<style>#fblikepop{background-color:#fff; display:none; position:fixed; top:200px;_position:absolute; /* hack for IE 6*/width:470px;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;border-radius: 9px}
#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:18px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;}
#fblikepop #actionHolder{height:28px;overflow:hidden;}
#fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCCCCC;padding:10px;min-height:45px;}
#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://mybloggertricks.googlecode.com/files/jquery.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script src='http://anvity-host.googlecode.com/files/anvity-likebox2.js' type='text/javascript'/>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){
$().KNFBFansPRO({
timeout: 30,
wait: 0,
url: 'http://www.facebook.com/youarepro',
closeable: true });
});
//]]>
</script>
<div id='fbtpdiv'/>
5)Edit Code / Script Widget FB LikeBox
Installation is not complete until here. There is more that needs to be edited in the code above.
- Replace the word you are pro Blog with word that will appear at the top of the widget, such as "Join you are pro Blog on Facebook"
- Replace the 30 with the number that would regulate how long a widget that will appear (in seconds)
- Replace the 0 with the number that would regulate the length of this widget will appear when a new blog is loaded (in minutes)
- Replace anvity with username FansPage or if not mempuyai FansPage username, use the ID FansPage ( in the address bar of your browser)
- Finally, change is also true with the false if the X (close) to be removed.
Changing Background Image Widget FB LikeBox
- Companions can also change the background image widget. Please replace the red writing on the widget above code with the code shown below.
Background is already installed in the above widget code. |
http://anvity-host.googlecode.com/files/anvity-likebox3.js
http://anvity-host.googlecode.com/files/anvity-likebox.js
problem just comment i will help you
{ 1 comments... go to Comment box }
this is simply like fbcontentlock.blogspot.com
instead, fbcontent lock offers your to customise own message :/
Add your comment