Membuat Emoticon di Atas Komentar (2)

Untuk memperindah tulisan komentar anda bisa menggunakan emoticon sebagai penghias komentar anda agar tetap terlihat hidup. Selain itu, dengan adanya emoticon tersebut pengunjung dapat mengekspresikan komentarnya dengan menambahkan emoticon tersebut pada komentarnya. Menurut saya emoticon ini sangatlah menarik. Mengapa? Karena emoticon ini jenisnya banyak dan emoticonnya lucu-lucu. Cara penggunaannya juga gampang, anda tinggal klik salah satu yang akan dipilih dan copy paste atau ketikan kode yang muncul di dekatnya pada kolom komentar. Bagaimana, anda mau membuatnya? Oke, kalau begitu silahkan ikuti langkah-langkahnya.

1.  Masuk ke dasbor blog anda dengan akun blogger anda.

2.  Pergi ke Rancangan > Edit HTML > Centang Expand Template Widget.

3.  Cari kode </body> (Ctrl+F) dan copy paste kode berikut tepat di atasnya.

<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";//]]> </script>

4.  Lalu klik Simpan Template jika sudah.

5.  Lihat hasilnya.