কিভাবে ব্লগার ব্লগে ফেসবুক এবং ডিসকাস কমেন্ট সিস্টেম এক সঙ্গে ব্যবহার করবেন !

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

 ব্লগার ব্লগে ব্যবহার করুন তিনটি কমেন্ট সিস্টেম - Blogger , Facebook , Disqus দারুন একটি সিস্টেম । 

কিভাবে ব্লগারে ফেসবুক এবং ডিসকাস কমেন্ট সিস্টেম এক সঙ্গে ব্যবহার করবেন !

প্রথমে আপনার ব্লগার অ্যাকাউন্ট লগইন করুন এবং ড্যাশবোর্ড থেকে Template এ ক্লিক করুন এবং Backup অপশন থেকে আপনার থিম ব্যাক নিয়ে নিন । কারনে কাজ করতে গিয়ে কোন ভুল করলে আবার যাতে আগের অবস্থাই ফিরতে পারেন।

এবার Tamplte অপশন থেকেই Edit HTML এ ক্লিক করে আপনার কীবোর্ড এর CTRL+F প্রেস করে </head> ট্যাগটি সার্চ করুন । এবং এই ট্যাগের এর ঠিক উপরে নিচের কোড গুল কপি করে পেস্ট করে দিন ।

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.comments,.comments-fb{background:#0277bd;clear:both;margin:0 20px;line-height:1em;padding:0 12px;}
#comments{padding:10px 20px;margin-top:0;display:none}
.fb-comments,.fb_iframe_widget span,.fb_iframe_widget iframe{width:100%!important}
.fb-comments{padding:0!important;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.fb-title,.disqus-title{margin:0 20px;text-align:left;background:#0277bd;padding:6px 10px;color:#f7f7f7!important;font-size:120%;font-weight:700}
#disqus-title{margin:20px 20px 0!important;}
.fb-loader,#fb-showhide,.disqus-loader,#disqus-showhide{float:right;cursor:pointer}
#fb-comment,#disqus-showhide,#fb-showhide{display:none}
</style>
</b:if> 

একি ভাবে </body> ট্যাগ সার্চ করে নিচের কোড গুল কপি করে পেস্ট করে দিন ।

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function loadFacebook(){var e=document.getElementById("fb-loader");e.style.display="none";var e=document.getElementById("fb-comment");e.style.display="block";var e=document.getElementById("fb-showhide");e.style.display="block";!function(e,n,t){var o,c=e.getElementsByTagName(n)[0];e.getElementById(t)||(o=e.createElement(n),o.id=t,o.src="//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3",c.parentNode.insertBefore(o,c))}(document,"script","facebook-jssdk");}
function toggleNavPanel(e){var n=document.getElementById(e),l=document.getElementById("fb-showhide"),t="none";n.style.display==t?(n.style.display="block",l.innerHTML="Hide"):(n.style.display="none",l.innerHTML="Show")};
function toggleNavPanel2(e){var n=document.getElementById(e),l=document.getElementById("disqus-showhide"),t="none";n.style.display==t?(n.style.display="block",l.innerHTML="Hide"):(n.style.display="none",l.innerHTML="Show")};
//]]>
var disqus_shortname = &quot;esobondhu&quot;;
function loadDisqus(){var e=document.getElementById(&quot;disqus-loader&quot;);e.style.display=&quot;none&quot;;var e=document.getElementById(&quot;disqus-showhide&quot;);e.style.display=&quot;block&quot;;!function(){var e=document.createElement(&quot;script&quot;);e.type=&quot;text/javascript&quot;,e.async=!0,e.src=&quot;//&quot;+disqus_shortname+&quot;.disqus.com/blogger_item.js&quot;,(document.getElementsByTagName(&quot;head&quot;)[0]||document.getElementsByTagName(&quot;body&quot;)[0]).appendChild(e)}();}
</script>
<div id='fb-root'/>
</b:if> 

উপরের কোড থেকে esobondhu নামটি মুছে সেখানে আপনার ডিসকাস নাম বসিয়ে দিন ব্যাস । 

কিভাবে ডিসকাস কমেন্ট সিস্টেমে অ্যাকাউন্ট করবেন ? 

এবার নিচের লাইনটি খুজে বের করুন । 

 <b:includable id='comments' var='post'>.................................</b:includable> 

উপরের লাইন টা অর্থাৎ <b:includable id='comments' var='post'> এখান থেকে </b:includable> এখান পর্যন্ত সিলেক্ট করুন এবং সব কোড গুলকে নিচের কোড দিয়ে মুছে দিন ।

 <b:includable id='comments' var='post'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb-title'>Facebook Comments<span class='fb-loader' id='fb-loader' onclick='loadFacebook()'>Show</span><span id='fb-showhide' onclick='toggleNavPanel(&apos;fb-comment&apos;)'>Hide</span></div>
</b:if>
<div class='comments-fb'>
<b:include data='post' name='fb-comments'/>
 </div>
<div class='disqus-title' id='disqus-title'>Disqus Comments<span class='disqus-loader' id='disqus-loader' onclick='loadDisqus()'>Load</span><span id='disqus-showhide' onclick='toggleNavPanel2(&apos;disqus-comments&apos;)'>Hide</span></div>
<div id='disqus-comments'>
<div class='comments' id='comments'>
<b:include data='post' name='disqus-comment'/>
</div> 
 </div>
</b:includable>
 <b:includable id='disqus-comment' var='post'>
 <script type='text/javascript'>
 var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;
 if (!disqus_blogger_current_url.length) {
 disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
 }
 var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
 var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
 </script>
 </b:includable>
 <b:includable id='fb-comments' var='post'>
 <div class='fb-comments' data-colorscheme='dark' data-numposts='5' expr:data-href='data:post.url' id='fb-comment'/>
 </b:includable>

সব শেষ এবার Save Template এ ক্লিক করুন এবং আপনার ব্লগ ভিজিট করুন । আশাকরি আপনি কাজটি করতে সফল হয়েছেন ।

তাহলে আজকের মত পর্যন্ত পোস্টটি ভাল লাগলে অবশ্যই বন্ধুদের সঙ্গে শেয়ার করুন। কোন রকম সমস্যা হলে নিচে কমেন্ট করুন । ভাল থাকবেন সুস্থ থাকবেন । আসসালামু আলাইকুম । 

---

POST VIEWSl

Next Post