பிளாக்கரின் புதிய அனிமேட்டட் பேஸ்புக் விருப்ப பெட்டி விட்ஜெட்

 நாம் புதிய வகை பேஸ்புக் அனிமேட்டட் Like Box விட்ஜெட் எப்படி நம் பிளாக்கில் இணைப்பது  எப்படிஎன காண்போம்.இங்கே எளிமையான Jquery அசைக்கும் விளைவுடன் இணைந்த பெட்டி
போன்ற நிலையான பேஸ்புக் பாப் அவுட் சேர்க்கப்பட்டுள்ளது. நீங்கள் உங்கள் வலது பக்கம் ஒரு நிலையான பேஸ்புக்  பேட்ஜ் விட்ஜெட்டை பார்க்கிறீர்கள்.








நேரடி விளக்கம்:-

இதை வலது பக்கம் நேரடி மாதிரியை பார்க்கவும்  

பிளாக்கரின் புதிய அனிமேட்டட் பேஸ்புக் விருப்ப பெட்டி விட்ஜெட் இணைக்க

இங்கு 2 எளிமையான படிநிலைகள் உள்ளன


படி 1:  Jquery நீட்சியை சேர்த்தல்(ஏற்கனவே ஒரு Jquery செருகுநிரல் இருந்தால் இந்த படிநிலையை தவிர்க்கவும்)

• முதலில் உங்கள் பிளாக்கர் அகௌன்ட்டில் நுழைந்து கொள்ளுங்கள்.
•  பிளாகர் செல் <வடிவமைப்பு தாவலை> திருத்து
•  </ Head> tag தேடுதல்
•  </ Head> tag கீழே குறியீட்டை சேர்க்கவும்

இந்த கோடிங்கை சரியான இடத்தில் சேர்த்தவுடன் டெம்ப்ளேட்டை Save செய்யுங்கள்.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

படி 2:  விட்ஜெட் குறியீடு சேர்த்தல்

• Login to Blogger Dashboard -> Design tab -> Page Elements .
• Click on Add a Gadget where you wish to place Search Box.
• Choose HTML/JavaScript from the List. 
•  Place any one Search Box code in to it and Save the Gadget.

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTSVmGmB9Yy3x4JcIlLxbtb_w8eEtK-sbEoxuNaZNlSXz-sENM21PkNxRf1Q59V7HYEfS34p8VCdfKPcibV31WQsvHGZxkWe7PKFHvIBoahtlqax5btSZlGPsjXumE8Aa1zdb5MR95lgcU/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2FMURUGANANDA&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>By <a href="http://murugananda.blogspot.com/">nilavaithedi</a> / <a href="http://murugananda.blogspot.com/2011/07/facebook-pop-out-like-box.html">+Get This!</a></span></div></div>

சிகப்பு வரியை மாற்ற

பேஸ்புக்கின் பக்க முகவரியை கொடுக்க வேண்டும்.
(or)

• கீழே உள்ள கட்டத்தில் உங்கள் பேஸ்புக் பக்கத்தின் URL கொடுத்து Add to Blogger என்ற என்ற பட்டனை அழுத்தவும். 

Your Facebook Page URL : 

Add to Blogger அழுத்தியவுடன் உங்களுக்கு இன்னொரு விண்டோ ஓபன் ஆகும் அதில் உங்களுடைய பிளாக் பட்டியல் இருக்கும் அதில் எந்த பிளாக்கில் இந்த விட்ஜெட்டை இணைக்க விரும்புகிறீர்களோ அந்த பிளாக்கை தேர்வு செய்து கீழே உள்ள Add Widget என்பதை கொடுத்துவிட்டால் போதும் உங்களுடைய பிளாக்கில் விட்ஜெட் சேர்ந்து விடும்.

புதியவகை அனிமேட்டட் விட்ஜெட் நம் பிளாக்கில் சேர்ந்து விடும்.

அனைவரின் கவனத்திற்கு பேஸ்புக்கின் பக்க முகவரியை தான் கொடுக்க வேண்டும் மாறாக Profile URL கொடுத்தால் கீழ் கமென்ட் பகுதில் கூறியுள்ள பிழை செய்தி தான் வரும்.