বাংলা স্লাইড ইফেক্ট ফেসবুক অনুসরণ বক্স খুব মজার ও কাজের একটি ওয়েডগেট আপনার ব্লগের জন্য। এই ওয়েডগেট ব্যবহার করে আপনি খুব সহজে আপনার ফেসবুক অনুসরণ কারি অর্থাৎ Facebook Followers বাড়িয়ে নিতে পারবেন। মূলত আমার সবাই ফেসবুক লাইক পেজ তৈরি করি এবং ব্লগে ফেসবুক লাইক বক্স ব্যবহার করে থাকি । কিন্তু ফেসবুক লাইক বক্সের মত এই ফেসবুক অনুসরণ বাটনেরও যে দারুন উপকারি দিক আছে সেটা আমারা অনেকেই গুরুত্ব দিইনা। যাই হোক আপনি যদি এই নতুন স্টাইল স্লাইড ইফেক্ট টি ব্যবহার করতে চান তাহলে নিচের টিপস অনুসরণ করুন এবং আপনার ব্লগার অর্থাৎ ব্লগপস্ট ব্লগে যুক্ত করেনিন।
কিভাবে বাংলা স্লাইড ইফেক্ট ফেসবুক অনুসরণ বক্স ব্লগস্পট ব্লগে যুক্ত করবেন ?
প্রথমে আপনার ব্লগার ব্লগ লগইন করুন, ড্যাশবোর্ড থেকে Template থেকে Edit HTML এ ক্লিক করুন। এবার কীবোর্ড থেকে CTRL+F প্রেস করে এই ট্যাগটি সার্চ করুন </head> এবার এই ট্যাগ এর ঠিক উপরের নিচের কোড গুল বসিয়ে দিন।
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://googledrive.com/host/0B1psJGfqpghXemk5NEZVeng5MTA' type='text/javascript'></script>
<link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0B1psJGfqpghXRmluN2JWa0ZOdUE"/>
<script src='https://googledrive.com/host/0B1psJGfqpghXemk5NEZVeng5MTA' type='text/javascript'></script>
<link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0B1psJGfqpghXRmluN2JWa0ZOdUE"/>
এবার একি ভাবে CTRL+F প্রেস করে এই ট্যাগটি সার্চ করুন </body> এবার এই ট্যাগ এর ঠিক উপরে নিচের কোড গুল কপি করে বসিয়ে দিন।
<b:if cond='data:blog.isMobileRequest == "false"'>
<div id="popupcc" style="font-size:16px">
<img id="popupccimg" src="https://lh3.googleusercontent.com/-Rop-KDIbUZA/VmLJLSi3jOI/AAAAAAAALaM/AZM8ifIyUOg/s295-Ic42/11225351_923445604410567_4089759310921833631_n.jpg"/>
আমাকে ফেসবুকে অনুসরণ করুন
<div class="fb-follow" style="margin-bottom:10px" data-href="https://www.facebook.com/Myprofilel" data-layout="button_count" data-show-faces="false"></div>
<div id="creditcc">
<a href="http://www.esobondhu.com/2015/12/slide-in-facebook-follow-button-blogspot-blog.html" target="_blank"><img src="http://3.bp.blogspot.com/-tjT8VMGsHa8/VWixkOfsN4I/AAAAAAAAKEs/HV-ePrRr1UU/s1600/Download_icon.png" width="7px" />ওয়েডগেট তৈরি করুন</a>~ <a href="JavaScript:void(0)" id="closecc"><img src="http://1.bp.blogspot.com/-9Vx3GdFHbJ0/Vapvd8IsJtI/AAAAAAAAKHM/86hIqoQkiJI/s1600/icon-close-red.png" width="10px"/>আর দেখতে চাইনা</a>~ <a href="#" onclick="document.getElementById('popupcc').style.display='none'"><img src="http://4.bp.blogspot.com/-n5Xshozx_qE/VWixkZ9Si_I/AAAAAAAAKEo/S0sVOG35Ag8/s1600/icon-close.png" width="10px"/>বন্ধ করুন</a>
</div>
</div>
</b:if>
<div id="popupcc" style="font-size:16px">
<img id="popupccimg" src="https://lh3.googleusercontent.com/-Rop-KDIbUZA/VmLJLSi3jOI/AAAAAAAALaM/AZM8ifIyUOg/s295-Ic42/11225351_923445604410567_4089759310921833631_n.jpg"/>
আমাকে ফেসবুকে অনুসরণ করুন
<div class="fb-follow" style="margin-bottom:10px" data-href="https://www.facebook.com/Myprofilel" data-layout="button_count" data-show-faces="false"></div>
<div id="creditcc">
<a href="http://www.esobondhu.com/2015/12/slide-in-facebook-follow-button-blogspot-blog.html" target="_blank"><img src="http://3.bp.blogspot.com/-tjT8VMGsHa8/VWixkOfsN4I/AAAAAAAAKEs/HV-ePrRr1UU/s1600/Download_icon.png" width="7px" />ওয়েডগেট তৈরি করুন</a>~ <a href="JavaScript:void(0)" id="closecc"><img src="http://1.bp.blogspot.com/-9Vx3GdFHbJ0/Vapvd8IsJtI/AAAAAAAAKHM/86hIqoQkiJI/s1600/icon-close-red.png" width="10px"/>আর দেখতে চাইনা</a>~ <a href="#" onclick="document.getElementById('popupcc').style.display='none'"><img src="http://4.bp.blogspot.com/-n5Xshozx_qE/VWixkZ9Si_I/AAAAAAAAKEo/S0sVOG35Ag8/s1600/icon-close.png" width="10px"/>বন্ধ করুন</a>
</div>
</div>
</b:if>
উপরের কোড থেকে কালার ক্রিত লিখা গুল মুছে সেখানে আপনার লিখা দিয়ে দিন। যেমন URL মুছে সেখানে আপার ফটো বা প্রোফাইল ফটো দিন এবং Myprofile মুছে সেখানে আপনার ফেসবুক প্রোফাইল User নাম বসান। উপরের কোড থেকে false টাকে true করে দিলে এই ওয়েডগেট শুধু মাত্র মোবাইলে দেখা যাবে পিসিতে না তবে সেটা না করাই ভাল। যদি মোবাইল এবং পিসি দুই যাইগাতেই দেখাতে চান তাহলে উপরের কোড থেকে সব উপরের <b:if cond='data:blog.isMobileRequest == "false"'> এই লাইন মুছে দিন এবং সব নিচে </b:if> মুছে দিন।
এবার একি ভাবে CTRL+F প্রেস করে এই ট্যাগ সার্চ করুন </head> বা <body> বা <body এবার এই ট্যাগ এর ঠিক নিচে নিচের কোড গুল কপি করে বসিয়ে দিন।
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/bn_IN/sdk.js#xfbml=1&version=v2.4&appId=784784778251784";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/bn_IN/sdk.js#xfbml=1&version=v2.4&appId=784784778251784";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
উপরের Facebook SDK কোড যদি আপনার ব্লগে আগে থেকেই ব্যবহার করে থাকেন তাহলে আর ব্যবহার করার দরকার নেই সেখান থেকে শুধু মাত্র উপরের দেখান মত bn_IN করে দিবেন তাহলেই হবে। আর যদি আগে থেকে SDK ব্যবহার না করেন তাহলে উপরের টা অ্যাড করেনিন তাহলেই হবে।
প্রায় সব কাজ শেষ এবার আপনি Save Template এ ক্লিক করুন এবং আপনার ব্লগে ভিজিট করুন ১০ সেকেন্ড অপেক্ষা করুন তাহলেই বাম পাশে এই স্টাইল অনুসরণ কারি বক্স দেখতে পাবেন। তাহলে আজকের মত এই পর্যন্ত আবারও দেখা হবে। পোস্টটি ভাল লাগলে বন্ধদের সঙ্গে শেয়ার করুন। কোন সমস্যা হলে নিচে কমেন্ট করুন।
খুব উপকারে আসলো থ্যাংকু
উত্তরমুছুন