Cara Memasang Emoticon di Komentar Blog

Oleh Unknown

Thursday, February 19, 2015

Bagikan :

Tweet

Komentar blog merupakan tempat yang digunakan untuk memberi tanggapan mengenai artikel yang dibaca pengunjung. Dalam komentar ini, kita semua bisa memberikan saran, kritik, atau pertanyaan kepada admin atau pengarang blog. Namun, kotak komentar terasa sepi tanpa adanya emoticon.

Emoticon adalah sebuah simbol atau kombinasi simbol-simbol yang biasanya digunakan untuk menggambarkan ekspresi atau perasaan seseorang dalam bentuk emoticon. Dengan memasang emotikon ini kita tentu akan mengetahui perasaan pengunjung bagaimana setelah membaca artikel yang kita tulis.

Cara Memasang Emotikon di Komentar Blog

1. Login ke Akun Blogger.

2. Masuk ke dashboard, kemudian pilih menu Template > Edit HTML.

3. Copy dan Paste kode dibawah ini tepat diatas kode ]]></b:skin>.

/*=============== Start EMOTICON KOMENTAR ===============*/
.emoWrap{ background-color:#fff;  border:2px solid#0054BB; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  padding:10px 14px;  color:black;  font:bold 12px Tahoma,Arial,Sans-Serif;  text-align:center}
img.emo, input.emoKey{ display:inline-block;  *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}
/*=============== End EMOTICON KOMENTAR ===============*/

4. Lalu cari kode </body>, dan letakkan kode dibawah ini tepat diatas kode </body>.

<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
    putEmoAbove = "iframe#comment-editor",
    emoMessage = "Untuk menyisipkan emoticon, beri satu spasi sebelum memasukkan kode.";
//]]>
</script>
<script src='https://sites.google.com/site/blogkangachmad/Emoticon%20Kang-Achmad.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

5. Terakhir klik Simpan Template dan lihat hasilnya.

Itulah Langkah-Langkah untuk Memasang Emoticon Komentar dan juga semoga blog anda semakin keren karena adanya Emoticon ini.

Tag : Tutorial Blogger