ব্লগার এবং গুগল + কমেন্ট ট্যাব এক সঙ্গে ব্যবহার করুন !! ব্লগার ব্যবহার কারি অবশ্যই দেখবেন !!

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







কাজ খুবি সোজা উপরের ডেমো দেখে যদি মনে হয় এটা আপনার ব্লগে ব্যবহার করলে আপনার সুবিদা হবে তাহলে নিচের স্টেপ গুল দেখে দেখে আপনার ব্লগে যুক্ত করে নিন ।


কমেন্ট ট্যাব সেটআপ নিয়ম


  • প্রথনে আপনি আপনার ব্লগার অ্যাকাউন্ট লগইন করুন ।
  • এবার ড্যাশবোর্ড থেকে Template এ ক্লিক করুন ।
  • এবার Edti HTML এ ক্লিক করুন ।
  • আপনার কীবোর্ড এর Ctrl+F প্রেস করে নিচের টাগটি খুজুন ।

<b:include data='post' name='post'/>

  • উপরের ট্যাগ খুজে পেলে তার ঠিক পরে নিচের কোড গুল বসান ।


 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>#comments, #gplus-comments-visibility {display:none;} .comments-icons {background: url(http://2.bp.blogspot.com/--CsmnKc1FSA/VI8FyLYdw7I/AAAAAAAAAwE/erSHV85Pg_Q/s1600/speech-bubble.png) no-repeat; font-size: 20px; font-family: &quot;Arial Narrow&quot;,Arial,sans-serif; color: #555; font-weight: bold; padding: 18px 15px 0; height: 70px; } .comments-icons a img {vertical-align: middle;}</style>
<div class='comments-icons'>
Show Comments: <a class='show-hide-comments' href='javascript:void();' onclick='$(&quot;#gplus-comments-visibility&quot;).slideToggle();$(&quot;#comments&quot;).hide();'><img class='gplus-icon' height='35' src='http://1.bp.blogspot.com/-i1zpfechOuY/VI763hqxlHI/AAAAAAAAAvs/dz4sWUQW-xU/s1600/google-plus-logo.png' width='35'/></a> OR <a class='show-hide-comments' href='javascript:void();' onclick='$(&quot;#comments&quot;).slideToggle();$(&quot;#gplus-comments-visibility&quot;).hide();'><img class='blogger-icon' height='35' src='http://3.bp.blogspot.com/-4N-YlJvoxdA/VI763udxlHI/AAAAAAAAAvw/0dY2Ys0zz2k/s1600/blogger-logo.png' width='35'/></a>
</div>
<div id='gplus-comments-visibility'>
<div class='g-comments' data-first_party_property='BLOGGER' data-view_type='FILTERED_POSTMOD' data-width='550' expr:data-href='data:post.url'/>
</div>    
</b:if>



উপরের লাল রঙের নাম্বার পরিবর্তন করে নিজের টেম্পলেট এর উপর নির্ভর করে পছন্দ মত একটি সাইজ সিলেক্ট করে ওখানে বসিয়ে দিতে পারেন । এবং আপনার ব্লগে যদি jQuery সেট করা না থাকলে নিচের কোড গুল </head> ট্যাগ এর উপরে বসয়ি দিন । 


<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>


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


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



এসো বন্ধু

আমি পারভেজ ব্লগিং এর সঙ্গে যুক্ত আছি গত বেশ কিছু বছর, বাংলা ব্লগিং এর সঙ্গে সঙ্গে আমি অন্য ভাষাতেও ব্লগিং করি। সেই সব কারনে ব্লগে নিয়তম থাকা হয়না, আপনাদের ভালোবাসা যদি আগের মত আবার ফিরে পাই তাহলে অবশ্যই নিয়মত হবার চেস্ট করবো। facebook telegram youtube twitter

3 মন্তব্যসমূহ

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

নবীনতর পূর্বতন

نموذج الاتصال