ব্লগারের কমেন্ট বক্সের উপরে Yahoo Simileys Emotions এর অপশন এড করা

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

Installation

• ব্লগারে ল্যগিং করে Layout > Edit Html  ট্যাবে ক্লিক করতে হবে।
• এখানে Expand Widget বক্সটি চ্যেক করে নিতে হবে।
• এখন টেমপ্লেটে নিচের কোডটি ফাইন্ড করতে হবে।

Tip : – ফাইন্ড করার জন্য ব্রাউজারে Ctrl+F টাইপ করে সার্চ বক্সে কপি-পেস্ট করলেই হবে।

<p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>
      </p>
    </b:if>

• উপরের কোডটি ফাইন্ড করা হলে নিচের কোডটির সঙ্গে রিপ্লেস করতে হবে।

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
</b>
</div>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>

• কোডটি রিপ্লেস করা হলে টেমপ্লেটের প্রিভিউ ট্যাবে ক্লিক করে,যদি কোন এরর না দেয় তবে টেমপ্লেট সেভ করতে হবে।
• সেভ হলে টেমপ্লেটে </body> ট্যাগটি সার্চ করতে হবে।
• </body> ট্যাগটি ফাইন্ড হলে নিচের স্ক্রিপ্টটি ঠিক এর উপরে পেস্ট করতে হবে।

<script src=' http://www.yourjavascript.com/1565299460/smiley.js
' type='text/javascript'/>

Note : – উপরের .js ফাইলটি নিজের সার্ভারে আপলোড করে নেওয়ার জন্য রিক্যুয়েস্ট করছি।এটি আমি একটি ফ্রী সার্ভারে আপলোড করে রেখেছি,Exceeded bandwidth প্রবলেমের কারনে এটি কাজ নাও করতে পারে।

• স্ক্রিপ্টটি </body> ট্যাগের উপরে পেস্ট করা হলে টেমপ্লেট সেভ করে নিতে হবে।

এর পরে কমেন্ট বক্সের উপরে Yahoo Simileys ইমেজের পাশে টেক্সট কোড থাকবে যা টাইপ করে কমেন্টের সঙ্গে Simileys এড করা যাবে।

Kindly Bookmark this Post using your favorite Bookmarking service: