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

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

LIVE DEMO

☞ কিভাবে আপনার ব্লগার ব্লগস্পট ব্লগে এটা খুব সহজে যুক্ত করবেন ? নীচের ছোট কিছু টিপস দেখুন আশাকরি আপনিও পারবেন ।


১// আপনার ব্লগ লগইন করুন ড্যাশবোর্ড থেকে Template এ ক্লিক করে আপনার থিম এর ব্যাকআপ নিয়ে রাখুন  ।

২// এবার Edit HTML এ ক্লিক করে আপনার কিবোর্ড এর CTRL+F প্রেস করে নীচের কোড খুজে বের করুন ।

</head>

৩// উপরের কোড খুজে পেলে তার ঠিক উপরে নীচের কোড গুলো কপি করে পেস্ট করুন ।

<meta content='aslam.parvez.7' property='fb:admins'/>
<meta content='3840756250xxxxx' property='fb:app_id'/>
<script src='http://code.jquery.com/jquery-latest.pack.js'/>
<script src='http://tipsviablogging.github.io/tvbcommentstyle.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

নোটঃ  উপরের হাইলাইট কালার এর লিখা aslam.parvez.7 মুছে সেখানে আপনার পার্সোনাল ফেসবুক User name বসান । আর 3840756250xxxxx মুছে আপনার ফেসবুক AP id বসান । কিভাবে ফেসবুক AP ID বানাতে হয় তার জন্য এই পোস্ট দেখুন ।

কিভাবে ব্লগার ব্লগে ফেসবুক কমেন্ট বক্স যুক্ত করবেন । একদম A to Z টিউটোরিয়াল


৪// এবার Save Template এ ক্লিক করে নীচের স্টেপ দেখুন ।


৫// এবার একি ভাবে আপনার কিবোর্ড এর CTRL+F প্রেস করে নীচের কোড খুজে বের করুন
 ।

<div class='comments' id='comments'>


৬// উপরের কোড খুজে পেলে তার ঠিক পরে নীচের কোড গুলো কপি পেস্ট করুন ।

  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <div class='js-default-tab comments-tab' id='blogger-comments' title='Comments from Blogger'>
        <data:post.numComments/>
            Comments
            </div>
            <div class='comments-tab disqusbutton' id='disqus-comments' onclick='load_disqus()' title='Comments with Disqus'>
            <a alt='submit' class='dsq-comment-count comment-link commentslink' expr:href='data:post.url + &quot;#disqus_thread&quot;' style='text-decoration: none; color: #ffffff'/>
            Disqus
            </div>
            <div class='comments-tab' id='fb-comments' title='Comments made on Facebook'>
            <fb:comments-count expr:href='data:post.url'/>
            Fb Comments
            </div>
            <div id='get-this' style='float: Right' title='Get This Comments Plugins'>
                          <a href='http://www.tipsviablogging.com/2013/07/facebook-disqus-tab-in-blogger.html' style='text-decoration: none;' target='_blank'>
                            <span style='color: #999999;'>
                              [Get It]
                            </span>
                          </a>
                        </div>
                      </b:if>
                      <div class='clear'/>
                    </div>
                    <div class='comments-page' id='disqus-comments-page'>
                      <div id='disqus_thread'/>
                      <b:if cond='data:blog.pageType == &quot;item&quot;'>
                        <div id='disqus_thread'/>
                        <div id='disqus_loader' style='text-align: center'>
                          <script>
                            function load_disqus()     {       var dsq = document.createElement(&#39;script&#39;); dsq.type = &#39;text/javascript&#39;; dsq.async = true;       dsq.src = &quot;http://asobondhu.disqus.com/embed.js&quot;;       (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(dsq);       var ldr = document.getElementById(&#39;disqus_loader&#39;);       ldr.parentNode.removeChild(ldr);     }   </script>
                        </div>
                      </b:if>
                </div>
                <div class='comments-page' id='fb-comments-page'>
                <b:if cond='data:blog.pageType == &quot;item&quot;'>
                <fb:comments-count expr:href='data:post.url'/>
                <b>
                Comments :
                </b>
                <br/>
                <br/>
                <fb:comments expr:href='data:post.url' num_posts='10' width='500'/>
                </b:if>
           </div>
     <div class='comments comments-page' id='blogger-comments-page'>

নোটঃ উপরের হাইলাইট কালার নাম asobondhu মুছে সেখানে আপনার Disqus  User নাম বসান । কিছু দিন আগে এই নিয়ে আমি পোস্ট করে ছিলাম যারা দেখেন নি তারা আমার নীচের পোস্ট দেখে দেখে একটি User id করে নিন । নীচের পোস্ট দেখুন ।


কিভাবে আমার ব্লগের মতো আপনার ব্লগার ব্লগেও যুক্ত করবেন Disqus কমেন্ট সিস্টেম । A to Z টিউটিরিয়াল !!


৭// এবার Save Template এ ক্লিক করে নীচের স্টেপ দেখুন ।


৮// একি ভাবে আপনার কিবোর্ড এর CTRL+F প্রেস করে নীচের কোড খুজে বের করুন ।

</body>


৯// উপরের কোড খুজে পেলে তার ঠিক উপরে নীচের নীচের কোড গুলো কপি পেস্ট করুন ।

<script type='text/javascript'> /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */ var disqus_shortname = &#39;Disqus-Site-Name&#39;; // required: replace example with your forum shortname /* * * DON&#39;T EDIT BELOW THIS LINE * * */ (function () { var s = document.createElement(&#39;script&#39;); s.async = true; s.type = &#39;text/javascript&#39;; s.src = &#39;//&#39; + disqus_shortname + &#39;.disqus.com/count.js&#39;; (document.getElementsByTagName(&#39;HEAD&#39;)[0] || document.getElementsByTagName(&#39;BODY&#39;)[0]).appendChild(s); }()); </script>

নোটঃ উপরের কোড থেকে হাইলাইট কালার Disqus-Site-Name নেম মুছে সেখানে আপনার Disqus User নাম বসিয়ে দিন কিভাবে Disqus user নাম করবেন আমি উপরে লিঙ্ক দিয়েছি ।


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


✔ তাহলে আশাকরি কমেন্ট সিস্টেমটি আপনাদের ভালো লাগলো এবং এটা অ্যাড করতেও কোন সমস্যা হল না । যদি কোন রকম সমস্যা হয় আমাকে জানাবেন আমি হেল্প করতে চেষ্টা করবো । আর পোস্টটি ভালো লাগলে বন্ধুদের সাথে শেয়ার করে তাদের কেউ দেখার সুযোগ করে দিন । ভালো থাকবেন সুস্থ থাকবেন আল্লাহ্‌ হাফেজ ।