Senin, 04 Maret 2013
Salah satu cara untuk membuat artikel kita dikomentari oleh banyak orang adalah dengan menambahkan emoticon lucu dikomentarnya. Karena dengan adanya emoticon, pengunjung dapat lebih mengekspresikan unek-uneknya terhadap artikel tersebut. Nah kali ini saya akan beritahu cara untuk memasangnya disitus anda. emoticon yang akan saya gunakan berupa gambar "onion", pasti udah pada tau kan? emoticon ini cukup terkenal dan udah sering digunakan oleh banyak situs top. Kalo anda tertarik untuk memasangnya disitus anda, nih tampilannya kalo sudah terpasang,
Keren kan? Untuk mendapatkan kodenya pengunjung hanya perlu mengklik salah satu gambar dari emoticon yang ingin digunakan, maka disana akan muncul kode dari emoticon tersebut. Dengan begini pengunjung juga akan lebih dipermudah dalam penulisan kode emoticonnya.
Itu tadi sedikit penjelasan tentang emoticon yang akan dibuat, sekarang mari ikuti ke langkah-langkah pembuatannya.
Langkah-langkah Membuat Emoticon di Komentar Blog:
- Login ke akun Blog kalian.
- Pilih menu "Template".
- Klik "Edit HTML".
- Centang "Expand Template Widget".
- Cari kode </body>.
- Jika sudah ketemu, copy kode yang ada dibawah ini, lalu letakkan diatas kode </body>
<style type='text/css'>.emoWrap { background-color:#ffffff; border:2px solid #D3BA59; padding:10px 14px; color:black; font:bold 12px Tahoma,Arial,Sans-Serif; text-align:center; width=100%;}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 type='text/javascript'>//<![CDATA[var emoRange = "#comments p, div.emoWrap", putEmoAbove = "iframe#comment-editor", emoMessage = "Berikan spasi untuk menambahkan emoticon.";//]]></script><script src='https://pesan-bocah-alus.googlecode.com/files/onionemoticon.js' type='text/javascript'/>
- langkah terakhir klik "Simpan template".
Semoga bermanfaat.
