Solusi 2 Pemasangan Emoticon di Blog

Solusi 2 Pemasangan Emoticon di Blog

Sahabat blogger yang berbahagia berikut ini adalah ekspire ke 2 solusi untuk membuat emoticon dalam kotak komentar di blogg sebagaimana saya posting yang lalu disini sebagaimana hasilnya pada gambar berikut ini.

Sementara kita berharap agar berhasil seperti ini

Solusi kedua saya peroleh dari Sahabat saya di http://www.herihalik.com dengan cara pemasangannya sebagai berikut :

1. Login ke Blogger;
2. Masuk ke Rancangan dan langsung ke Edit template, download template lengkap untuk backup;
3. Carilah kode </body>;
4. Tempatkan script berikut ini diatas kode tersebut;



<script src='https://sites.google.com/site/kodeblogger/javascript/smiley.js' type='text/javascript'/>



5. Selanjutnya carilah kode berikut ini setelah klik expand widget template;
   

   <b:if cond='data:post.embedCommentForm'>
   <b:include data='post' name='comment-form'/>

   
   
6. Setelah kode tersebut ditemukan silahkan tempatkan diantara kode tersebut diatas script HTML berikut ini sehingga lengkap seperti berikut;



<b:if cond='data:post.embedCommentForm'>

<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>


<b:include data='post' name='comment-form'/>



7. Selanjutnya simpan dan lihatlah hasilnya, jika berhasil maka akan nampak gambar-gambar tersbeut diatas kolom komentar;
8. Selanjutnya lakukan pengetesan dengan membuat komentar dan masukkan kode dari gambar yang dimaksud dan kirim koemntar maka jika berhasil komentar yang dibuat dengan isi kode gambar emoticon yang ada tersebut berubah menjadi gambar dari kode gambar yang dimaksud;
9. Jika tidak nampak gambarnya pada kotak komentar Anda berarti tidak berhasil;
10. Mari kita coba pada ekspire selanjutnya pada posting saya berikutnya;

Demikian posting kali ini semoga bermanfaat dan dapat untuk melakukan ekspire yang cukup atraktif dan menyenangkanm jangan putus asa jika belum berhasil, saya masih punya resep untuk itu pada posting berikutnya, tetaplah bersama saya di Info Toko Surya62 yang tetap setia menemani Anda untuk bereksperimen untuk ilmu yang bermanfaat.