Selamat Datang di http://nthoeng.blogspot.com, Terima Kasih Sudah Berkunjung, Jangan Lupa Tinggalkan komentar. | Selamat Datang di http://nthoeng.blogspot.com, Terima Kasih Sudah Berkunjung, Jangan Lupa Tinggalkan komentar. |

Selasa, 21 Februari 2012

Membuat / Menambah Fitur Emoticon Pada Komentar Blog

Kali ini saya punya tips buat kamu yang ingin membuat pengunjung blogmu semakin tertarik berkomentar di postingan-postingan blogmu, yaitu dengan menambah fitur emoticon, fitur ini akan membuat komentar komentar yang di berikan lebih terasa hidup, dan lebih asik, nah pada template asli dari Blogger memang tidak disediakan fitur emoticon, dengan begitu kita harus menambahnya sendiri dengan Edit Html, selanjutnya ikuti langkah-langkah berikut :
1. Log In ke Blogger.
2. Pilih Rancangan, selanjutnya Edit Html, jangan lupa centang kotak Expand Template Widget.
3. Cari kode script <p class='comment-footer'><b:if cond='data:post.embedCommentForm'>
4. Selanjutnya sisipkan script dibawah ini di antara script diatas :

<b>Ketik Kode Emoticon Untuk Menambah Emoticon :</b><br/>
<div style='border: 0px solid #transparent; height: 100px; overflow: auto; padding: 10px; width: 320px;'>
<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))</b></div>

5. Kemudian cari kode script </body>, dan letakkan script berikut di atas </body>
<script src='http://hbhost.googlecode.com/files/yemoticon.js' type='text/javascript'/>
6. Simpan Template.

Semoga Berhasil !!!

8komentar:

Anonimmengatakan...

tes gan :))

Galihmengatakan...

Siaaap Gaaan, ,Kalau script nggak jalan,,kasih tau admin Gaan, ,biar dibenerin. . :D

Planet Kentirmengatakan...

coba baca lagi yang no 5, hla itu script berikutnya mana.,.,?? :-t =)) ~x(

Galihmengatakan...

Lhaa itu script nya yang warna merah Soob !! ;;)

Planet Kentirmengatakan...

oowwww.,., seharusnya lebih bagus kalau script itu dibikin quote.,.,
Salam.,., =))
8-} :D

Galihmengatakan...

Thanks Soob Sarannya !! :D

Abhista Rizqi Ramadhanmengatakan...

kok yg ke 3 html nya gk ada ??!!
thx

Didi Wirawanmengatakan...

bagus gan

Posting Komentar

TwitterDeliciousFacebookDiggStumbleuponFavoritesMore