Sabtu, Februari 11

Cara Menambah Emoticon Smiley di Kotak Komentar ( 2 )

Sebelum saya mudik pulang kampung, malam ini saya akan menulis artikel cara menambah emoticon atau smiley di kotak komentar yang kedua. Artikel ini saya tulis karena di postingan saya yang pertama tentang cara menambah emoticon di kotak komentar banyak yang bilang gagal, mungkin saya kurang teliti saat encode kode html hehehe maklum masih newbie juga. Saya berharap semoga artikel kali ini berhasil dan saya sendiri akan mencoba langsung pada blog saya. 
Baiklah langsung ke langkah-langkah menambahkan emoticon :
1. Login ke blogger
2. Pilih " Rancangan " pilih " Edit HTML "
3. Beri tanda centang " Expand Widget Templates "
4. Cari kode </body>
5. Lalu letakan kode berikut ini di atas </body>

<script type="text/javascript" src="https://sites.google.com/site/ariezblog/aa/emotkaskus.js"/>

6. Setelah itu tambahkan kode dibawah ini sebelum kode <b:if cond='data:post.embedCommentForm'>

EMOTICON : <div id='kotakemote'><b><img border='0' src='http://static.kaskus.us/images/smilies/s_big_cendol.gif'/>
:cendolbig
<img border='0' src='http://static.kaskus.us/images/smilies/s_big_batamerah.gif'/>
:batabig
<img border='0' src='http://static.kaskus.us/images/smilies/s_sm_ilovekaskus.gif'/>
:ilovekaskus
<img border='0' src='http://static.kaskus.us/images/smilies/cewek.gif'/>
:kiss
<img border='0' src='http://static.kaskus.us/images/smilies/najis.gif'/>
:najis
<img border='0' src='http://static.kaskus.us/images/smilies/marah.gif'/>
:marah
<img border='0' src='http://static.kaskus.us/images/smilies/s_sm_repost1.gif'/>
:repost
<img border='0' src='http://static.kaskus.us/images/smilies/sundul.gif'/>
:sup2
<img border='0' src='http://static.kaskus.us/images/smilies/takut.gif'/>
:takut
<img border='0' src='http://static.kaskus.us/images/smilies/shakehand2.gif'/>
:shakehand2
<img border='0' src='http://static.kaskus.us/images/smilies/hammer.gif'/>
:hammer
<img border='0' src='http://static.kaskus.us/images/smilies/toastcendol.gif'/>
:toast
<img border='0' src='http://static.kaskus.us/images/smilies/cystg.gif'/>
:cystg
<img border='0' src='http://static.kaskus.us/images/smilies/selamat.gif'/>
:selamat
<img border='0' src='http://static.kaskus.us/images/smilies/jempol2.gif'/>
:2thumbup
<img border='0' src='http://static.kaskus.us/images/smilies/matabelo1.gif'/>
:matabelo
<img border='0' src='http://static.kaskus.us/images/smilies/request.gif'/>
:request
<img border='0' src='http://static.kaskus.us/images/smilies/babyboy1.gif'/>
:babyboy1
<img border='0' src='http://static.kaskus.us/images/smilies/sorry.gif'/>
:sorry
<img border='0' src='http://static.kaskus.us/images/smilies/traveller.gif'/>
:travel
<img border='0' src='http://static.kaskus.us/images/smilies/kimpoi.gif'/>
:kimpoi
<img border='0' src='http://static.kaskus.us/images/smilies/ultah.gif'/>
:ultah
<img border='0' src='http://static.kaskus.us/images/smilies/rate5.gif'/>
:rate5
<img border='0' src='http://static.kaskus.us/images/smilies/bola.gif'/>
:bola
<img border='0' src='http://static.kaskus.us/images/smilies/fd_4.gif'/>
:kbgt
<img border='0' src='http://static.kaskus.us/images/smilies/I-Luv-Indonesia.gif'/>
:iloveindonesia
<img border='0' src='http://static.kaskus.us/images/smilies/s_sm_maho.gif'/>
:maho
<img border='0' src='http://static.kaskus.us/images/smilies/nosara.gif'/>
:nosara
<img border='0' src='http://static.kaskus.us/images/smilies/berduka.gif'/>
:berduka
<img border='0' src='http://static.kaskus.us/images/smilies/ngakak.gif'/>
:ngakak
<img border='0' src='http://static.kaskus.us/images/smilies/recseller.gif'/>
:recsel
<img border='0' src='http://static.kaskus.us/images/smilies/ngacir2.gif'/>
:ngacir2
<img border='0' src='http://static.kaskus.us/images/smilies/bingung.gif'/>
:bingung
<img border='0' src='http://static.kaskus.us/images/smilies/capede.gif'/>
:cd
<img border='0' src='http://static.kaskus.us/images/smilies/peluk.gif'/>
:peluk
<img border='0' src='http://static.kaskus.us/images/smilies/hoax.gif'/>
:hoax
<img border='0' src='http://static.kaskus.us/images/smilies/dp.gif'/>
:dp
<img border='0' src='http://static.kaskus.us/images/smilies/malu.gif'/>
:malu
<img border='0' src='http://static.kaskus.us/images/smilies/cekpm.gif'/>
:cekpm
<img border='0' src='http://static.kaskus.us/images/smilies/jempol1.gif'/>
:thumbup
<img border='0' src='http://static.kaskus.us/images/smilies/angel1.gif'/>
:angel1
<img border='0' src='http://static.kaskus.us/images/smilies/kaskus_radio.gif'/>
:kr
<img border='0' src='http://static.kaskus.us/images/smilies/nohope.gif'/>
:nohope
<img border='0' src='http://static.kaskus.us/images/smilies/ngacir3.gif'/>
:ngacir
<img border='0' src='http://static.kaskus.us/images/smilies/salah_kamar.gif'/>
:salahkamar
<img border='0' src='http://static.kaskus.us/images/smilies/cool2.gif'/>
:cool
<img border='0' src='http://static.kaskus.us/images/smilies/fd_5.gif'/>
:sup
<img border='0' src='http://static.kaskus.us/images/smilies/mewek.gif'/>
:mewek
<img border='0' src='http://static.kaskus.us/images/smilies/babyboy.gif'/>
:babyboy
<img border='0' src='http://static.kaskus.us/images/smilies/babygirl.gif'/>
:babygirl
</b> </div>

7. Setelah kode terpasang langkah selanjutnya cari kode }]]></b:skin> kemudian tambahkan script css berikut di atas kode tersebut.

#kotakemote {
width:auto;
border:2px solid silver;
border-radius: 10px;
margin:10px;
padding:10px;
}

8. Langkah terakhir simpan template, dan coba untuk membalas komentar dengan menambahkan emoticon tersebut.

1 komentar: