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







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


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


  • প্রথনে আপনি আপনার ব্লগার অ্যাকাউন্ট লগইন করুন ।
  • এবার ড্যাশবোর্ড থেকে 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 এ ক্লিক করে বেরিয়ে আসুন এবং আপনার ব্লগ চেক করুন । আশাকরি কাজটি করতে আপনি সফল হয়েছেন ।


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



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

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

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

 
Top
Blogger Widgets