Membuat Emoticon pada Komentar Blogger

Emoticon akan bekerja jika blog anda sudah dilengkapi dengan JQuery.

Dengan adanya emoticon, membuat komentar lebih menarik karena komentator dapat mengungkapkan persaannya lewat emoticon tersebut

Pemasangan pada Blogspot

Pertama - tama kamu masuk dulu Menu Template lalu Edit HTML Template.

Sekarang Tekan CTRL + F lalu cari kode ]]></b:skin> atau </style> , setelah ketemu tempelkan CSS ini diatasnya:

.emo {
    vertical-align: middle;
    cursor: pointer;
    box-shadow: none;
    font: inherit;
}
.emoKey {
    border: none;
    padding: 1px;
    width: 2em;
    line-height: 1;
    margin: -2px 0 -2px 4px;
    box-shadow: none;
    font-weight: bold;
}

Sekarang temukan kode </body>, salin dan tempelkan Javascript berikut ini diatasnya:

<script src='http://obesity-project.googlecode.com/svn/trunk/js/emoticon.js' type='text/javascript'></script>

Menempatkan Emoticon

Aku akan memberikan contoh emoticon ini akan diletakkan didalam formulir komentar, pertama - tama masuklah pada Setelan lalu Post dan komentar dan pastekan kode dibawah ini didalam formulirnya:

 :) :( =( :waaa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :yaya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ \m/ **p <3 0:) ^o^ :-a 7:O *fck* xV x@ X@ ~x( <:) <=) (-.-,) *=p =p* ''J :W :bye: :i-am-here: :cendol: :rolled: *bang* :drummer: :guitarist: :vocalist:

kalo bingung lihat gambar dibawah ini:

Klik Simpan Template, udah gitu aja

Share this post