নিয়ে নিন দারুন একটি ফেসবুক স্লাইড ওয়েডগেট আপনার ব্লগার ব্লগ এর জন্য ।

 

X ফেসবুকে লাইক দিন!

নিয়ে নিন দারুন একটি ফেসবুক স্লাইড ওয়েডগেট আপনার ব্লগার ব্লগ এর জন্য ।

পোস্ট টি করেছেন MITUL HOWLADER |  |

সামনেই আমার পরীক্ষা তাও আপনাদের জন্য নিয়ে মিত পোস্ট করে যাছি । সে কথা বাদ দিন আজকে আমি আপনাদের জন্য আবারও ফেসবুক বিষয়ে পোস্ট করতে বসলাম । আজকে আমি আপনাদের একটি একদম নতুন ফেসবুক ওয়েডগেট দেবো , আমি জানি এর আগে এই ওয়েডগেট টি কেও দ্যাখেনি । তাহলে আর দেরি করে লাভ কি এখুন নীচে থেকে এর লাইভ ডেমো দ্যাখে নিন ।

LIVE DEMO

* কিভাবে আপনার ব্লগে যুক্ত করবেন  :


১) আপনার ব্লগ লগ অন করুন ।


২) এবার ড্যাশবোর্ড থেকে Layout এ ক্লিক করুন ।


৩) এবার Add a Gadget এ ক্লিক করুন ।


৪) এবার যে পেজ আসবে সেখান থেকে HTML/Java Script এ ক্লিক করুন ।


৫) এবার আর একটি বক্স আসবে সেখানে Title ঘর ফাকা রেখে Content ঘরে নীচের কোড কপি করে পেস্ট করুন ।

<!-- Amazing Facebook Like Slide Out Widget For Blogger @BWidgets.com -->
<a href="javascript:showHideFL()"><img border="0" src="http://4.bp.blogspot.com/-pMNJcfDwdDA/UJT8XvQgXUI/AAAAAAAARBc/XfS0PLu_a-s/s1600/Like.png" alt="Member" title="এখানে ক্লিক করুন" style="position: fixed; top: 150px; right: 0px; cursor: pointer; opacity: 0.5; " opacity:1;filter:alpha(opacity="100)&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" ;"="" height="130px" width="40px" /></a>

<script src="http://widcraft.googlecode.com/svn/jquery.min.js"></script>

<style type="text/css">
#fl{
position:fixed;
left:150px;
z-index:+1000;
}
* html #fl{position:relative;}
.flcontent{
float:left;
border:2px solid #676767;
background:whitesmoke;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideFL(){
var fl = document.getElementById("fl");
var w = fl.offsetWidth;
fl.opened ? moveFL(0, -100-w) : moveFL(20-w, 0);
fl.opened = !fl.opened;
}
function moveFL(x0, xf){
var fl = document.getElementById("fl");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
fl.style.bottom = x.toString() + "px";
if(x0!=xf){setTimeout("moveFL("+x+", "+xf+")", 10);}
}
</script>
<div id="fl" style="bottom: -401px; ">
<div class="fltab" onclick="showHideFL()"> </div>

<div class="flcontent">

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fasobondhublog&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>


<div style="text-align: right;">
<a href="javascript:showHideFL()">
[Close]
</a></div>
Powered By: <a href="http://www.asobondhu.blogspot.com">এসো বন্ধু<a/>
</a></a></div>
</div>
<script type="text/javascript">
var fl = document.getElementById("fl");
fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";
</script>
<!-- Amazing Facebook Like Slide Out Widget For Blogger MITUL HOWLADER -

* এবার asobondhublog এটি কে মুছে আপনার ফেসবুক পেজ এর Url টি বসান । এবার Save এ ক্লিক করে সেভ করে নিন ।


* তাহলে আজকের মতো এই পর্যন্ত আবার দ্যাখা হবে ।