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


আজকে আমি আপনাদের দেখাবো কিভাবে আপনি আপনার ব্লগে Blogger & Google+ দুটি কমেন্ট সিস্টেমকে এক সঙ্গে ব্যবহার করবেন । অনেকে ভাবছেন এটা কি ভাবে সম্ভব তাহলে বলি অসম্ভব বলে কিছুই নেই । একটু অপেক্ষা করুন সামনে আরও চমক খাবার মতো পোস্ট পাবেন । তবে এটা আমি বানানি কারন এই বিষয়ে আমিও আপনাদের মতো নতুন এটা মাই ব্লগার ল্যাব বানিয়েছেন । যাই হোক কিভাবে আপনার আপনাদের ব্লগে যুক্ত করবেন নীচের টিপস গুলো লক্ষ করুন । 







আশাকরি এবার বিষয় টি বুজতে পারলেন উপরের ফটো দেখে না বুজলে নীচের ডেমোতে ক্লিক করে দেখে নিন । তবে আমার ঐ ডেমোতে সমস্যা আছে আপনার শুধু বিষয়টি দেখে নিন ।





কিভাবে আপনার ব্লগে যুক্ত করবেনঃ 


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

২// এবার EditHTML এ ক্লিক করুন ।

৩// আপনার কীবোর্ড এর Ctrl+F প্রেস করে নীচের কোডটি খুজে বের করুন ।


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


৪// উপরের কোড খুজেপেলে সেটিকে মুছে সেখানে নীচের কোডটি বসিয়ে দিন ।


<b:includable id='threaded_comments' var='post'>
  <div id='com-header'>
<h6>Comment With:</h6> <img class='com-on' id='com-norm' src='https://lh3.googleusercontent.com/-nfrkoUYsV-E/UXVi6W7CI8I/AAAAAAAAILo/uCS3thePKXU/s50/blogger_on.png' title='view Blogger comments'/><h6>OR</h6> <image id='com-gplus' src='http://lh6.googleusercontent.com/-wnTb7SHAGEE/UXVi6xoHXAI/AAAAAAAAILY/6vx5Em5w8MI/s50/plus_off.png' title='view Google+ comments'/><h6>The Choice is Yours!</h6>
<div id='copyrigtsmbl'><a href='http://www.mybloggerlab.com/2013/04/ow-to-use-blogger-and-google-comments-together.html' id="mblrights"></a></div>
</div>
<div id='comment-zone'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4><data:post.commentLabelFull/>:</h4>
    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>
    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>
    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
  <div id='gcontainer'><div id='gcomments'/></div>
<script src='http://apis.google.com/js/plusone.js'/>
<script src='https://googledrive.com/host/0B0WJjcJEFNziQU01STJVc3RzeWc'/>
<style>
#gcontainer {
display:none;
  }
#com-norm,#com-gplus {
cursor:pointer;
padding:0 5px;
float:left
  }
#com-header {
border: 1px solid #d2d2d2;
padding: 10px;
float: left;
width: 580px;
margin-bottom: 20px;
background: #f5f5f5;
  }
#com-header h6{
font-size: 20px;
text-transform: uppercase;
font-weight: bold;
float: left;
padding-top: 15px;
margin: 0px;
margin-right: 7px;
margin-left: 7px;
  }
#copyrigtsmbl {
float: right;
margin-top: 20px;
border-top: 1px solid #d2d2d2;
margin-right: -10px;
padding-right: 10px;
padding-top: 5px;
padding-left: 10px;
border-left: 1px solid #d2d2d2;
padding-bottom: 5px;
margin-bottom: -10px;
font-size:11px;
background: #fff;
  }
#copyrigtsmbl a {
text-decoration:none;
color:111!important;
  }
</style>
</div>
</b:includable>



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


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


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


৭// উপরের কোডটি খুজে পেলে সেটিকে মুছে সেখানে নীচের কোড বসিয়ে দিন ।


<b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <b:include data='post' name='iframe_comments'/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <b:include data='post' name='iframe_comments'/>
    <b:else/>
      <b:if cond='data:post.showThreadedComments'>
        <b:include data='post' name='threaded_comments'/>
      <b:else/>
        <b:include data='post' name='threaded_comments'/>
      </b:if>
    </b:if>
  </b:if>
</b:includable>



৮// সব ঠিক ঠাক ভাবে হয়েগেলে Save Template এ ক্লিক করে বেরিয়ে আসুন ।


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


▬ভালো থাকবেন সুস্থ থাকবেন▬

▬আল্লাহ্‌ হাফেজ▬

শেয়ার করুন :→

একটি মন্তব্য পোস্ট করুন Blogger

আপনার একটি মন্তব্য একজন লেখক কে ভালো কিছু লিখার অনুপেরনা যোগাই তাই প্রতিটি পোস্ট পড়ার পর নিজের মতামত জানাতে ভুলবেন না । তবে বন্ধুরা এমন কোন মন্তব্য পোস্ট করবেন না যার ফলে লেখকের মনে আঘাত করে ! কারণ একটা ভাল মন্তব্য আমাদের আরও ভাল কিছু লিখার অনুপেরনা যাগাই !!

 
Top
Blogger Widgets