Cara Memasang Emoticon BBM pada Komentar Blog

OVERDIV - Awal mula saya naksir emoticon komentar pada blog orang lain, ternyata unik dan lucu juga yaa.. Akhirnya saya search di Google cara pasang emoticon di komentar blog, akhirnya ketemu tapi emoticon cuma itu-itu saja.. saya kurang suka sob. Saya berpikir 'Kenapa tidak lihat kondisi teknologi sekarang? Sekarang kan lagi rame-ramenya orang pakai BBM'. Oke baiklah inovasi dimulai hehehe.. Akhirnya saya tertarik pasang emoticon BBM karena unik, lucu dan pastinya beda dengan orang lain. Asal kamu tahu ya sob, butuh pejuangan banget untuk membuat script emoticon BBM ini. Tapi saya orangnya baik kok, buktinya ini saya share tutorial Cara Memasang Emoticon BBM pada Komentar Blog buat kalian. Simak yaa.. ^_^

1. Silahkan masuk ke dashboard Blogger masing-masing.
2. Buka tab Template dan pilih Edit HTML. Kalau mau di-backup dulu templatenya yaa monggo silahkan sekedar untuk jaga-jaga.
3. Pasang script Jquery berikut ini sebelum tag </head>.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

4. Selanjutnya copy script dibawah ini.

<style> .post img.emosmile, .comment-content img.emosmile {max-height:1.1em; bottom:-3px; position:relative; display:inline; margin:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:none; background-color:transparent;-webkit-border-radius:0px;-moz-border-radius:0px;-o-border-radius:0px;-ms-border-radius:0px;border-radius:0px;}</style> <script type='text/javascript'> //<![CDATA[ jQuery(document).ready(function () {emoticonx({ emoRange:"#comments p, div.emoWrap", }) }); //]]> </script> <script src='https://cdn.rawgit.com/trijuni/overdiv/share/bbm-emoticon-new.js' type='text/javascript'/>

Tempatkan kode diatas (no.4) tersebut sebelum tag </head> atau bisa juga sebelum tag </body>.

Apa bedanya ??? Bedanya kalau diantara head maka kode script emoticon akan terlebih dahulu dibaca baru kemudian teks konten. Nah, kalau diantara body maka teks konten akan dibaca terlebih dahulu kemudian emoticon akan dibaca terakhir.

Jadi hasil templatenya akan seperti ini (pilih salah satu) :

Atau

5. Kemudian Save.

6. Selanjutnya ada satu tahap lagi. Masuk ke tab Settings (Pengaturan) > Posts and Comments > edit pada bagian "Comment Form Message". Lihat contoh dibawah ini :

Sebenarnya emoticon BBM android jumlahnya ada 200, tapi saya ambil 44 untuk emoticon komentar blog, saya kira cukuplah, gak usah terlalu banyak.

Berikut contoh tampilan Emoticon BBM pada Komentar Blog

Sekian dulu yaa tutorial kali ini. Semoga dengan Emoticon BBM pada Komentar Blog ini bisa membuat suasana blog kita menjadi lebih hidup dan menarik. Jika ada masalah atau hal yang ingin didiskusikan bersama silahkan tinggalkan komentar yaa. Terimakasih.. ^_^

Tweet