Cara Membuat Menu Emoticon Pada Komentar Blog

Cara Membuat Menu Emoticon Pada Komentar Blog - Apakah anda ingin memberikan menu emoticon pada tempat komentar blog anda? Ok, kali ini saya akan share cara memberi emoticon pada blog.

1. Login ke akun blogger anda

2. Pergi ke template -> edit html

3. Klik lanjutkan

4. Centang expand template widget

5. Cari kode yang bernama </body> dengan bantuan ctrl+f

6. Copy script berikut

<style type='text/css'> .emoWrap { background-color:Transparent; border:2px solid Transparent ; 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 type='text/javascript'> //<![CDATA[ var emoRange = "#comments p, div.emoWrap", putEmoAbove = "iframe#comment-editor", emoMessage = "Untuk menyisipkan emoticon setidaknya anda harus menambahkan satu spasi di awal simbol."; //]]> </script>

7. Kalian bisa ganti text yang berwarna merah dengan kata - kata kalian sendiri

8. Paste scriptnya diatas kode </body>

9. Klik "simpan template"

Selesai. Kini menu emoticon sudah terpasang di blog anda. Saya tidak menggunakan cara ini karena blog saya sedikit berat saat loading ketika menggunakan cara ini. Maka dari itu saya tidak menggunakannya. Tapi itu terserah kalian ^_^

Selamat mencoba ^_^