Memasang Emoticon/Smiley di Kotak Komentar Blogger (Updated)

Pada artikel sebelumnya, saya telah menerangkan cukup panjang dan lebar mengenai bagaimana memasang emoticon/smiley di postingan blogger. Sekarang saya akan sedikit mengulas tentang pemasangan Emoticon/Smiley di Kotak Komentar Blogger. Sebenarnya prinsip kerja smiley/emoticon di kotak komentar blogger ini merupakan gabungan dari apa yang telah dibuat oleh O-Om dan MyQeys4Blog. Jujur saja kedua tutorial yang diberikan kedua situs tersebut entah kenapa tidak bisa dijalankan di blog saya yang jelek ini tension. Sehingga saya memutuskan untuk menggabungkan ide dari kedua tutorial tersebut dan saya beri nama Smiley Gue v.1.0 :ahaha:. Tutorial ini akan berhasil jika blog Anda sudah menggunakan kotak komentar di bawah postingan. Bagi yang kotak komentarnya belum di bawah postingan, silahkan membaca tutorialnya di sini.

Yup tanpa berpanjang lebar lagi, mari kita simak langkah-langkahnya::ngacir:

  1. Login ke akun Blogger anda, lalu pada Dashboard pilih menu Layout pada Blog yang ingin anda modifikasi kotak komentarnya.

  2. Lalu pilih Edit HTML dan beri tanda pada checklist Expand Widget Template.

  3. Cari kode tag berikut:
    </body>

    Kemudian letakkan kode tag berikut tepat di atas kode tag di atas:
    <script language='javascript' src='http://omongopo.comxa.com/myQeys4blog.js'/>

    Sehingga kode tag-nya akan menjadi seperti ini:
    <script language='javascript' src='http://omongopo.comxa.com/myQeys4blog.js'/>
    </body>

  4. Cari lagi kode tag berikut:
    <data:blogCommentMessage/>

    Kemudian ganti kode tag di atas dengan kode tag berikut ini:
    Silahkan bercuap-cuap ria di sini. Biar lebih seru, pakai <strong>smiley/emoticon</strong> dengan meng-copy paste-kan kode di <strong>samping kanan gambar smiley/emoticon</strong> yang diinginkan.<iframe frameborder='0' height='300' scrolling='no' src='http://omongopo.comxa.com/smiley_bawah.html' width='430'/>

  5. Cari juga kode tag berikut:
    <body>

    Lalu ganti kode tag di atas menjadi:
    <body id='body' onload='replaceText();'>

  6. Bila sudah semua, simpan template dengan meng-klik Save Template
  7. Selesai dan coba test dengan mengetikkan kode-kode smiley di sebelah kanan gambar smiley/emoticon yang diinginkan.

Apabila scriptnya berhasil maka akan muncul gambar :oo: saat mengetikkan karakter :,o,o,dan : secara berurutan dan tanpa spasi. Mungkin script ini masih ada kekurangan di sana-sini, saya sangat mengharapkan kritik dan masukan dari pembaca sekalian di kotak komentar yang telah disediakan. Terimakasih dan happy blogging...:ha:

NB: Script ini juga bisa mempengaruhi postingan di blogger anda. Maksudnya adalah bila anda mengetikkan kode-kode smiley ke artikel yang akan anda posting, maka smiley/emoticon akan muncul di artikel yang anda postingkan itu. Jadi tidak tebatas pada kotak komentar saja.

36 komentar:

Marshmallow said...

aku coba dulu ya, fik, di sini.
soalnya aku juga gak berhasil sehingga aku remove. :bt:

Marshmallow said...

gak berhasil muncul ya?
hikss...

trendy said...

ini khusus untuk blogspot ya!

reza said...

wah tips bagus nih , sayang reza sekarang pakai wp he..he..he

aha said...

totorial yang mantep bos.... trims... ntar coba ah.di blogspot ku..:clp:

ahmadmadara said...

:big:
makasih ya

heddy said...

saya boleh ikutan coba ta mas?ihihi...btw thanks ya infonya

Nenad Mohamed said...

Kapan-kapan tak coba ah... emang enak sih kalo kita komen sambil nambahain smiley icon..jadi rame ,hehehe..I like it :chrm:

agung92 said...

ooo... gt caranya...

btw tukeran link yu mas :)

ujan said...

hehehe.. bagus juga kang..
modifan myQeys4blog..

saya lagi developing versi 2.0 nya nih..
jadi pas kita klik smileynya.. kode dari smiley misal
"big" langsung tertulis otomatis di kotak komentar bloggernya.. mirip2 kayak di forum gitu dehh..

bagusnya.. scriptnya support untuk semua browser.. !

saya edit dari source code phpBB..

mau ikutan developing gak ?? :chn:

Kelik Kristanto said...

saya preview kok g muncul ya..
di blog saya juga g mau... gmn y..

Kelik Kristanto said...

:cat:

POO said...

:big: Makasih

POO said...

Wwaduhhh Gimana Nih Gak Munculll

TUKANG ARSIP said...

mas omong opo boleh bertanya tentang smiley ini?
bisakah sediakan waktunya?:tt:

POO said...

Thakss Udah bisa....Walapun Dengan Perjuangan..Dahsyat

Cak Win said...

Manteb boss infonya, sudah tak coba dan berhasil. Makasih banget infonya :ggi: :ggi: :ggi: :top:

rez@RT said...

:clp:

"d-Wee!" said...

Sudah saya coba tapi gak bisa ne :hiks:

FrEaK sUNi said...

thanks its work for me

hasssan said...

:top: man... kita punya masalah yang sama...

thegands said...

sama aja bro. gak mungkin gak bisa jalan tanpa kode program. saya berbagi kode programnya biar semuanya pada tahu jeroan kode program smiley ini. kamu hanya memberikan cara mensummon file javascriptnya. beda dengan saya, saya membiarkan mereka berkutat dengan kode program itu sendiri, agar mereka semakin pintar. untuk itulah tujuan saya memberikan source code, bukan cara yang klak klik selesai.

thegands said...

koq komentar saya gak muncul?

Anonymous said...

*angel*

Ridwanox said...

angel

huda_uzumaki said...

keren keren bro,, numpang nebeng nama blog ya .. hehehe boleh kan
http://kreatifasik.blogspot.com

Uang Cepat said...

Makasih, sekarang blog saya sudah bisa memakai emoticon

Anonymous said...

:ab:

Anonymous said...

test emoticon
:aa: :ag:

ryr said...

:ae:

ryr said...

:dd:

Herneva said...

akhirnya berhasil juga setelah muter2 di mbah google, god job friend :ae:

blog o-on said...

ga berhasil sobbb

NgePas said...

makasih infox...

Mobil Keluarga Ideal Terbaik Indonesia said...

mau nyoba tapi udah ngantuk sob..oke besok dicoba ah

Harry Pandora said...

ga bisa di blog saya adohhhh

Post a Comment