ব্লগে যুক্ত করে নিন Comment box এর উপরে Smiley box

সবাই কেমন আছেন, আশা করি সবাই ভালো আছেন।

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

ব্লগে যুক্ত করে নিন Comment box এর উপরে Smiley box

© চলুন শুরু করি কিভাবে সেট করবেন।

• প্রথমে আপনার ব্লগে Login করুন।
• তারপর dasborad থেকে
  
  Template  ক্লিক করুন।
• এখন edit html এ ক্লিক করার পর আপনি অনেক কোড দেখতে পাবেন। এই কোন কিছু করতে যাবেন না।

© আপনার কি বোর্ড থেকে Ctlr+R চাপ দেন। তারপর আপনার কোডিং বক্স ডানপাশে একটি সার্চ বক্স আসবে। এই বক্স আপনি ]]></b:skin> লিখে সার্চ করুন।

• আপনি সার্চ করার পর আপনি কাংখিত অপশান টি পেয়ে গেলে ]]></b:skin> এর
  
  ঠিক উপরে নিচের কোডটি Paste করে দিন।

/*Widget By http://akrambd26.blogspot.com*/

.BSemoWrap {

  background-color:#fff;

  width: Auto;

  border:2px solid#000000;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;

  padding:10px 14px;

  color:black;

  font:bold 12px Tahoma,Arial,Sans-Serif;

  text-align:center;

}

img.emo, input.BSemoKey {

  display:inline-block; /* Penting! */

  *display:inline;

  vertical-align:middle;

}

input.BSemoKey {

  border:1px solid #ccc;

  background-color:white;

  font:bold 11px Arial,Sans-Serif;

  padding:1px 2px;

© এবার একিভাবে </head> লিখে সার্চ করেন, এই অপশানটি পাওয়া গেলে নিচের কোড টি Paste করে দিন।

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
    <script type='text/javascript'>
    //<![CDATA[
    var emoRange = "#comments p, div.BSemoWrap",
        putEmoAbove = "iframe#comment-editor",
        emoMessage = "To insert emoticon you must added at least one space before the code.";
    //]]>
    </script>
    <script src=' http://bloggerspicebd.googlecode.com/files/BSEmoticons.www.bloggerspice.com.js' type='text/javascript'/>

© ব্যাস এবার কাজ শেষ শুধু Save Template দিয়ে বের হয়ে আসেন।

• আজ এই পর্যন্তই, সবাই ভালো থাকবেন।