Memasang Emoticon Pada Kotak Komentar
Dan posting saya kali ini adalah bagaimana Cara Mengimplementasikan Emoticon kedalam Kotak Komentar. Saya sudah mengintegrasikannya kedalam blog ini, jadi apabila anda ingin mengirimkan komentar, anda dapat mengketik Kode atau karakter-karakter yang sudah saya sediakan, dimana Kode atau karakter-karakter tersebut akan diubah otomatis menjadi sebuah Emoticon saat Komentar dipublikasikan.
Implementasi:
Langkah Pertama:
1. Sign in ke blogger - Rancangan - Edit HTML
2. Download Template Lengkap sebagai backup
3. Centang Expand Template Widget
4. Cari kode: <b:if cond='data:post.embedCommentForm'>
5. Kemudian Pasang kode berikut ini dibawahnya:
Preview Emoticon dilengkapi Kode
<b>
<img border='0' height='30' src='http://archivesiugi.googlecode.com/files/p0001.gif' width='30'/> :a:
<img border='0' height='30' src='http://archivesiugi.googlecode.com/files/p0002.gif' width='30'/> :b:
<img border='0' height='30' src='http://archivesiugi.googlecode.com/files/p0003.gif' width='30'/> :c:
<img border='0' height='30' src='http://archivesiugi.googlecode.com/files/p0004.gif' width='30'/> :d:
<img border='0' height='30' src='http://archivesiugi.googlecode.com/files/p0005.gif' width='30'/> :e:
<img border='0' height='30' src='http://archivesiugi.googlecode.com/files/p0006.gif' width='30'/> :f:
<img border='0' height='30' src='http://archivesiugi.googlecode.com/files/p0007.gif' width='30'/> :g:
<img border='0' height='30' src='http://archivesiugi.googlecode.com/files/p0008.gif' width='30'/> :h:
<img border='0' height='30' src='http://archivesiugi.googlecode.com/files/p0009.gif' width='30'/> :i:
<img border='0' height='30' src='http://archivesiugi.googlecode.com/files/p0010.gif' width='30'/> :j:
<img border='0' height='30' src='http://archivesiugi.googlecode.com/files/p0011.gif' width='30'/> :k:
<img border='0' height='30' src='http://archivesiugi.googlecode.com/files/p0012.gif' width='30'/> :l:
<img border='0' height='30' src='http://archivesiugi.googlecode.com/files/p0013.gif' width='30'/> :m:
<img border='0' height='30' src='http://archivesiugi.googlecode.com/files/p0014.gif' width='30'/> :n:
</b>
<img border='0' height='30' src='http://archivesiugi.googlecode.com/files/p0001.gif' width='30'/> :a:
<img border='0' height='30' src='http://archivesiugi.googlecode.com/files/p0002.gif' width='30'/> :b:
<img border='0' height='30' src='http://archivesiugi.googlecode.com/files/p0003.gif' width='30'/> :c:
<img border='0' height='30' src='http://archivesiugi.googlecode.com/files/p0004.gif' width='30'/> :d:
<img border='0' height='30' src='http://archivesiugi.googlecode.com/files/p0005.gif' width='30'/> :e:
<img border='0' height='30' src='http://archivesiugi.googlecode.com/files/p0006.gif' width='30'/> :f:
<img border='0' height='30' src='http://archivesiugi.googlecode.com/files/p0007.gif' width='30'/> :g:
<img border='0' height='30' src='http://archivesiugi.googlecode.com/files/p0008.gif' width='30'/> :h:
<img border='0' height='30' src='http://archivesiugi.googlecode.com/files/p0009.gif' width='30'/> :i:
<img border='0' height='30' src='http://archivesiugi.googlecode.com/files/p0010.gif' width='30'/> :j:
<img border='0' height='30' src='http://archivesiugi.googlecode.com/files/p0011.gif' width='30'/> :k:
<img border='0' height='30' src='http://archivesiugi.googlecode.com/files/p0012.gif' width='30'/> :l:
<img border='0' height='30' src='http://archivesiugi.googlecode.com/files/p0013.gif' width='30'/> :m:
<img border='0' height='30' src='http://archivesiugi.googlecode.com/files/p0014.gif' width='30'/> :n:
</b>
Kode script diatas merupakan preview Emoticon, sudah dilengkapi Kode atau Karakter-Karakter sesuai dengan Emotions untuk masing-masing gambar. Ini akan ditampilkan diatas Form Komentar.
Contoh:
:01:
:02:
:03:
:04:
:05:
:06:
:07:
:08:
:09:
:10:
:11:
:12:
:13:
:14:
:15:
:16:
:17:
:18:Langkah Kedua:
1. Cari kode: </body>
2. Pasang kode berikut ini diatasnya:
<script src="https://sites.google.com/site/archivesiugi/home/2012/dd_comment-body.js" type="text/javascript"/></script>
<script src="https://sites.google.com/site/archivesiugi/home/2012/p_comment_content.js" type="text/javascript"/></script>
Semoga bermanfaat...!!!
0 komentar:
Post a Comment
Catatan :
Untuk menyisipkan gambar kedalam komentar, gunakan tag : [img]URL_Gambar[/img]
atau <i rel="image">URL_Gambar</i>
Untuk Video Youtube : [youtube]URL_Video[/youtube]
atau <i rel="youtube">URL_Video</i>
Untuk "Kutipan", gunakan : [blockquote]Kutipan_Anda[/blockquote]
atau <b rel="quote">Kutipan_Anda</b>
Untuk menyisipkan Kode: [code]KODE[/code]
atau <i rel="code">KODE</i>
atau <i rel="pre">KODE</i>
Dan untuk menyisipkan smiles/ emoticon, lihat kode Emoticon