বন্ধুরা আজকে আমি আপনাদের জন্য নিয়ে এলাম একটি জনপ্রিয় প্লাগিন Facebook Recommendations Bar সত্যি একটা দারুন একটি প্লাগিন সত্যি বলতে কি আমার খুব পছন্দের তাছাড়া এটা অনেক জনপ্রিয় ব্লগে ব্যবহার হয় আর সব থেকে বড় কথা এটা ফেসবুক এর সাথে যুক্ত । এটা অনেকটা রিলেটেড পোস্ট এর মতো কাজ করবে । সঙ্গে লাইক বাটন তো আছেই । আপনি এটা আপনার ব্লগে যেকোনো মানে বাম সাইড কিংবা ডান সাইডে ব্যবহার করতে পারবেন আর সব থেকে বড় কথা এটা আপনার ব্লগে ভিজিটর অনেক ক্ষণ ধরে রাখতে সাহায্য করবে । তাহলে আর কথা না বাড়িয়ে চলুন মূল কাজের দিকে আগানো যাক ।
✔ আগে কিছু কথা বলেনিই কারন এটা করার জন্য বেশ কিছু কোড এর ব্যবহার করতে হবে তাই আপনারা ভয় পাবেন না মন দিয়ে করুন অবশ্যই পারবেন আমি পেরেছি আপনিও পারবেন । আর হা দরকার একটি ফেসবুক App ID যেটা আমি এর আগে ফেসবুক কমেন্ট বক্স নিয়ে পোস্ট করার সময় দেখিয়ে ছিলাম । কোন সমস্যা নাই আমি সেই লিঙ্ক ঠিক সময় দিয়ে দেবো । তাহলে শুরু করা যাক ।
১// আপনার ব্লগার ব্লগ লগইন করুন ড্যাশবোর্ড থেকে Template এ ক্লিক করুন ।
২// এবার Backup বাটনে ক্লিক করে আপনার থিম এর ব্যাকআপ নিয়ে রাখুন কারন এই কাজটি করতে গিয়ে যদি আপনি কোন ভুল করেন তাহলে যাতে সেই ব্যাকআপ ফাইল ব্যবহার করে আবার আপনার পুরনো অবস্থাই ফিরে যেতে পারেন ।
৩// এবার সেই ট্যাব থেকেই Edit HTML এ ক্লিক করুন ।
৪// এবার আপনার কীবোর্ড এর CTRL+ F প্রেস করে নীচের কোডটি খুজে বের করুন ।
✔ আগে কিছু কথা বলেনিই কারন এটা করার জন্য বেশ কিছু কোড এর ব্যবহার করতে হবে তাই আপনারা ভয় পাবেন না মন দিয়ে করুন অবশ্যই পারবেন আমি পেরেছি আপনিও পারবেন । আর হা দরকার একটি ফেসবুক App ID যেটা আমি এর আগে ফেসবুক কমেন্ট বক্স নিয়ে পোস্ট করার সময় দেখিয়ে ছিলাম । কোন সমস্যা নাই আমি সেই লিঙ্ক ঠিক সময় দিয়ে দেবো । তাহলে শুরু করা যাক ।
১// আপনার ব্লগার ব্লগ লগইন করুন ড্যাশবোর্ড থেকে Template এ ক্লিক করুন ।
২// এবার Backup বাটনে ক্লিক করে আপনার থিম এর ব্যাকআপ নিয়ে রাখুন কারন এই কাজটি করতে গিয়ে যদি আপনি কোন ভুল করেন তাহলে যাতে সেই ব্যাকআপ ফাইল ব্যবহার করে আবার আপনার পুরনো অবস্থাই ফিরে যেতে পারেন ।
৩// এবার সেই ট্যাব থেকেই Edit HTML এ ক্লিক করুন ।
৪// এবার আপনার কীবোর্ড এর CTRL+ F প্রেস করে নীচের কোডটি খুজে বের করুন ।
xmlns:expr='http://www.google.com/2005/gml/expr'
৫// উপরের কোড খুজে পেলে তার ঠিক পরে নীচের কোড গুলো কপি পেস্ট করুন । কোন রকম স্পেস দবেন না ।
xmlns:og='http://ogp.me/ns#'>
নোটঃ বুজতে সমস্যা হলে এক কাজ করুন ৪ নাম্বার স্টেপে আমি যে কোড সার্চ করতে বলেছি সেই কোড মুছে সেখান নীচের কোড গুলো কপি পেস্ট করুন ।
xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:og='http://ogp.me/ns#'>
৬// এবার Save Template এ ক্লিক করুন । নীচের স্টেপ দেখুন ।
৭// এবার একি ভাবে আপনার কীবোর্ড এর CTRL+ F প্রেস করে নীচের ট্যাগটি খুজে বের করুন ।
<head>
৮// উপরের ট্যাগটি খুজে পেলে তার ঠিক নীচে নীচের কোড গুলো কপি পেস্ট করুন ।
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='"en_US"' property='og:locale'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='"en_US"' property='og:locale'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
৯// এবার Save Template এ ক্লিক করুন । নীচের স্টেপ দেখুন ।
১০// এবার একি ভাবে আপনার কীবোর্ড এর CTRL+ F প্রেস করে নীচের ট্যাগটি খুজে বের করুন ।
<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/en_GB/sdk.js#xfbml=1&appId=Your Facebook APP ID&version=v2.0";
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/en_GB/sdk.js#xfbml=1&appId=Your Facebook APP ID&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
নোটঃ উপরের কোড থেকে Your Facebook APP ID মুছে সেখানে আপনার ফেসবুক APP ID টি বসান । যদি আপনি ফেসবুক APP ID না থেকে তাহলে এখনা থেকে দেখে নিন কিভাবে ফেসবুক APP ID তৈরি করবেন ।
১২// এবার Save Template এ ক্লিক করুন । এবার নীচের স্টেপ দেখুন ।
১৩// এবার একি ভাবে আপনার কীবোর্ড এর CTRL+ F প্রেস করে নীচের ট্যাগটি খুজে বের করুন ।
<data:post.body/>
১৪// উপরের ট্যাগটি খুজে পেলে তার ঠিক নীচে নীচের কোড গুলো কপি পেস্ট করুন ।
<div class="fb-recommendations-bar" data-site="asobondhu.blogspot.in" data-read-time="30" data-side="right" data-action="like" num_recommendations="3"></div>
নোটঃ উপরের কোড থেকে asobondhu.blogspot.in মুছে সেখানে আপনার ব্লগ URL বসান । তারপর 30 মুছে সেখান মিনিমাম ১০ সেকেন্ড করুন তাহলে পেজ লোড এর ১০ সেকেন্ড এর মধ্যে এই বার শো করবে । right মুছে আপনি কথাই দেখাতে চান সেটা দিতে পারেন left মানে বামে দেখাতে চাইলে সেখানে left লিখুন । 3 মুছে সেখান আপনি কটি পোস্ট শো করাতে চান ৩ এর বেশি হলে আপনার পছন্দ মতো বসাতে পারেন ।
১৫// ফাইনাল Save Template এ ক্লিক করুন । ব্যাস এবার আপনার ব্লগ ভিজিট করুন আমি আশাকরি করি আপনি কাজটি করতে সফল হয়েছেন ।
✔ তবে যদি আপনি <data:post.body/> এই ট্যাগ খুজে না পান তবা এটা যুক্ত করার পরেও আপনার ব্লগে Recommendations Bar শো না করে তাহলে উপরের কাজ ঠিক ভাবে করার পর আপনি নীচের কাজ করুন ।
ড্যাশবোর্ড থেকে Layout>>Add a Gadget>>HTML/JavaScript এবার Content ঘরে ১৪ নাম্বার এর কোড গুলো কপি পেস্ট করুন । ব্যাস সেভ করে বেরিয়ে আসুন ।
✔ তাহলে আজকের মতো এই পর্যন্ত কোন রকম সমস্যা হলে আমাকে যানাবেন আমি হেল্প করতে চেষ্টা করবো । পোস্টটি ভালো লাগলে বন্ধুদের সাথে শেয়ার করবেন । তাহলে আজকের মতো এই পর্যন্ত আবারও দেখা হবে এই রকম নতুন কিছু নিয়ে ভালো থাকবেন সুস্থ থাকবেন । আল্লাহ্ হাফেজ ।
nicher ai program ta moto akta script chai jodi .tiips ta diten...!!khub opokrito hotam...!!
উত্তরমুছুন