ফেসবুক লাইক বক্স ব্লগার ব্লগের জন্য ! নিজের মত করে ব্যবহার করুন !!

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


facebook-popup-likebox-blogger-blog






ফেসবুক লাইক বাটন কিভাবে যুক্ত করবেন টিপস দেখুন 



  • প্রথমে আপনার ব্লগার অ্যাকাউন্ট ওপেন করুন ।
  • ড্যাশবোর্ড থেকে Layout → Add a Gadget ।
  • এবার HTML/Javascript এ ক্লিক করুন ।
  • Content ঘরে নিচের কোড গুল কপি পেস্ট করুন ।



 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fbox-background {
    display: none;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

#fbox-close {
    width: 100%;
    height: 100%;
}

#fbox-display {
    background: #eaeaea;
    border: 5px solid #828282;
    width: 340px;
    height: 230px;
    position: absolute;
    top: 32%;
    left: 37%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#fbox-button {
    float: right;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
}

#fbox-button:before {
    content: "CLOSE";
    padding: 5px 8px;
    background: #828282;
    color: #eaeaea;
    font-weight: bold;
    font-size: 10px;
    font-family: Tahoma;
}

#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {
    color: #aaaaaa;
    font-size: 9px;
    text-decoration: none;
    text-align: center;
    padding: 5px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('medium');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/esobondhu&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe>
<div id="fbox-link"><a style="padding-left: 0px;" href="" rel="nofollow"></a></div>
</div>
</div>



উপরের কোড থেকে esobondhu মুছে সেখানে আপনার ফেসবুক ফ্যান পেজ এর Url দিন । ব্যাস সেভ করে নিন এবং ব্লগ ভিজিট করুন দেখুন লাইক বক্স দেখতে পাবেন ।

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


$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });


ব্যাস সেভ করে দিন এবার ব্লগ ভিজিট করুন দেখুন প্রতিবার প্রতিটি পোস্ট এ ফেসবুক লাইক বক্সটি দেখতে পাবেন ।



  • যদি চান লাইক বক্সটি সুধু মাত্র হোম পেজে দেখাবেন তাহলে নিচে টিপস দেখুন । 
  • প্রথমে ড্যাশবোর্ড এ যান তারপর Template → Edit HTML এ ক্লিক করুন । 
  • আপনার কীবোর্ড এর CTRL+F প্রেস করে নিচের ট্যাগ খুজুন । 


</body>


  • উপরের ট্যাগ খুজে পেলে তার ঠিক উপরে নিচের কোড গুল বসিয়ে দিন । 



&lt;b:if cond='data:page.type == "index"'&gt;ADD THE FACEBOOK WIDGET CODE HERE &lt;/b:if&gt;


এক্ষেত্রে উপরের লাল লিখা মুছে সেখানে উপরের লাইক বক্স কোড গুল সেখানে বসিয়ে দিন । Save Template এ ক্লিক করে বেরিয়ে আসুন ।


তাহলে আজকের মত এই পর্যন্ত কোন রকম সমস্যা হলে আমাকে যানাবেন আমি হেল্প করতে চেস্ট করবো । কোড গুল আমি ইংরেজি ব্লগ হেল্পলগার থেকে নিয়েছি । ভাল থাকবেন সুস্থ থাকবেন । আসসালামু আলাইকুম ।

এসো বন্ধু

আমি পারভেজ ব্লগিং এর সঙ্গে যুক্ত আছি গত বেশ কিছু বছর, বাংলা ব্লগিং এর সঙ্গে সঙ্গে আমি অন্য ভাষাতেও ব্লগিং করি। সেই সব কারনে ব্লগে নিয়তম থাকা হয়না, আপনাদের ভালোবাসা যদি আগের মত আবার ফিরে পাই তাহলে অবশ্যই নিয়মত হবার চেস্ট করবো। facebook telegram youtube twitter

7 মন্তব্যসমূহ

আপনার একটি মন্তব্য একজন লেখক কে ভালো কিছু লিখার অনুপেরনা যোগাই তাই প্রতিটি পোস্ট পড়ার পর নিজের মতামত জানাতে ভুলবেন না । তবে বন্ধুরা এমন কোন মন্তব্য পোস্ট করবেন না যার ফলে লেখকের মনে আঘাত করে ! কারণ একটা ভাল মন্তব্য আমাদের আরও ভাল কিছু লিখার অনুপেরনা যাগাই !!

  1. very nice but title ar ghore ki likhbo?

    উত্তরমুছুন
    উত্তরগুলি
    1. ভাই টাইটেল এর ঘরে কিছুই লিখতে হবে না পোস্টে যা বলা হয়েছে সুধু সেগুলই করুন ।

      মুছুন
  2. ভাইয়া আমি তো সব কাজ করেছি । কিন্তু.... আমার ব্লগে গেলে দেখা য়ায় একটা ফাকা পেজ আসে, আর কিছু দেখা যায় না ।

    উত্তরমুছুন
    উত্তরগুলি
    1. ভাই আপনার ব্লগ লিঙ্ক শেয়ার করবেন প্লিজ !

      মুছুন
    2. ভাইয়া আমার একই সমস্যা হচ্ছে, আমার ব্লগ BloggingChamber

      সমাধান দিন প্লিজ।

      মুছুন
    3. ভাই সব কিছুই তো ঠিক আছে সমস্যা করার কথা না আমার মনে হয় আপনাদের কোথাও ভুল হচ্ছে কারন আমি এখুন আবারও চেক করলাম ঠিকি আছে দেখলাম উপরের টিপস দেখে আবারও চেক করুন ভাই দেখুন হবে এবং উপরের কোড থেকে বেশি কিছু পরিবরতন করবেন না শুধু যাযা পরিবর্তন করতে বলা হয়েছে তাই করুন ।

      মুছুন
    4. আমার ক্ষেত্রে কাজ করেনি ভাইয়া, তবে আমি অন্য একটা ইউজ করেছি। থ্যাংকস।

      মুছুন
নবীনতর পূর্বতন

نموذج الاتصال