Cara Menambahkan Emoticon Pada kotak Komentar Blog

السلام عليكم ورحمة الله وبركاته

Emoticon adalah ekspresi kita ketika menyampaikan sesuatu berupa icon-icon, kali ini saya berbagi bagaimana cara menambahkan emoticon pada kolom/ kotak komentar blog anda. Seperti yang ada pada gambar berikut

Adapun tutorialnya adalah sebagai beikut:

1. Login ke Account Bloger anda
2. Pilih Rancangan, Edit HTML, lalu ceklis "Expand Template Widget"
3. Cari kode </body>, lalu copy kode dibawah ini tepat di kode </body> tadi
   <style type='text/css'>
   .emoWrap {
     background-color:#ffffff;
     border:2px solid #ffffff;
     padding:10px 14px;
     color:black;
     font:bold 12px Tahoma,Arial,Sans-Serif;
     text-align:center;
   }
   img.emo, input.emoKey {
     display:inline-block; /* Penting! */
     *display:inline;
     vertical-align:middle;
   }
   input.emoKey {
     border:1px solid #ccc;
     background-color:white;
     font:bold 11px Arial,Sans-Serif;
     padding:1px 2px;
     margin:0px 0px 0px 2px;
     color:black;
   }
   </style>
   <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
   <script src='http://reader-download.googlecode.com/svn/trunk/jquery.autoemoticons.js' type='text/javascript'/>
   <script type='text/javascript'>
   //<![CDATA[
   var emoRange    = "#comments p, div.emoWrap",
       putEmoAbove = "iframe#comment-editor",
       emoMessage  = "Untuk menyisipkan emoticon setidaknya sobat harus menambahkan satu spasi di awal simbol.";
   //]]>
   </script>
    
4. Terakhir, Klik "Simpan Template" dan lihat hasil dari pekerjaan anda tadi
5. Jangan lupa like dan share blog ini ya :),

Terima Kasih Atas Perhatiannya dan Selamat Berjuang

 ثمّ السّلام عليكم ورحمة الله وبركاته