Artikel / Postingan Sudah Tidak Valid Lagi, Silahkan Menggunakan Tutorial Baru Pada Artikel di Halaman Ini
Halo sob...
Kali ini saya mau share nih cara membuat emoticon pada kotak komentar blog sehingga tampilannya pun semakin rame sob, hehehehe...
Ok, langsung praktek yuk... :
3. Jangan lupa centang dulu "Expand Template Widget".
4. Selanjutnya cari kode </body> dan letakkan kode berikut tepat diatasnya.
5. Selanjutnya cari kode <p class='comment-footer'> dan letakkan kode berikut tepat dibawahnya.
6. Simpan template.
7. Enjoy.
Ok, gimana sob??? silahkan dicoba, dilihat, dan diamati serta diresapi dulu ya, wkwkwkk...
Sekian dulu sob, terima kasih semoga postingannya bermanfaat yaa...
4. Selanjutnya cari kode </body> dan letakkan kode berikut tepat diatasnya.
http://aiizahh-smiley.googlecode.com/files/aiizahhsmiley.js
5. Selanjutnya cari kode <p class='comment-footer'> dan letakkan kode berikut tepat dibawahnya.
<div style='overflow:auto; width:autopx; height:200px; border:1px; padding:5px 5px 5px 5px; background:#FED980;'>
<b> <img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiURf53sm8g-ExI0GsHl-fTQLjVqFAL1bNGJUonw8y2-Sq0gWwQCPwTlyssAvSmkbtG5XddsVJgqMj3zm9wJWAPg_C4AOgeVwbzEunaV4byPHAWvxH-hw0wtP7cz48Xboj3RPPFkh80UeHJ/s1600/I-Luv-Indonesia.gif' width='50'/>
:iloveindonesia
<img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLtg3MbEj5lf_OUhBD2l9LMUPPr7t0TJUJqrGbJn5s8MT9ZK1e0izesTbnnbPQVhEqbja30Prvo3seUC_DSIT6uptiRGIpuFxWZjX-dLFEQuB6KiRvTSeTnvt4q35UGHyHOoBEPzLkeKbS/s1600/cewek.gif' width='50'/>
:kiss
<img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbfnK1i_LvjK_maco35xtElFqzzyy4X1ipm07M-Xlu-PQqnX1E3OkQluT3d6ghbnA9VoqG644Ed-plHKZbTMIe7daiKrV0WIAYd5ZKfupW9AhEnX5xYYtmIkPtHZRfMO6_HUa_08yKDSU_/s1600/s_sm_maho.gif' width='50'/>
:maho
<img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwYr0AWk4HCSbSc5Ws-WCjORZ_AawFG6Qa86CvG_4HXXOV5PNFKLqTwo0vjWTGxYSUFr89KJZZfYNCABY7LwMQo0DkN3kODEfgKSCjq7pEAFtOGnqnAU74onJyTxvpMJmZH6BO6NID72Y2/s1600/najis.gif' width='50'/>
:najis
<img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB8_K5Bw9D6jigFIgKd-uM41GgAKgHgW3HM60cTwBND8099-feiPKxQ0bfPL8zJNDYPkCi6RTKu0EUu082UzDqN3cEJtehXV920rIZgNEsrpRA1Z3O4oJwqozujHTmagA-Hjh7ZvR8s-k2/s1600/nosara.gif' width='50'/>
:nosara
<img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqjCLaBcMt5qvJGDnUHqALkh6A0oCnTsjCMPxuwVIqDu39tZT68eZ-XTXb0UAlbXiWmC8detph-cQzdmgw32EmIJnnfjh71F7dy10ffn6Nt0nZyyM7Yc-m13D9x8Eh0SpQ_ai9hyphenhyphenY_d2Jg/s1600/marah.gif' width='50'/>
:marah
<img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9m0MeBHBf3ltvye8cikAtmY8EDR5AQUp5CHuoQCTSEUIyzYWohyphenhyphenzsSML8wwUfMllADwM59YpHEtZKtVN9FjpCsFJISdm-hoVOGXnOuK_vd9g0HSz-RhhDmB_vY6FEcxQUv1SLFLyElynX/s1600/hotnews.gif' width='50'/>
:hotnews:
<img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN_w6Ys0oDaeDdUlmb7OOVBDwVqC7F794Cqe-pF1WjtyhXMXZBxOqNzJWad8SMZ-iN8hSUNrG2Tfuhs40tFtOvS32j0ZmhWxZt52UgvpWe1wGm0OVhlD1Vf1OoTXB8TP67JPzC9zECA8bb/s1600/ngakak.gif' width='50'/>
:ngakak
<img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-xrArDHz2pIsg2U1L8tJ3sNs1db51ldLaMluK6-E7TwbB8Xo9ZWHeJtgxvXVucN9xp5rJRaHTiYDOQjZkADvLF8m6TZ6AlOOAr_U7_E0-K0b8aIIJeDIdSjb4fzb-RnBg-3UDBnqoHAvJ/s1600/sundul.gif' width='50'/>
:sup2:
<img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_3mub32NukrnliDn0YKwCoY7fIuD_5RGt2_hyTQiydBM8DJTXJX1mHlBXj0xc-Dp4_M4SVDRglXZWZRU9gTvXhG0469lKdGPbcp3CndOX1TZxatDKc9pn7Xdnm3tOGF6p05KBhBjn_85U/s1600/jempol2.gif' width='50'/>
:jempol2
<img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR5wylWLAtgAgBFA5FyWyLRp5I-aRLyrdnkCAXgni8TbN7BcMlqdGkS0d2eHQYlW3LpM68EcOJqz6joLsJaH8uJGPOnDtHGqKGpTbHNuDwcJhzEFsil1TDPe4-wAoCn_geQkLnHH9E1Dmo/s1600/ngacir3.gif' width='50'/>
:ngacir2:
<img height='50' smiley='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEZGWX-0Q-W9U4oj8Rxs9UrensZuIDzsDKi7dMtuwA2_QJedf4cp6nrb4ObWyrgMp_xst0iEYYV-PToRJPjEoD9NSqKzHJpJvp5pIi6QqFHrf1Aisfc3_4q807J3HtXRyVYFxwuhlT5Le0/s1600/shakehand2.gif' width='50'/>
:shakehand2:
<img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizpFEbszeKlhrzfKHkwzuQmH0KTFxhbWzJkwhXm1MtWKfn6FzdPvXuvgqO9RstPd15e-F27j-aVgfPY1vlsyi5kUtCxShlhIo9beojSewG3gybWy_TCzLM7kLQGpv2ZRvD9BJXDtogMnll/s1600/sorry.gif' width='50'/>
:sorry:
<img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvYZCz4dRcOCI-K1TJomsq_cK1xOkacmCI54gYUZ1mlQ9asZGJf18AUZFmsdybLShq11-W7MyYSFbcx7orPfqakgDLMH4DmQ6d-xkel69UUi5-F_ecMPJPkxmr6QM6rDqhjy95zJuIYHN6/s1600/hammer.gif' width='50'/>
:hammer
<img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMfpV6YtBX-zO6QWa_UIjG8_IMWFMLxuTC7YsQbORNlvp1mN_y3tsKR8BzGnNLa2FD2nxpRY7UuSiapRD2Yr0zmBAOA6vXIkHyP9twRVOSm7QxmcJz56MVInNLDOZo3pL6T27TQq_bUosW/s1600/lebaran03.gif' width='50'/>
:selamat
<img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihUO6fPWD8vbsAVY52ERtPJQzohDOnXzehZY4dZAO6k_2zV0oLFTOBHUYXWCtv3BnwLmjKhA1FXUCS2LDCor2n7NVTXqmHgQ-C9dUyFdMbSgSaJIXDSYGNTfYzU_uwHrUCu5BCc0-dqFlg/s1600/1+kimpoi.gif' width='50'/>
:kimpoi2
<img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFzZ1wLfyNRtYFbOxWIw1UIDaBUDqETTITV2cXO48aZNpWG08qmGf_s2VQjAuTb2UaQ4i9vae9gnQ-jB4DkWqREDXIKq36yRfufLmsocNzUhr8RgW-IkksSeXeDUhRBkU_VIMDll_oEvgs/s1600/tired1.gif' width='50'/>
:tired:
<img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIc4549p6rBD6Hq3sU4TPQrIVNaWUqT7w2NtTHoCIHh2AYAAIKVhZJhVJAjP_zT0r7O7qxu16dbo03-p0Hl2oelPVHAZLdZRCR4R4hcD2nxPj7VPXGLupYoF0KYBO1rPr8Olexu4MXSHc/s1600/bayi+ngakak.gif' width='50'/>
:babyboy2:
<img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOghinrRnBC3e-8FKYHgoCGoekSuGCsp_pqdfN8EOMhwbZU_DnLALuC65CttkjljvDhGUVBtTgMEBaihDlZAvdnw3nGpTj7g9b3E7WotUMmgx8qqFS2kAPRNHfAvpumGLqjvGuLzXjCKXI/s1600/smoke.gif' width='50'/>
:smoke:
<img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPsMBZWg_LqGABGU5vANqtzbm2LWy-eTuM-pVZ4LvVcEn3WggGudlzNjEli_lwj7qCpHnqqFvyKhRpsn1ef7PWRDNfeXXLMd8o7jPDd8P7RVhJz3y9FGDMCcqhJTKBNm0ZRLyfz3viP9mT/s1600/spoiled' width='50'/>
:spoiled:
<img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6PX19jlyE2TiflOWjeyXBE8Gkni94gFNoO0MPA2FmWdPE7h5XlNKagnfhKRaWTFRnaFMzH2hRiAdBDK9epTHTJJDAFHshmxz6-u4wKS7nliCkr8Lv2fefV5kGkjakSwF7ykbmeUSRBL3E/s1600/idontcare.gif' width='50'/>
:idontcare:
<img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUjY_PYJmMOCsV7_hNEpefHJeu3wQ0cmp03GSvekA1QiBA8NcoXaPuw6Qjh-RoCmdQa6xVlMHrdUeWhXEOYTDBNC_VIbr6-we1t4BvGSaO-oys-oCwt3K40Ho3FpZeD1QD5Sfetn-YENDC/s1600/greedy.gif' width='50'/>
:greedy:
<img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK19ncWdWk9STMYq_8_5GMfZmTi6Y063d-Sn2FNJF0MYNX6owYDM33ios5-qIfORe10K63FGIMFAtv-6biAT0JEDvGLpBf9Dc_JVvyIOFn0tlKJVg9VFEPn5oeqIvmWO7D5CYk25glz5rp/s1600/deff.gif' width='50'/>
:deff:
<img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGYyfnErp1bfs1ID9CwBu1IHekd79FrnMwGiPetsIofOXXRMoBT-lkE7cE4H2QorhmPbdKFPn0HIu61WzFZCOagY7wBtk5ohX1AsqiRNfAibbOL8jZmrn5C1GgwKU75uSqf0xQlPB74huk/s1600/depressed.gif' width='50'/>
:depresi:
<img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjsUe7F4wHS72BYJrsGY9CPJtoCJ8vv-x3kMs6QIEoSnc5ikRr5mibjA5ifHnKsMdn3xJtXA3ulcEOXbXNifdQEUAxVEWHgjPWUXovfIkHmngmPiHnCSk7Rc5y4kgnkkDdXG21zwaHZBFK/s1600/dad.gif' width='50'/>
:asap:
<img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAtKilR688T_r-kdrYTQpUt5NIOv659A1sy3Dkel8wD5uz5l2wzXsqvWEtkq7Le7oFPTutTt5DSg2JApRqHRW1avgU0sQIaiOfvlhzT9Wz7xyK1vKVU4gfpPtxIpDZ5GbSPULN4dMxjYrb/s1600/1+beer.gif' width='50'/>
:beer:
<img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmsTJtKzdrKRjX6xzJ_o8hlXK-_YRZSqGlLLjjahMDijDYCD0ZQU9e54SETcJut0YFXnJRj0rTuNWUNJzwxlAzPj0QUjeLJZGTxp4isWMdx_FDIE51M8KAKj8fYfuA1RdIhzQ_wiYnYI2W/s1600/slap.gif' width='50'/>
:slap:
<img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAVA56bvcvfeQ4N4aAafK9iJdRAyaLkYdXW7sMhdWMDNoAMUx6ZUdG9ECuqHWmmgOYeo0CKGkgQiCoBfawiWxUWqMe51E8rlp-7YZ7DvDod-Z8807ADWDuxzbAIWG45RFRDIGkfEeAvkE4/s1600/shake.gif' width='50'/>
:shake:
<img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB5Xbs5MmJwwk5Q_mhHU1Z7ApvvOp-lqitFfegs-xDlxGzYDoT8DrkF5jPdC8oNlbduXxTUZoNAFiS516mXcv0J-AoiilzXXrv1yWo2ZdcRCHuzl80-_34g8a1GmLoyIkYyhUwOZ7VxpQ5/s1600/order.gif' width='50'/>
:no:
<img class='smiley' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ4USqsEZGfWFbiMzMFMx4JPvTBEkDImZW5vmN-qN2Ms20Li1vdBqYeEhDpCDsxzQuh1w62gnBWlg4t4MzDL9lJ4gIzjE-Z5EnEz45FFkfGP0jnn_D31LNvBl8J_9iPML7U47ENOvFgthb/s1600/support.gif' width='50'/>
:yahoo:
</b>
</div>
6. Simpan template.
7. Enjoy.
Ok, gimana sob??? silahkan dicoba, dilihat, dan diamati serta diresapi dulu ya, wkwkwkk...
Sekian dulu sob, terima kasih semoga postingannya bermanfaat yaa...
This comment has been removed by the author.
ReplyDelete@Rahul Choolzs: sama-sama gan...
ReplyDeletesip bang :bye:
ReplyDeleteok sama-sama semoga bermanfaat... :Q
Deletemakasih :-d
ReplyDeletesama-sama sista... :-bd
DeleteMakasih :waaa:
ReplyDeletesama-sama... ;)
Deletemantap :cendol:
ReplyDelete:-bd
Deletesilahkan gan...
ReplyDeletekode (body) di template ku kok gak ada ya :(
ReplyDeletepengen punya emoticone dikolom komentar juga :'(
gimana dong?? :\
kode </body> biasanya ada di bagian paling bawah coba scroll aja sampai bawah sis, atau script tersebut juga bisa diletakkan diatas </head>
Delete<3 makasih
ReplyDeletesama-sama...
DeleteGan gimana cara liat hasilnya??? :)
ReplyDeletegan gimana cara pake kodenya?? kan ada kode :yahoo: aku tuliskan dikomentar kok gak berubah?
ReplyDeletepenggunaannya hanya copas saja kode emo nya di kotak komentar, asal sudah diikuti step2 nya termasuk scriptnya, emo nya pasti work kok...trims... :)
Deleteitu udah di kopas kodenya misalnya :yahoo: tapi gk berubah ya padahal udah ngelaksanaiin step2nya?
Deletecoba gunakan cara ini saja sob, letakkan kode berikut ini di atas kode </body> :
Delete<style type='text/css'>
.emoWrap {
background-color:#EEDE86;
border:2px solid #D3BA59;
padding:10px 14px;
color:black;
font:bold 12px Tahoma,Arial,Sans-Serif;
text-align:center;
}
img.emo, input.emoKey {
display:inline-block; /* Penting! */
*display:inline;
vertical-align:middle;
}
input.emoKey {
border:1px solid #ccc;
background-color:white;
font:bold 11px Arial,Sans-Serif;
padding:1px 2px;
margin:0px 0px 0px 2px;
color:black;
}
</style>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
putEmoAbove = "#comment-editor",
emoMessage = false;
//]]>
</script>
<script src='https://aiizahh-reader.googlecode.com/svn/trunk/emotj.js' type='text/javascript'></script>
kalau menggunakan ini lebih simple sob, dan sudah saya tes coba lihat hasil tes disini http://aiizahh-lab.blogspot.com/2013/04/artikel-1.html?showComment=1366683187806#c5002430022665800775 mungkin next saya akan update lebih banyak emo, semoga bermanfaat...
kan udah di pasang diatas body trus kode yang dipasang dibawah coment footer diilangin gk?
Deleteiya, dihapus saja kode dibawah comment-footer tersebut yang sebelumnya dipasang sob...
Deleteyang ini gk dihapus (http://aiizahh-smiley.googlecode.com/files/aiizahhsmiley.js) ???
Deletedihapus juga gan, gunakan kode yang baru saja diatas... ^_^
DeleteTEST AHHHHH =p* =p* =p* =p* =p* =p* =p* =p*
ReplyDeletekode <p class='coment ko g ada ya gan
ReplyDeletecoba CTRL+F kode comment-footer saja gan...
DeleteB)
ReplyDeletetapi apa ndak bikin lambat ya mas loading blognya?
ReplyDeletega juga gan, relatif...
DeleteMampir Copy scriptnya ya gan B)
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeletetest yach =p* =p* =p* \o/ \o/ <3
ReplyDeletebisa ngak... pas emoticon di klik langsung muncul di kotak komentar... yang ini copas kan...
mantap :-bd
ReplyDeletePost agan yang terakhir soal Emoticon ini, bener-bener sebagai ganti post yang ini gan?. Maksud saya google-code yang " http://aiizahh-smiley.googlecode.com/files/aiizahhsmiley.js " ganti dengan https://aiizahh-reader.googlecode.com/svn/trunk/emotj.js.
ReplyDeletePost tambahan apa Post Ganti gan?.
Terima kasih :-bd
iya gan, sebagai postingan pengganti karena yang ini banyak yang mengatakan tidak work, jd gunain postingan yang baru saja gan, kalau yg itu tinggal masukkan 1 kode saja gan dan akan emo nya langsung bisa digunakan... :-bd
DeleteThis comment has been removed by the author.
ReplyDeletehuhhh..
ReplyDeletecakep.
cheer cheer cheer
Deletewat2 wat2 wat2
ReplyDeletegan, tolong dibetulin dong pleased
ReplyDeletecek postingan : http://aiizahh.blogspot.com/2013/04/update-cara-membuat-emoticon-di-kotak.html
Deletegan,tlg nih kok emoticonnya gk da diatas kotak komentar..?
ReplyDeletegunakan tutorial emot yang baru saja gan, yg ini sudah tidak dapat digunakan lagi...
Deletehttp://aiizahh.blogspot.com/2013/04/update-cara-membuat-emoticon-di-kotak.html
kok..!! nggak ada....!!!! aku punya :( :'( shake
ReplyDeletehuhhh kan udah ada informasi nya diatas gan, gunakan tutorial terbaru saja di link yang saya sertakan pada postingan... cheer
Deletetrmksih mas infonya kapan2 bisadi coba,ni mas
ReplyDeletejangan coba yang ini gan, yang baru saja yang ini sudah tidak valid... pleased
Deletepleased
ReplyDeletehaii
ReplyDeletethanks gan happy
ReplyDeleteggL BROW
ReplyDeletekan dah dikasih link baru gan
Deletehttp://aiizahh.blogspot.com/2013/04/update-cara-membuat-emoticon-di-kotak.html
Lumayan, langsung di coba.. thanks
ReplyDeletehaii
ReplyDeletehaii Bagus emo yang anda buat, tapi sayang emonya terlalu besar. bisa di kecilkan nggak
ReplyDeletehttp://aiizahh.blogspot.com/2013/04/update-cara-membuat-emoticon-di-kotak.html
Deletehaii
ReplyDeletethanks tutorialnya, di tunggu kunjungan baliknya..
ReplyDeleteMig33 Eagle & Ash Princess Kawaii
Datang lagi untuk belajar memasang emoticon di kotak komentar, sista Alya. haii
ReplyDeleteSampai sekarang belum punya emo di kotak komentar saya. spoiled
Terima kasih sudah berbagi.
Salam blogger.