ব্লগে ফেসবুক লাইক বক্স থাকলে যেমন ফেসবুক পেজের ফ্যান বারে তেমনি ওপর দিকে সাইটের বা ব্লগের ট্রাফিক ও বাড়ে । তাই আমি মনে করি ব্লগ বা সাইটে ফেসবুক লাইক বক্স থাকা জরুরী। কম্পিউটার জগৎ সাইটেও অটো Scrolling পপ-আপ ফেসবুক লাইক বক্স যুক্ত করা আছে। আজকে এই পোষ্টে একটি ভিন্ন সাধের ফেসবুক পপ-আপ লাইক বক্স শেয়ার করছি। এর আগের পোষ্টে কিভাবে ব্লগের প্রতিটি পোস্টের নীচে সহজে Subscribe বক্স যুক্ত করবো আলোচনা করা হয়েছিল। সাইট ট্রাফিক বাড়াতে গেলেও ব্লগে Subscribe বক্স যুক্ত করা প্রয়োজন। কেননা এতে ব্লগার ও পাঠকের উভয়েরই লাভ। কথা না বাড়িয়ে আসুন নিজে নিজে আপনি আপনার ব্লগে যুক্ত করে নিন, অটো Scrolling পপ আপ ফেসবুক লাইক বক্স ।
কিভাবে ব্লগে অটো Scrolling পপ আপ লাইক বক্স যুক্ত করবেন ?
নোট -<style type='text/css'>
#blogtariffFBpop {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#FEFEFE;font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#blogtariffFBpop a.bsclose {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#000000;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:25px;
cursor:pointer;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top
$('#blogtariffFBpop').animate({top:"50px"}, 1000);
// Widget by www.blogtariff.com
$('a.bsclose').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='blogtariffFBpop'>
<!-- Widget by www.computerjajot.com Start -->
<center><b><a class="Blogtariff">Don't Forget To Join With Our Community</a></b></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fgeteverythingcomputers&width=292&height=258&show_faces=true&colorscheme=light&stream=false&show_border=true&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowTransparency="true"></iframe></center>
<!-- Widget by www.computerjajot.com End -->
<a class='bsclose' href='#'>×</a>
<center style="float:right; margin-right:10px;"><span style="font-size:xx-small; color:#000; text-decoration:none;">+Get this at</span> <a target='_blank' style="font-size:xx-small; color:#3B78CD; text-decoration:none;" href="http://www.computerjajot.com/2015/03/add-tech-scrolling-facbook-popup-like.html">PCTipsTweets </a></center>
</div>
- আপনি পপ আপ ফেসবুক লাইক বক্সে কালার (রং) পরিবর্তন করতে চাইলে, FEFEFE লেখাটি মুছে দিয়ে অন্য কলার কোড ব্যবহার করতে পারেন।
- geteverythingcomputers মুছে দিয়ে আপনার ফেসবুক পেজের নাম টাইপ করুন ।
