Tips Cara Memasang Emoticon Yahoo Messenger di Kotak Komentar Blog


Sebelumnya saya telah membahas bagaimana “Cara Memasang Emoticon di Kotak Postingan & Komentar di WordPress”. Kali ini saya akan memberikan tips cara bagaimana memasang emoticon di kotak komentar Blogger. Namun sebelumnya mengapa sich kita perlu untuk memasang kotak emoticon di kotak komentar :

Sabar yah jangan tergesa-gesa langsung ke step-nya bagaimana😉

  1. Menarik pengunjung untuk berkomentar : Melakukan komentar yang biasa saja tanpa memberikan ekspresi tentu saja sangatlah membosankan😦. Oleh karena itu memberikan emoticon untuk efek di kotak komentar bisa membuat pengunjung kita lebih tertarik untuk malakukan komentar🙂.
  2. Mempercantik Blog : Kebiasaan para pengunjung adalah melihat secara sekilas seluruh postingan yang telah kita publish-kan. Tentunya dengan cara yang seperti itu, bila postingan artikel kita hanya berisi tulisan saja maka akan membosankan dan terlihat kurang menarik😐. Akhirnya pengunjug pun tidak akan membaca artikel kita😦. Dengan memberikan emoticon seperti ini pastinya pengunjung akan penasaran kenapa kuk orang ini tiba-tiba tersenyum apakah ada sesuatu yang lucu. Akhirnya dia membaca artikel kita

Itulah alasan mengapa kita perlu memasang emoticon di kotak komentar kita.

Trus bagaimana nich mas cara masang emoticonnya di kotak komentar dah pengen tau nich ?

Berikut cara memasang emoticon di kotak komentar kita :

  1. Login ke akun Blogger kalian
  2. Template-Edit HTML
  3. Carilah kode ]]></b:skin> dan copy paste kode berikut ini  sebelum kode tadi
    <!-- Yahoo Smileys by BloggerHack.com Code Start-->
    .bloggerhackysmile {
        background: none repeat scroll 0 0 #EFF5FB !important;
        font-size: medium !important;
        padding: 10px !important;
        text-align: left !important;
        font-weight:bold !important;
        font-size:11px !important;
    }
    img.bhacksmly {
        height: auto !important;
        vertical-align: middle !important;
        width: auto !important;
        border:0px !important;
    }
    <!-- Yahoo Smileys Code End-->
  4. Carilah kode </body>dan copy paste kode di bawah ini sebelum kode tadi
    <!-- Yahoo Smileys Script BloggerHack.com -->
    <script src='http://bloggerhack.googlecode.com/files/ysmiley_fixed.js' type='text/javascript'/>

Sebenarnya dengan 2 langkah tadi sudah mampu untuk menghasilkan emoticon di kotak komentar, tapi tentunya pengunjung kita tidak akan tau kode apa yang harus ditambahkan di kotak komentar agar emoticon itu bisa keluar. Oleh karena itu kita memerlukan utnuk menambahkan kode berikut ini :

  1. Carilah kode tag berikut ini :
    <div class='post-footer-line post-footer-line-3'>
    code...
    </div>
    </b:includable>
  2. Copy dan paste kode berikut ini diantara </div> dab </b:include>  :
     
    <!-- Yahoo Smileys by BloggerHack.com Star-->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div style='background-color:#FEF8EC; border:none; width:100%; padding:10px; height:100px; overflow:auto;'>
    <div class='bloggerhackysmile'>
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> :(
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> ;)
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> :D
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> ;;-)
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> :-/
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> :x
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> :P
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> :-*
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> =((
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> :-O
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> X(
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif'/> :7
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/> B-)
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif'/> :-S
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif'/> #:-S
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif'/> 7:)
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> :((
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> :))
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> :|
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif'/> /:)
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> =))
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif'/> O:-)
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif'/> :-B
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif'/> =;
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif'/> :-c
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> :)]
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> ~X(
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/> :-h
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> :-t
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif'/> 8-7
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/> I-)
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> 8-|
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> L-)
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif'/> :-a
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif'/> :-$
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif'/> [-(
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif'/> :O)
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> 8-
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif'/> 2:-P
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif'/> (:|
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif'/> =P~
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif'/> 
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif'/> #-o
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/> =D7
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif'/> :-SS
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/> @-)
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif'/> :^o
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif'/> :-w
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif'/> 7:P
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif'/> 2):)
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif'/> X_X
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif'/> :!!
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif'/> \m/
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif'/> :-q
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/> :-bd
    <img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif'/> ^#(^
    <img alt='' class='bhacksmly' src='http://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif'/> :ar!
    </div></div></b:if>
    <!-- Yahoo Smileys by BloggerHack.com End-->
     

Hal terahir dan terpenting jangan lupa untuk melakukan save yah❗. Selamat mencoba dan semoga berhasil🙂

4 Comments Add yours

  1. bunga says:

    perlu dicoba niiih

    1. Hanggar PS says:

      selamat mencoba

  2. :))

    1. Hanggar PS says:

      semoga membantu

Komentar adalah wujud apreasiasi atas artikel saya ^_^

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s