Cara Mudah Pasang Emoticon Di Kotak Komentar - Indriawan dot Com | Informasi Dan Berita Online

Breaking

Post Top Ad

Space Iklan

Rabu, 19 Januari 2011

Cara Mudah Pasang Emoticon Di Kotak Komentar

Memasang emoticon di kotak komentar memang sangat menarik. Selain untuk menghias blog kita, emoticon juga bisa mejadikan pengunjung blog kita tertarik untuk meninggalkan komentar mereka karena dapat meng-ekspresikan perasaan mereka tidak berupa tulisan saja.

Bagi sobat yang tertarik memasang emoticon, siapkan dulu kopi sama rokok karena cara ini bisa memakan waktu 2-3 jam ( hehe becanda kok.. )
Langsung saja sobat ikuti cara-cara berikut ini.

Sebelumnya pastikan kotak komentar sobat berada di bawah posting, caranya pergi ke pengaturan, komentar pilih tampilkan di bawah entri.
Selanjutnya untuk pemasangan emoticon, klik rancangan pilih edit HTML Expand Template Widget kemudian cari kode </body> letaknya paling bawah di atas kode </html>. Pasang kode berikut di atas kode warna hijau
<script src='http://oom.blog.googlepages.com/smiley.js'
type='text/javascript'/>

Kemudian cari kode berikut
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

Paste kode di bawah ini di bawah kode <p class='comment-footer'>

<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>
Simpan pekerjaan sobat. Hasilnya bisa lihat di kotak komentar blog ini.
thanks buat o-om untuk script N' tutorialnya.

Semoga bermanfaat.
Alhamdulillah..

33 komentar:

  1. Mantaaaaappp,langsung praktek deh sob..:))

    BalasHapus
  2. kok ngax bisa gan.. tolong di balas. terimakasih

    BalasHapus
  3. @wayan darte aseh Bisa kok sob. Coba di teliti lagi, mungkin ada yang salah dalam penempatan kodenya. Kalau memang sudah benar pasti muncul emoticon nya.
    Kalo ada kesulitan silahkan tanya lagi sobat...

    BalasHapus
  4. udah gan, tpi tetep ngax bsa tolong dibantu. kode yang kedua diletakan dmna gan?

    BalasHapus
  5. o iya gan mau tanya satu lagi bagaimna cra nya buat home,banner exchange, link exchange, parsing html kode seperti punya agan. tpi kata2 nya diubah. menjadi seperti home,contact,about. sama menambahkan animasi ke komentar. atas perhatiaan nya terimakasih. tolong kirim ke email wayandharma_xp@yahoo.co.id

    BalasHapus
  6. @wayan darte aseh Silahkan di baca lagi dengan seksama sob. Untuk kode yang ke dua di letakkan tapat di bawah kode warna hijau <p class='comment-footer'>
    Untuk horizontal menu, di tunggu postingan selanjutnya sob...

    BalasHapus
  7. sob malh keluar kata2 nie. gmna nie? Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
    Pesan error XML: The element type "b:includable" must be terminated by the matching end-tag "".

    BalasHapus
  8. sob malh keluar kata2 nie. gmna nie? Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
    Pesan error XML: The element type "b:includable" must be terminated by the matching end-tag "".
    maksih sob tas koment nya, nanti saya kan posting lagi..

    BalasHapus
  9. @wayan darte aseh Mungkin sobat kurang menambahkan tag </b> di akhir kode kedua, karena html harus di akhiri dengan tag penutup.
    Seperti <b> harus di tutup dengan </b> dan <p> harus di tutup dengan </p> dan seterusnya..

    BalasHapus
  10. gan masih tetep keluar kta2 nie
    Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
    Pesan error XML: The element type "p" must be terminated by the matching end-tag "".

    BalasHapus
  11. mau ralat gan, yang kode html yang Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
    Pesan error XML: The element type "p" must be terminated by the matching end-tag "".
    yaitu kode html yang kedua gan. terimaksih..

    BalasHapus
  12. Kalau gitu tinggal di akhiri tag </p> aja. Perhatikan kode warna hijau di atas sob, silahkan di baca lagi...

    BalasHapus
  13. sob tag p nie yang bikin parse stelah tak buang template dapt dismpan. tpi kok emotion nya ngx muncl mohon pencerhan..

    BalasHapus
  14. Biasanya kode <p class='comment-footer'> ada 2 sob, pasang di bawah <p class='comment-footer'> yang ke 2. Perhatikan kode setelah <p class='comment-footer'> di atas, sudah betul apa tidak dalam meletakkan kodenya?
    Buktinya saya barusan pasang di Blog ini gak sampe satu menit udah muncul...

    BalasHapus
  15. udah jdi. tpi kok emotion nya ngax tpil. cba lihat http://wayandharma-xp.blogspot.com kasih komen y sob n follof ya. maksih..

    BalasHapus
  16. wohoho. seru-seru.seru..


    :X :X :X :X :X :X :X :X :X :X

    BalasHapus
  17. wooowowowow..
    b-( Kang.. ini jadinya kok dibawah kotak Komentar ya?

    Lihat hasilnya di Blog saya
    123horas.blogspot.com

    caranya biar tempatnya di atas Kotak
    Komentar Gimana kang?

    :-/ :-/ :-/ :-/

    gomenasaiii.... kaya'nya saya banyak nanya..
    :D

    BalasHapus
  18. Akhhhhh...sebbel gak berhhasilll :((

    BalasHapus
  19. Dicoba dulu ya sob. Thanks share nya nih... 2 jempol deh buat anda... :D

    BalasHapus
  20. makasih banget gan tutorialnya haha

    BalasHapus
  21. Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
    Pesan error XML: The element type "div" must be terminated by the matching end-tag "(/div)".

    Saya bingung,, padahal semuanya sudah tertutup dengan (/div)

    Seharusnya blogspot melakukan perubahan.. agar kita tahu bagian mana yg tidak well formed.. Kalo sudah spti ini jadinya, sy jd sangat bngung, bagian yg mana yg harus sy tutup dengan (/div)

    BalasHapus
  22. gan,punyaku kodenya ada semua tapi pisah2,trus gi mana ??

    BalasHapus
  23. download template yang menyediakan emotion di http://caraber.blogspot.com/

    BalasHapus
  24. wah keren ....
    visit my blog kawan http://wolezmawon.blogspot.com/
    saran dan kritik ditunggu ^_^

    BalasHapus
  25. terimakasih banyak atas info nya sangat bermanfaat sekali
    semoga semakin sukses nya

    BalasHapus
  26. artikel yang anda tulis di blog ini, sungguh sangat memotivasi diri saya untuk trus berkarya, terima kasih semoga kebaikan anda mendapatkan balasa yang lebih baik.

    BalasHapus
  27. trimakasi atas infonya semoga dapat bermanfaat gan

    BalasHapus
  28. nice infonya.... sukses terus ea ditunggu artikel selanjutnya!!!

    BalasHapus
  29. kalo ada emoticon kayak gini bisa bikin berat website nggak sih gan? terus ada pilihan emoticon yang gambarnya mobil gitu nggak?

    BalasHapus

Post Top Ad

Space Iklan