நாம் இதுவரை பேஸ்புக் Likebox Jquery இரண்டு பதிப்புகளை பயன் படுத்தி உள்ளோம். இப்பொழுது முன்றாம் பதிப்பினை உங்களுடன் பகிர்ந்து கொள்கிறேன். இது ஒரு பொத்தானை காட்டும் ஒரு முறை எண்ணிக்கு பதிலாக likebox என்ற உள்ளடக்கியது உங்கள் ரசிகர் பக்கத்தைஉங்கள் பார்வையாளர்கள் பொத்தானை கிளிக் செய்வதன் மூலம்வெறுமனே சென்று உங்கள் விசிறி பக்கம் சேர உங்கள் விசிறி பக்கத்தை இணைக்கிறது இது ஒரு கவர்ச்சியான பட இணைப்பு படத்தை கிளிக் செய்வதன் மூலம் உங்கள் ரசிகர் பக்கத்தை அணுகலாம். நீங்கள் விட்ஜெட்டை / செருகுநிரலை தானாகவே மறைந்து முன் காட்ட படுதலை எவ்வளவு அமைக்க முடியும். இது ஒரு நெருங்கிய விருப்பத்தை கொண்டுள்ளது. நீங்கள் ஒரு பார்வையாளர் உங்கள் தளத்தில் நுழையும் அல்லது ஒரு குறிப்பிட்ட நேரத்திற்கு பின் அது விரைவில் உடனடியாக காண்பிக்க வேண்டும் என்பதை குறிப்பிட முடியும். NILAVAITHEDI "LikeBox FB Fanpage புரோ" என நாம் வெறுமனே likebox நான்கு வெவ்வேறு பின்னணியிலிருந்து உருவாக்க இந்த நீட்சி ஜாவாஸ்கிரிப்ட் குறியீடு உருவாக்கப்பட்டது. நிறுவல் பின்வரும் வழிமுறைகளை பின்பற்றவும் மிகவும் எளிதானது. இந்த ஒரு ஒப்பீட்டளவில் நாம் இதுவரை வெளியிடப்பட்ட முந்தைய facebook பிளாக்கர் விட்ஜெட்டுகள் ஒப்பிடும்போது வேகமாக ஏற்றுகிறது.
பிளாக்கரில் Facebook LikeBox Popup இணைக்கும் முறை
- Go To Blogger > Design > Edit HTML
- Backup your template
- Paste the following code just above </body>
<script type='text/javascript'>
//<![CDATA[
KNFBFansPRO='NILAVAITHEDI'
//]]>
</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: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: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://sites.google.com/site/muruganandablogspotcom/jquery.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script src='https://sites.google.com/site/muruganandablogspotcom/nilavaithedilikebox2.js' type='text/javascript'/>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){
$().KNFBFansPRO({
timeout: 30,
wait: 0,
url: 'http://www.facebook.com/pages/%E0%AE%A8%E0%AE%BF%E0%AE%B2%E0%AE%B5%E0%AF%88-%E0%AE%A4%E0%AF%87%E0%AE%9F%E0%AE%BF/192790504107188',
closeable: true });
});
//]]>
</script>
<div id='fbtpdiv'/>Make these important changes:
- Replace this BloggerTricks with your Facebook username.
- The timer is set to 30 seconds to change it simply edit timeout: 30
- The widget appears immediately after a visiter eneters. If you want it to appear after one minute or more then edit wait: 0
Change Facebook FanPage Background Image:
The above code displays the following image:
https://sites.google.com/site/muruganandablogspotcom/likebox4.js
https://sites.google.com/site/muruganandablogspotcom/likebox3.js
https://sites.google.com/site/muruganandablogspotcom/likebox.js