ඔයාගෙ බ්ලොග් එකටත් facebook pop out like box එකක්
???? ?o???? ?????? ???? ??? ??????????? ??.?? ????? ?????.???? ????? ?????? ????? ???? ???? ???? ????? ????? ??? ??????? ??? ???? ???????.???? ?????? ????? ??????? ???? ??? ?????.?????? ????? ??? ???? ?????? ????.??? ?????? ???? ???? ????? ????? ?????? ??? ????? ??? ?? ???? ????? ?? templete ?????? ???? ???? ?????. ?????? ??? ??? ?? ??????? ????? ????? ????? ?????? ?????. ????? ???? ????? ???? ???? ???????.
??? ???? ???????? ???????.?????? ??????? facebook pop - up like box ??.?? ?? ??????.?? pop - out like box ??.??? ?????? ??? ????? ?????? ?? ????????.??? ???? ?? ?????? ??? ?? ???? ????.
1.??????? ??? code ?? ???? ?????
click here to copy the code
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<style type="text/css">
img, a { border: 0; }
#on { visibility: visible; }
#off { visibility: hidden; }
#facebook_div { width: 196px;
height: 340px;
overflow: hidden; }
#facebook_right {
z-index: 10005;
border: 2px solid #3c95d9;
background-color: #fff;
width: 196px;
height: 353px;
position: fixed;
right: -200px; }
#facebook_right img {
position: absolute;
top: -2px;
left: -35px; }
#facebook_right iframe {
border: 0px solid #3c95d9;
overflow: hidden;
position: static;
height: 360px;
left: -2px;
top: -3px; }
#facebook_left {
z-index: 10005;
border: 2px solid #3c95d9;
background-color: #fff;
width: 196px;
height: 353px;
position: fixed;
left: -200px; }
#facebook_left img {
position: absolute;
top: -2px;
right: -35px; }
#facebook_left iframe {
border: 0px solid #3c95d9;
overflow: hidden;
position: static;
height: 360px;
right: -2px;
top: -3px; }
</style>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery("#facebook_right").hover(function () {
jQuery(this)
.stop(true, false)
.animate({ right: 0 }, 500); }, function () {
jQuery("#facebook_right")
.stop(true, false) .animate({ right: -200 }, 500); });
});
</script> <br /> <div id="on"> <a href="http://www.jobsmag.in/" rel="dofollow" target="_blank" title="Jobsmag.in"><img src="http://img1.blogblog.com/img/blank.gif" alt="Jobsmag.in" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://www.jobsmag.in/" rel="dofollow" target="_blank" title="Indian Education Blog"><img src="http://img1.blogblog.com/img/blank.gif" alt="Indian Education Blog" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://things-guide.blogspot.com/" rel="dofollow" target="_blank" title="ThingsGuide"><img src="http://img1.blogblog.com/img/blank.gif" alt="ThingsGuide" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><div id="facebook_right" style="top: 10%;">
<div id="facebook_div">
<img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1h6y9_oqspuilTw2W1GeURMJkZFlTEYS7Y7rNsLmkZtTuWqICKGyyadBBUUYUt2QVsNaQ6m5Yrxhj2VhDaOszp_t2PfhNRBbw69Lau8N4MQUS6ySPHAUqpqyq56ZetrRGFn2SLnZMrAjs/s1600/NBTfacebook_right.png" />
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages/Nelums-blogspot/190752611132541?ref=tn_tnmn&
width=200&
height=346&
colorscheme=light&
show_faces=true&
border_color&
stream=false&
header=false" style="border: none;
height: 346px;
overflow: hidden;
width: 200px;">
</iframe>
</div>
</div></div>
2. ???? blog ??? dashboard ??? ????.
3. layout > Add a gadet > HTML java script ??? past ?????.
4.???? ?? ??? ?????? ????? ??? ????? fb page ??? url ?? ?????.
5.???? ????? save ?????.
???????..?????? ?? ????.