Chord yang Digunakan0
Geser diagram untuk lihat posisi lain
kali ini saya akan coba membagikan artikel : Membuat Emoticon keren di atas form komentar
biasanya shabat blogging yang saya temui paling banyak mencari cara untuk mempercantik blog mereka dengan menyisipkan hal-hal/item yang bisa memberikan kenyamanan untuk pengunjung blog mereka...
nah di samping hal ini mungkin anda juga akan membutuhkan membuat kotak komentar keren berkreasilah sesuka hati anda,, untuk cara membuat form komentar facebook silahkan klik link yang sudah kami sediakan.. heeeeeeeeeeee
==> Oky langsung saja kita menuju ke TKP..
Membuat Emoticon keren di atas form komentar
 |
| Membuat Emoticon keren di atas form komentar |
Masuk terlebih dahulu/Login ke Blog anda,
Pilih Template klik Edit HTML
pada Code HTML cari code
lalu masukan code di bawah ini tepat di atas
.emoWrap { position:relative; padding:10px; margin-bottom:7px; background:#fff; background-image:-ms-linear-gradient(right,#FFFFFF 0%,#FFF9F2 100%); background-image:-moz-linear-gradient(right,#FFFFFF 0%,#FFF9F2 100%); background-image:-o-linear-gradient(right,#FFFFFF 0%,#FFF9F2 100%); background-image:-webkit-gradient(linear,right top,left top,color-stop(0,#FFFFFF),color-stop(1,#FFF9F2)); background-image:-webkit-linear-gradient(right,#FFFFFF 0%,#FFF9F2 100%); background-image:linear-gradient(to left,#FFFFFF 0%,#FFF9F2 100%); border:3px solid #860000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); -moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); font-weight:normal; color:#333; }jika sudah anda masukan code di atas, selanjutnya silahkan anda cari code
.emoWrap:after { content:""; position:absolute; bottom:-10px; left:10px; border-top:10px solid #860000; border-right:20px solid transparent; width:0; height:0; line-height:0; }
<b:if cond='data:blog.pageType == "item"'>Terakhir klik Save/Simpan, dan lihat hasilnya
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Click to see the code!",
emoMessage:"To insert emoticon you must added at least one space before the code."
})
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
window.emoticonx=(function(){var b=function(m){var j=m||{},l=j.emoRange||"#comments p, div.emoWrap",k=j.putEmoAbove||"iframe#comment-editor",h=j.topText||"Klik untuk melihat kode!",a=j.emoMessage||"Untuk memasukkan emoticon setidaknya ada satu spasi sebelum kode emoticon.";$(k).before('<div style="text-align:center" class="emoWrap"> :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer <br/><b>'+h+"</b><br/>"+a+"</div>");var i=function(c,d,e){$(l).each(function(){$(this).html($(this).html().replace(/<br>:/g,"<br> :").replace(/<br>;/g,"<br> ;").replace(/<br>=/g,"<br> =").replace(/<br>\^/g,"<br> ^").replace(c," <img style='max-height:24px' src='"+d+"' class='emo delayLoad' alt='"+e+"' title='"+e+"' />"))})};i(/\s:\)\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQNcR-zSg-P7jA87UIKDOJxC4EJWYDDSAzNZMFRMzLRHjR4ebsX2CwjFl4CPultK6tVZ-KiKx7RGwD5RLP3FSDiXeIKUmsL9C5PvaHS_dPzyGzOGTnwR_6Plsb-PkTCKymWSkzw-LhXe8/s36/03.gif",":))");i(/\s;\(\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8P-ni935rgge1J2z-MJRKAJz2ozgzQpjU6lbE0VpBmhsKFPnsniIyhAPE2yfa2AGlgnGtk2HTaYsO6I6n4DpY4nGtQ3CgFDptqTBRkgmp_4iwgqbcDKhJRlodk11cf-p6ThSpVGdRsWI/s47/06.gif",";((");i(/\s:\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrsugKJJvdAdj_Sxd80gsuWhGKWLU74HeLcnB0OmNj3IC4MldyEOLfaIP7UuwiY_bZlaUVYNsLbpIsjIFWIlG-CICtOE34-lVyDfflXWM8TEHVSJwiUYd2HSzY813RbhmzXEPYRIn8iV0/s36/01.gif",":)");i(/\s:-\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKncIUNdb-npDG1wL0WcDYQeZA6e2cI0oXgEhlKLFXw2cz-50Cn_aRiyuK73aLRX89TZSatonlN3HLWoxzTxaYrzRZ-iLGSh8ZhYOIpZHAdt-_85I4bM7mJzxCY_J5075hDK-BPXG5q0E/s36/02.gif",":-)");i(/\s=\)\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixHZ8GfcUJa1ih8dQaOdUU7WcePvJFzXIBwO-64j2etHgvEIXeRiEeiIfmFG-QGDL0JLb0RfmygMbmsHdyoWTOrk0NZfgH_sHS59AuTLHSKx4PnLf-fqX9WUZPPfgQsYTR07OsMslG6nQ/s36/03a.gif","=))");i(/\s;\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdkNscd6FSCrhIRi2Buq97-XmpGC3xH3KH2MbENugASvuDXi_Ym7sphkUQVVT_zz993WUmMb70FhUCNKr_97jtSmfzpbDzREFv602QPmE2T5WTZGnyGXAerZO3F9Cp8kpYrfDeboWwxpA/s36/04.gif",";(");i(/\s;-\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlx3SM5hLBa_hySyLpyuzaGj5bv1GpOs-QP47vFzV2PMSA8RAfHaQZpMp2F7_i48qn5gUu3dzjZ2GGBmkZ1PQ6DW7HEj_SPTjbiiVlUcoDzuO-1YRI9wqoXbK-vh798qYH9XGdeWVc55U/s36/05.gif",";-(");i(/\s:d/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs-NhIxmHl2YCPPuYbgt2WkL91r5kCwXlATTpS6jiPOkRqlRY_tvWoX42ADowLlHVE8CzTa6_N0jd1NUvQ9Hlhp4WWXRLhzug2pIsS9HPOQii0sELO7FnU7PALFTeOCdvCOJheiiPhexg/s36/7.gif",":d");i(/\s:-d/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIckXQMtqcwLP_otztF7Nw_oxo8VWVRJ9rbW8YxaDoLBwv9__f0GvwPni_520kjlEkdXpDoxl-fh0Zn8ck5p7v0zoa9FIiRVHVQwfZ5ltmjJh65eOojjdRE3aJkzVf5Ogzou5SZ4y42Cw/s36/8.gif",":-d");i(/\s@-\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE9BNvhsp7cLDGQJwajAijkw7uONUF2paZZm4coHxQ2PU-dAYwBe2y_U_CEnTkUJBXSy_Vh_INT4M-t0zCZlgwLCmp6mX8X2lPlAjGB8HAvMMZOkJ6f978w4f_0D2U7oTGVmMw93KDnM4/s36/09.gif","@-)");i(/\s:p/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRs2oq2HGgwZEVG2jtDlAkbig4rHAc2F5bn6GO0jXJBecerGKrManYwb5gpwF0hxeTBmIB-sZoFxctOq1C2mVT2-uEjaxw7nlesbne6zV9yGOC_QFOiydqZTWSJi6TFwoxzcfakiIkHP0/s36/10.gif",":p");i(/\s:o/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdgyIxS_J0JCAuytWM_0G7iNoUWu1QQ0FxGyq7OYj2C-hurlcizZS96kZZ_C3llYqUKnRJ2L7k5eDlbgX-BuwujPu0PIozMyGhk7ctHbatOENcUo-cq7ghRxjK9ZU1Jg5Ez5Acy3Ki8cg/s36/11.gif",":o");i(/\s:>\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_RZb8C9wfort_Ja-oj4s8dMB582g9wFY6EOhNp8mUuYSifiQX8SAAL_js7od7lMmLP5LvtU-c-yk2talpEIX0HmKxaKoLok5-lHu8ESKVVl2yeshp2uFmqg15FEl2VTSCz6GGtlYjNa0/s36/12.gif",":>)");i(/\s\(o\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYkggGV7AKAGpi565_W1nzyQabV7-GjQjYpdBZYb5oXIX2TyAxSvLdxr1FIuOEJiF3IKe0G7OLM1WbL44rNSbWxJNv84r_O6OyLATuER1y9zBOS8SRl3R4f4uqrSS3PL9ds9haUZH4s0M/s36/13.gif","(o)");i(/\s\[-\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYvyuvVd3tzEmB5dc4-N3MYqPrntLT85hq1H-9ZCt0qUwdape7j16RdgEXn9AzMjZ4a6ue2GHkOhYndIMek8XxQIdg61zLlBZ4zt1WOi4ug3kpFZp7cbGr-h_2PEBrroH01CjoSiwVpuM/s36/14.gif","[-(");i(/\s:-\?/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdLUOLWZaeNEn6UJukCm5VGI4P2WrysfSlZ8GU9yiackGqz9nkWFibuM17-HpH7LP6gNHTSifZHlLD-juKRzLMrh3uEb55L576RZ3Nxjse1RfMFe8jCZlhpo_AY0ze6lz9UVe4zlRZJps/s36/15.gif",":-?");i(/\s\(p\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYIggfRX2RgEXzacieIDHhQS2hVvv0A8jb-E_-yOMo1gEDfeNxFj2L8UM98HU5EOt902eaVT3GH7TPki8yjMm9CBceYZhcmwt2eEnUYHBTlIZfLq0VklWkAC_CfXgkmVNIAsez4Fb62KA/s36/16.gif","(p)");i(/\s:-s/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwdVfEhbuoYkfNSbndtYg2cr8U0TfVfJuEQNC_u4YY3NP1PWhsw0T5UyVRU64QgLg3VEJvdcIOwwLbKF4lbLkpOus1Fd1cbmdTrqCkRXAtMYmCli-T4CNs_oKkE01HuhswS-HhZXz9kTw/s36/17.gif",":-s");i(/\s\(m\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqYzgB6GeqE_I7LOiytTL24E-CL_vwOSsXy_eOBrBJkCJM_QNT5Y5wmKrvCjLSR3FSV299YmXWQyxjn6kg42o9upXYZ2Tnu0zZSkHGV5b4q4A519N5YLw3OTyrxYoXivTcRRGKzAWBCiI/s36/18.gif","(m)");i(/\s8-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjffJSj4fGjUdkPBuYGpwGRyhYui5vKKRjPzUnkW6l5uH1cVdq7MnW_mzkQWoH8M8atlmd8OC60wbbKKV6CdV_jdUsRZPePC6C73ugqp1SKrV6C6xvk-B5qjYSG4PZxJV0-Oi8aqHQOcho/s36/19.gif","8-)");i(/\s:-t/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUf2bjG_uNUqUGiH2EuDw6S_ctkCCmYscQq3hse2J-lH-_4oZiJjhXkcc3ZpoS9nk47YAdt9YFNrAhpfn8oE7u8sy9hMwwpGUnTmUOOOizoiP5x_Z2wKJZjSSehhMaEFSKY4Fdt5h1iy8/s36/20.gif",":-t");i(/\s:-b/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIR0HzUHU970XIVM18WyLcsFgSjjXFaX_Cm9zl7smI_AGA0cZFa8BzoxnmO7nrG44xur3DuiJJ7bgq1qCOgu38w5zbI1mhE_7cy8jQ_8sQUtKJJrrSI1k02PHYwggH28n9MlMCxbT0-5Y/s36/21.gif",":-b");i(/\sb-\(+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjISwccZPB4D9PqFxUJXIDxu1EwqPVnSi4F3nc4L-7JANSF-55F_LDpKhreQorWA8A4QhZL1hB1R5m7XRLn78tznkwPYH2ltYgObMQIMQahMUn2VSH7psjCAplXF-mw2QgvfH5bVwUvCMo/s35/22.gif","b-(");i(/\s:-#/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI-ke3N9uabAg6bdxcZncwnLIzCbTVvroGyK4qv0WU8EGwSt63Go5P_ecs3AEWkJ79Ez7TO-JoM6LdCu19LT1pOBio_qvsFk7-ck0PN1Rz8DRF3rDzyTGB1EIwST9_5qnXbz_RPby-Hzo/s36/23.gif",":-#");i(/\s=p~/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi89Yn1vM0TWDDo_ojlWmEjUSizGaBn-Aspmjvp2P0p4snQgACiSWjpIALGJtJ_98dqTzuJrZSMT19dkKS9WMkP0DIjkr0ziycvkDxWiaCcs6e7v1wIZ7R-5r_Coj2o9drszHLdCghrYKE/s36/24.gif","=p~");i(/\s\$-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAiCK3iF9kWGVt7dJfPAxYXzZAEsJ-GSbiJYWrOLKFDc9TPP-rnLG85V4A0hkoooB-F5edMjv5oLBhL_SDYMvUHKEPtdi5aY_haSs77HiR5Ih1K1ZaBI7FyRfdR4186MmSbLBm2a2dIDs/s36/25.gif","$-)");i(/\s\(b\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjENcPUXdtGmUDNRjtRGfIQ_G6E5tl0swjaLULp7GyQqDExd3XUuDLnPLkd74kbfjtbUMMxI-26mtB7pEd7Gb2XAd1DVT3DDdDp8TsYrba8sWKvZSzrfAO6CCi8CbJp-nEM8vuySbcyTjM/s36/26.gif","(b)");i(/\s\(f\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE-CqfCeLUnbd7kfhWkyDRXwGsojUu9Mt9ZfKoCW4cBYRS6I0WNSOQHQxJBxgtYd0hJd_u6YUYD6HOpY09-X63jdzDZc3HMmAX61nx4ztWSyXKyLrgdaJjHPFfoiwKUFpybNphQWjAJI0/s36/27.gif'","(f)");i(/\sx-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFdx4G_3Fja6mBeSsbGcj4mWT7Q-WITvzXZOQwANWPfiMbWRaxXcIbZKiDJCT66JREQ_VLimP1CnHFXDpCJQJNAJOAWKIwAoJcls8o1yaEJnOZEg8ddwnejmwg68siYZ8UyVUPWEbGumA/s36/28.gif","x-)");i(/\s\(k\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglApmpVsE2dbnECHa9VI_-M1TPPOrVITPycjBBF2PzxA2GPlYjcLXFS8cvLn36XyZlQVYv-qnTUJZV1YogCZLekbEYVLjO-ZRFqLMhYv2SsZ2PcNAszd5cpqagfmYCRBJqBAzMetxEI3s/s36/29.gif","(k)");i(/\s\(h\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYlcsvKuoO27LEIHnYFtsFGXPoZa_ug290DhWd_1VqqyolmbQa-ajp1oL1-JG2YnYGSBWs-wIiLg-CDR53fg56E_feWqUFKAoNmGmbdz6rryAYLtbAojOBZrG4cqS0GR4uzf0lPeGbUEc/s36/30.gif","(h)");i(/\s\(c\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7WRfmx-Ni1i9XiZFj9s1muQPYkib0AqamM8Yc29yCph5n1tkCjSnAgiA0NRTjxYLGEOL9_igfI8nhcBHwSBHDWV26ImJusS4p4HC8Vmkg5HX2n-53tMHNOo8sb4MQPNAxd_M1eWh_MdQ/s36/31.gif","(c)");i(/\scheer/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQkjpmNqF6_PhuBWPcmK3qh74VIPi1A8mj1vhmrum4xEVBmuRMmhZHPwKwcZdp9Gatid7LlCc71pyHBNfVLbZIrDfNk3sH67TyUlF7YJmPIr618JWnGE55UNc_o45Eeh8ZBjN9Pu0s1s0/s36/32.gif","cheer");$("div.emoWrap").one("click",function(){if(a){alert(a)}});$(".emo").css("cursor","pointer").live("click",function(c){$(".emoKey").remove();$(this).after('<input class="emoKey" type="text" size="'+this.alt.length+'" value=" '+this.alt+'" />');$(".emoKey").trigger("select");c.stopPropagation()});$(".emoKey").live("click",function(){$(this).focus().select()})};return function(a){b(a)}})();//]]>
</script>type='text/javascript'/>
</b:if>
Note
kamu bisa memasang emoticon.. misalnya pada komentar, agar terlihat lebih menarik,Untuk menggunakannya pastikan ada 1 spasi sebelum emoticon di pasang
==> Oky mungkin artikel saya sampai di sini dulu sampai ketemu lagi di artikel saya selanjutnya
SEMOGA SUKSES