Menambahkan yahoo emoticons pada kolom komentar di blogspot

Pada kesempatan kali ini akan di bahas mengenai yahoo emoticons yaitu icon – icon dari yahoo ang biasanya di gunakan pada saat chating yang melambangkan sesuatu .

contoh :

Di blog pun anda bisa menambah kan yahoo emoticons tersebut kedalam kolom komentar pengunjung blog anda . Anda merasa tertarik ? Ingin mencoba ?

Silahkan ikuti langkah – langkah berikut :

  1. Loggin ke akun blogger blog anda
  2. Pilih Rancangan
  3. klik edit HTML
  4. jangan lupa , klik “Expand Widgets Template
  5. kemudian cari kode berikut :

<p class=’comment-footer’>

agar lebih mudah dalam melakukan pencarian , klik CTRL+F dan kemudian pastekan kode tersebut di kotak pencariannya , enter .

Kemudian anda akan menemukan kode seperti dibawah ini :

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

*Note : ada bebrapa template yang berbeda , untuk itu sebagai patokan pastikan di dalamnya ada tulisan <data:postCommentMsg/> karna tulisan ini pasti ada di semua template .

ganti kode di atas dengan kode di bawah ini :

<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&#8217; width=’18’/> :))
<img border=’0′ height=’18’ src=’http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif&#8217; width=’18’/> ;))
<img border=’0′ height=’18’ src=’http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif&#8217; width=’18’/> ;;)
<img border=’0′ height=’18’ src=’http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif&#8217; width=’18’/>😀
<img border=’0′ height=’18’ src=’http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif&#8217; width=’18’/>😉
<img border=’0′ height=’18’ src=’http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif&#8217; width=’18’/> :p
<img border=’0′ height=’18’ src=’http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif&#8217; width=’22’/> :((
<img border=’0′ height=’18’ src=’http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif&#8217; width=’18’/>🙂
<img border=’0′ height=’18’ src=’http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif&#8217; width=’18’/>😦
<img border=’0′ height=’18’ src=’http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif&#8217; width=’18’/> :X
<img border=’0′ height=’18’ src=’http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif&#8217; width=’18’/> =((
<img border=’0′ height=’18’ src=’http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif&#8217; width=’18’/>😮
<img border=’0′ height=’18’ src=’http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif&#8217; width=’20’/>:-/
<img border=’0′ height=’18’ src=’http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif&#8217; width=’18’/> :-*
<img border=’0′ height=’18’ src=’http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif&#8217; width=’18’/>😐
<img border=’0′ height=’18’ src=’http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif&#8217; width=’24’/> 8-}
<img border=’0′ height=’18’ src=’http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif&#8217; width=’31’/> :)]
<img border=’0′ height=’18’ src=’http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif&#8217; width=’44’/> ~x(
<img border=’0′ height=’18’ src=’http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif&#8217; width=’30’/> :-t
<img border=’0′ height=’18’ src=’http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif&#8217; width=’18’/> b-(
<img border=’0′ height=’18’ src=’http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif&#8217; width=’18’/> :-L
<img border=’0′ height=’18’ src=’http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif&#8217; width=’34’/> x(
<img border=’0′ height=’18’ src=’http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif&#8217; 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>

Kemudian anda cari tag berikut :

</body>

Pastekan script berikut di atas tag tersebut :

<script src=’https://sites.google.com/site/wakuadratn/js/emoticons.js‘ type=’text/javascript’/><noscript><a href=”http://introblogger.blogspot.com&#8221; target=”_blank”><span style=”font-size: x-small;”>Add Smilies</span></a></noscript>

klik save .

wahh,,panjang juga ,, semoga anda paham ya,,

contoh hasilnya di http://wakuadratn.blogspot.com/

wassalam,,,
Wawan Setyawan


7 thoughts on “Menambahkan yahoo emoticons pada kolom komentar di blogspot

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s