Sebenarnya artikel ini adalah update-an dari artikel saya yang sebelumnya, di sana juga membahas cara memasang emoticon di kotak komentar (kotak komentar versi jadulnya). Dan emoticon animasinya juga sedikit ada perbedaan dari yang sebelumnya.
Bagi yang ingin mencoba bisa mengikuti langkah-langkah di bawah ini.
Langkah 1
Pastikan sobat blogger sudah mengaktifkan fitur thread comment blognya. Bagi yang belum memasangnya bisa lihat di sini.Langkah 2
Copy kode emoticon di bawah ini<div style='background-color:#fff;border:1px solid #d3d3d3;-webkit-border-radius:8px;padding-top:10px;padding-bottom:10px;'>
<center>
<p style='color:#000'>
<b>
<img src='http://adityas.vacau.com/emotion/nangis.gif' width='20'/>:a:
<img src='http://adityas.vacau.com/emotion/80.gif' width='20'/>:b:
<img src='http://adityas.vacau.com/emotion/02.gif' width='20'/>:c:
<img src='http://adityas.vacau.com/emotion/77.gif' width='20'/>:d:
<img src='http://adityas.vacau.com/emotion/48_002.gif' width='20'/>:e:
<img src='http://adityas.vacau.com/emotion/67.gif' width='20'/>:f:<br/>
<img src='http://adityas.vacau.com/emotion/grrr.gif' width='20'/>:g:
<img src='http://adityas.vacau.com/emotion/39_002.gif' width='20'/>:h:
<img src='http://adityas.vacau.com/emotion/17_002.gif' width='27'/>:i:
<img src='http://adityas.vacau.com/emotion/51_002.gif' width='25'/>:j:
</b>
<br/>
<br/>
<a OnClick='window.open("http://adityas.vacau.com/", "popupwindow", "scrollbars=yes, width=550, height=520");return true' href='javascript:void(0);' rel='nofollow'>Emotion lainnya?</a>
</p>
</center>
</div>
Anda akan meletakkan kode di atas didua tempat yang berbeda. Dan silahkan anda simak langkah-langkah selanjutyna
Selanjutnya temukan kode seperti di bawah ini<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<!----------- PASTE DI SINI ----------->
Paste kode yang sudah di copy pada bagian yang sudah diberi tanda.Temukan kembali kode seperti dibawah ini
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<!----------- PASTE DI SINI ----------->
Paste kembali kode emoticonnya pada bagian yang sudah ditandai.Langkah 3
Temukan kode </body> kemudian tambahkan script javascript di bawah ini di atas tag </body> tersebut.<script src='https://sites.google.com/site/adityameilaz/emo/emot_keren_baru.js' type='text/javascript'/>
Simpan templatenya dan selesai.Bagi yang merasa ada masalah dengan emotion ini, silahkan sobat tinggalkan keluhan atau masalahnya dengan berkomentar.
Semoga bermanfaat!
77 Respon Komentar
gan kan udah ane tes kok pas dikasih komentar smileynya ilang ???? :a:
eh sudah ane perbaiki gan
tapi thanks ya ini bener-bener work 100% :m:
di ane gak jalan, Gan.. :a: mungkin kode css threaded comment kita beda ya?? :s:
blog ente yg mana gan.? biar ane bantu..
ane tadi main k blognya gan..
blog ente belum hijrah ke threaded comments yah.? :e:
kalo artikel emotion ini khusus untuk form komentar threaded comment..
kalo agan pngen animasi emotion sprti ne, langsung klik link TKP aja gan...
Emotion Anmimasi
:17:
wah.. makasih udah disambangin.. (malah belum sempet liat blog sendiri nih :e: )
sebelumnya udah saya bikin thread, Gan.. pake tutorial yang ini http://artistutorial.blogspot.com/2012/01/threaded-comments-for-blogger-comment.html, tapi udah dicoba pasang ulang, tetep gak muncul tu emot di komentarnya. [jadi sementara saya balikin ke nonthreaded biar emotnya muncul]
trus saya coba threaded comment tutorial di sini, sayang sekali.. malah gak muncul sama sekali CSS-nya.. tampilannya malah threaded yang default aja, Gan..
tapi nanti saya coba lagi.. mungkin waktu edit semalem ada yang kurang karena ane ngantuk :r: makasih, Gan.. nanti kalo berhasil saya lapor.. *gak penting :d:
emang sih gan thread comment tu beda" CSSnya.. :e:
threaded comment punya ane juga ribetnya minta ampun :g:
soalnya ane ambil dr template dynamic..
wadawww.. baik nian dirimu Mas Adit.. ! :w: ajeb :k:
Iya, Gan.. setelah saya pelajari ternyata hanya CSS threaded comment yang modelnya persis default blogger (reply+delete-nya di bawah kotak) yang bisa pake emotikon.
Kebetulan saya udah dapet "nyolong" CSS blognya temen yang ane padang di blog dummy :x:, dan dicoba pake emot di tutorial sini BISA :k: tapi.. ada satu 'masalah' lagi, Gan.. :l: .. ane pengen pake emot onion yang di blog asli ane sekarang.. :s:
kalau boleh ngerepotin.. :l: gimana sih caranya bikiin halaman html yang muncul di pop up itu, Gan? udah ane coba upload di draft blogger, pop up bisa muncul tapi emotnya gak muncul.. :a:
btw, makasih banyak atas perhatiannya Gan.. semoga Allah balas kebaikan Agan dengan karunia tanpa batas. Amiin. :n:
anu Gan... :l: pengennya sih pake emot onion yang sama dengan yang ane pake sekarang.. :v: soale onion2 yang itu dapet milih dengan selektif ... *caelah.. :x:
MasyaAllah.. ! Subhanallah wal hamdulillah.. Mas Bro Aditya.. baik banget ni Agan satu ini. ane tau banget ngedit javascript itu nguras tenaga dan pikiran lo.. maka ane berrterima kasih banget Agan udah sudi dan ikhlas menyedekahkan waktu dan tenaga untuk ane. *terharu :a:
Semoga Allah beri kemampuan ane membalas kebaikan ini kelak. Aamiin. Semoga Allah Swt. membalas dengan kebaikan dan karunia tanpa batas untukmu, orang tuamu, dan seluruh keluargamu, Gan. Aamiin.
Aditya Meilaz, You're rock!! :w: [segera ane manfaatkan rezeki ini. Makasih bangadhhh :a: :15: :32:
Iya gan terima kasih juga atas doanya...
Salam kenal kenal aja dari saya gan..:x:
kalo ada apa" ane siap bantu gan slama ane bisa... :n:
Terimakasih Mas Aditya :e:
@Jal CxbSama" jg mas Cxb :)
@Aditya Meilaz Rahmanto
alhamdulillah.. makasih, Gan atas segala kebaikan en kerendahan hati Agan.. May Allah Bless you always.. Aamiin. :y:
O iya, Gan.. emotikon Agan saya pake juga di blog temen yang ini: [itaisnaeni.blogspot.com] :k:
@MUXLIMOiya gan... sama"..:e:
terima kasih jg dh mau menggunakan emot dr ane gan...
oh ya, ane jg lg ngembangin script emot lg.. :q:
mudah"an ntar bisa d terima sm blogger.. :d:
Wowowowowo! mantep nih, pop up window emotnya, Mas Adit! :q: berasa seperti pake CBOX nih.. :w:
@MUXLIMO iyah kurang lebih sperti itu gan....
:a:
@darkness2juna:3:
nice mantap :D
ijin copas ya :q:
@Dai-detected Ok gan, g masalah yg penting link sumbernya ada..:24:
:s:
aq bingung, carax ribett bgtttt...
:3:
@ELIS ALFIYANTI bingung gmn mba'..??
mngkin sy bs bantuin prmsalahan'a.?? :k:
@ELIS ALFIYANTI mungkin mba g ngerti di bagian template..
coba mba masuk ke templatenya, kemudian centang Expand Widget Template
Untuk memudahkan mba mencari kode seperti langkah 2, coba mba tekan tombol Ctrl + F di keyboard, kemudian masukkan kode yang akan dicari di Langkah 2
Mudah"an pnjalsan sy skdit lebih jelas,,
:5:
ane mau dong gan, dipasangin, nanti ane kasih cendol deh. . .
SOYAHACHIKO
@And_Craft Company siap, nanti dapat cendol beneran yah..
:24::d::D
kgk maksud Gan!! tolong penjelasan secara detail
masih kgk Mudeng!!
chiby-rahmatslawi.blogspot.com
Code yg di Copy yg mana? dan di paste setelah Kode apa?
@Rahmat Skill Kan sudah ane jelasin di situ.. :4:
Coba di baca ulang lagi dari awal, di cermati juga ya gan :5:
mas punyku klok hbs komentar kok langsung hilang panduan gambar emotion'ea...?
:a:
@Roydo Ari Pratama panduan yg mana maksud'a gan..??
trus hilang yg bgaimana..??
krim link blog agan aja, biar ane lihat lngsung gan...
ok gan nhe http://*puz-puz.blogspot.com
loq blum komentar ada gambar emot'ea..,
tpi loq dah komentar ilang..,
loq punya agan kan nggak..,
nhe gan link'ea...,
http://www.4shared.com/document/qdwOrJKE/9_online.html
mohon bantuannya ea...,
mksh gan..,
Wesssh pake kode JavaScript ini udah work mas thank Yo :i:
Mas tapi kenapa harus ada 1 komentar baru nongol ?
gan, emoticon yg di atas sama kaya punya agan sekarang ga?? :c:
saya mau yg kaya gitu, emoticonnya banyak. hhe /hihi
kalo beda boleh dikasih tau ga? :14:
iya emotion'a seperti ini,:e:
kotak komentar agan pake thread comment official blogger bukan.?? @Fauziah Azahra
gan, maap ni ngerepotin lagi,:e: ane bingung naro kode nya dimana?? :c: di class='comment-footer bawahnya bukan data:post.embedCommentForm tapi kode yang lain, terus gimana ya? :g:
mohon bantuannya yoo :l:
@Fauziah Azahra sepertinya aganwati lupa memasukkan kode emoticonnya...
temukan kode </body>..
copy script emoticon di bawah ini
<script src='https://sites.google.com/site/adityameilaz/emo/emot_keren_baru.js' type='text/javascript'/>
trus paste di atas tag </body> tersebut...
salam blogger
;a;;d;;i;;t;;y;;a;;s;;space;;b;;l;;o;;g;
udah gan, :s: tapi kenapa masih ga bisa yaa? :a:
@Fauziah Azahra ane dah cek d blognya kode/script emotnya tu g ada...
ane jd g ngerti juga :c::3:/blur
@Fauziah Azahra wahhhh pantes gbs atuh neng... :e:
cz form komentar d blog aganwati tu pake tag <DD>...
maaf ni sblumnya, ane kira sudah pake form thread comment...
kalo aganwati pengen emotion sperti ini, ane saranin agan upgrade aja form komentar agan jadi thread comment...
cek di Thread Comment + Emot Animasi
di sana sudah lengkap tutorial untuk menambahkan emotion animasi'a..
untuk tampilan dari tutorial tersebut sama persis seperti form komentar yang ane pake sekarang...
Good Luck..
waa haha :d: oke" entar di coba :e:
makasii yoo :n:
gan...apa hrus/wajib untuk upgread k thread comment?
sya sdh coba tutorial byk blog(bkn dr blog ini) smua gagal, emoticon tdk muncul saat comment dpublis, hnya codenya sja/ttap mnjadi code... /floor
mohon pencerahannya gan... :9:
ouh y gan...klo blh usul...ksh tutorial emoticon yg lgsung klik gan...jd g perlu repot msuki kode bwt insert emoticonnya /please
begini gan, animasi emoticon ini hanya berfungsi dengan form kommentar resmi blogspot..
selain dari form komentar itu, animasi emoticon tidak berfungsi sbgaimana mestinya.. :g:
kalo untuk emoticon clickable (emoticon tinggal klik), sedikit sulit untuk mengaplikasikan di dalam blogspot, dikarenakan form pengisian komentar menggunakan iframe yang element di dalamnya tidak dapat diganggu gugat karena berbeda domain...
andaikan saja domain blog dengan frame komentar sama, saya bisa buat sedikit script untuk emoticon clickable... /dignose @didead
Quote: "begini gan, animasi emoticon ini hanya berfungsi dengan form kommentar resmi blogspot..
selain dari form komentar itu, animasi emoticon tidak berfungsi sbgaimana mestinya.. "
msh ga pham gan.../sweat
pnya ane msh standart blm ane utak atik...brti msh resmi?
kok ga bisa?
tlong ajri mlai awal...apakah ada step yg hrus dlakukan sblum mlakukan lngkah di atas(memasang emoticon)?
maaf bnyk tnya gan.../blush
gini aja gan, biar gampang aja..
agan ganti aja kotak komentarnya sama seperti yang ane pake ini... tp bukan resmi thread comment dr blogspot...
ni ane kasih linknya --> Thread Comment + Emoticon Animasi...
semoga bermanfaat gan...
good luck... :e: @didead
gan...ane da sukses psang emoticon...tnpa prlu gnti thread comment...cz tmplate ane uda pny bwaan thread comment...
yg sya tnykan skrg...kok mnculnya d bwh kotak komen y??
@didead memang klo thread comments official blogspot tu letak emoticon di bawah gan....
@Aditya Meilaz Rahmanto
trus gmn biar d atas gan?
@didead mank gbs gan cz frame komentar di load sm javascript stelah window loading selesai.. :e:
waaahhhh ini yang saya cari" ,mksih bngt 100% work. Thx :e:
oww ya buat tmen" yg lain yg suka sama JKT48 visit :
http://moqyu.blogspot.com/p/kumpulan-lirik-chord-lagu-jkt48.html
wahhh, blog ane td udah jd dipasang emotion thread comment ini, tp blog ane td rusak jd ane ganti template tp masih template yg sama truz ana coba cara ini lg koq nggak jd y gan, ini gmn tolong dibantu :a:
mantap, berhasil :)
@David Mancap Sukses ya gan.. :D
Yes SIR
Sob di Blog Saya koq, Waktu Comment Emoticonnya Gx Keluar Sob,, Mohon dibantu :a:
/wahaha
Sob, ko di blog ane gak work ya? kira2 apanya yg salah ya?
gak work gan..
cek disini masihpopuler.blogspot.com
:26:
hahaha, di template dinamis ga bisa gan, kotak komennya malah ga tampil...,
visit www.wingi-wingi.blogspot.com
GAN udah bisa GAN...
tapi kenapa ada iklannya ya GAN :3:
trus ada tulisan by : Adityas Blog :x: :2:
kalo boleh diilangin ya GAN... :14: :l: :n:
memang ini bukan untuk template dinamis gan..
/dignose @roydo ari pratama
@Aditya Meilaz Rahmanto
emmm...,
untuk dinamis ga ada gan...?
iya gan, untuk animasi emtionnya belum ada di template dinamis,, ane juga udah lama g ngulik blog lagi gan.. masih ada kesibukan kuliah..:e: @Aditya Meilaz Rahmanto
gak work gan dengan komentar threader yg saya pake... :b: http://putraarifprasetyo.blogspot.com/2012/06/pes-pro-evolution-soccer-2012-android.html
cek TKP ya gan....
tolong dibantu2 :D
:15: keren om kunjungi blog ane dong :D fathonaaji.blogspot.com
Mantap gan, saya coba terapkan juga blog :15:
mantabbb gan,,
ijin comot emoticon nya!!! :b:
Pengobatan Sipilis Asli Manjur
Pengobatan Sipilis Asli Sembuh
Pengobatan Sipilis Asli Terbaik
Pengobatan Sipilis Asli Tanpa Efek Samping
Keren , tapi apa tidak memperlambat loading blog ya kalau misal memasang emoticon pada kolom komentar ? :h:
Keren dah !!!!!!
( >>> WALETBET99 <<< )
Ingin Menambah Wawasan Pengatahuan Anda Tentang Seputar Dunia International Sepak Bola Langsung Saja
EBETZONE
Tinggalkan Komentar Anda?
1. SPAM atau meninggalkan komentar mengandung unsur SARA
2. Berkata kasar atau kata-kata negatif lainnya
3. Meninggalkan komentar dengan link hidup
4. Komentar tidak berhubungan dengan tema
5. Jika anda ingin berlangganan "komentar" dari artikel ini, pilih link "Subscribe by email" pada bagian bawah form komentar
:a: :b: :c: :d: :e: :f:
:g: :h: :i: :j:
Emotion lainnya?