ব্লগার ওয়েবসাইটের ভিতরে কীভাবে ফেসবুকের মন্তব্য বাক্স রাখবেন?
How to add Facebook Comment on your Blogger Website?
আপনার যদি কোন ব্লগার (Blogger.com) দ্বারা নির্মিত ব্লগ সাইট বা ওয়েবসাইট থাকে তবে তাতে আপনি তাকে একটি প্রফেশনাল ওয়েবসাইট এর মত ফেসবুক কমেন্ট বক্স যুক্ত করতে পারেন।
ব্লগারের ডিফল্ট কমেন্ট বক্স দেখতে অনেকটা বিরক্তিকর। তাই আপনার ব্লগার সাইটে ফেসবুক কমেন্ট বক্স যুক্ত করলে আপনার সাইট টি দেখতে একদম প্রফেশনাল সাইট এর মত দেখাবে।
আপনার ব্লগার সাইটে ফেসবুক কমেন্ট বক্স যুক্ত করতে যা যা করতে হবে আমি নিচে তা স্টেপ বাই স্টেপ বর্ননা করছি।
ব্লগার সাইটে ফেসবুক কমেন্ট বক্স যুক্ত করতে হলে আপনাকে ব্লগার সাইটের থীম বা HTML Editor এ প্রবেশ করতে হবে। থীম এডিট করার পূর্বে অবশ্যই আপনার বর্তমান সাইটের থীম টি ব্যকআপ নিয়ে নিবেন। নতুবা এডিট করতে কোথাও ভুল হলে আপনার সাইটের সমস্যা হতে পারে।
কিভাবে ব্লগার সাইটের থীম ব্যাকআপ নিতে হয় তা জানতে নিচের লিংক থেকে ঘুরে আসতে পারেন।
- আপনার ব্লগার সাইটে লগ ইন করুন (Sign in to Blogger.com)
- বাম পাশে নিচে থীম এ ক্লিক করুন (Click on Theme from left lower side)
- কাস্টমাইজেশন থেকে এডিট ইন এইচ.টি.এম.এল এ ক্লিক করুন (Click in Edit in HTML from Customization)
- এডিট ইন এইচ.টি.এম.এল এ ক্লিক করলে থীম টি এইচ.টি.এম.এল মোড এ ওপেন হবে। এখন এইচ.টি.এম.এল এর যেকোন জায়গায় ক্লিক করুন এবং কিবোর্ড থেকে ctrl + f চাপুন। এখন সার্চ বক্স খোলবে এবং এর ভিতরে </body> ট্যাগ টি সার্চ করুন।
- একবার </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_US/sdk.js#xfbml=1&version=v2.3";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>
- এখন নিচে প্রদত্ত ট্যাগটি সার্চ করুন । (আপনি যখন এই ট্যাগটি সার্চ করবেন তখন মনে রাখবেন, দুটি অনুরূপ ট্যাগ পাবেন, উভয়ই একই রকম হবে, আপনাকে প্রথম ট্যাগটি ছেড়ে দ্বিতীয় ট্যাগটিতে থাকতে হবে))
<b:include data='post' name='post'/>
- এখন
আপনাকে নীচে দেওয়া কোডটি
কপি করতে হবে এবং
<b:include data='post' name='post'/>" ট্যাগের
পরে পেস্ট করতে হবে।
<b:if cond='data:blog.pageType == "item"'>
<div
class="fb-comments"
data-href="<data:post.url/>"
data-width="600"
data-num-posts="100">
</div>
</b:if>
- এইচ.টি.এম.এল এর ভিতরে উভয় কোড পেস্ট করার পরে, "থিমটি Save করুন"। থিমটি Save করার পরে, ফেসবুক কমেন্ট বক্সটি আপনার ব্লগার ওয়েবসাইটে সক্রিয় হবে।
সুতরাং
এইভাবে আপনি আপনার ব্লগার
ওয়েবসাইটের ভিতরে ফেসবুক কমেন্ট বক্স যুক্ত করতে পারেন।
- ও হ্যা আপনার ব্লগার সাইটের সেটিংস থেকে ডিফল্ট ব্লগার কমেন্টস Hide kore দিন।
এইতো আপনার
প্রফেশনাল মানের সাইট তৈরি।
এই পোস্ট এর একটি নমুনা নিচে দেওয়া হলঃ