Halo kawan-kawan hari ini saya mau share tutorial blogger tentang Cara Memasang Emoticon Pada Komenter Blog. widget emoticon ini dapat membuat tampilan blog kalian menjadi lebih menarik untuk dilihat dan membuat komentar-komentar yang ada di blog kalian menjadi keren dengan adanya widget emoticon ini. untuk melihat DEMO di bawah
jadi gimana kalian mau pasang?? silahkan ikuti langkah-langkahnya dibawah ini:
- Login ke Dasbor blog sobat >> Edit HTML
- Cari kode </head> jika sudah ketemu taruh script dibawah ini tepat berada diatas </head>
<script class='jshilang' type='text/javascript'>
//<![CDATA[
//Emoticon by Marwanto606
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||"Click to see the code!",a=j.emoMessage||"To insert emoticon you must added at least one space before the code.";$(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+"' />"))})};i(/\s:\)\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_d68IxcbqTKyYLD2tYbKmmcf-7bE0PS_KMZHeeSBez1J2oXPn0vTcoBHveg2Z25F_YOo26X03L5CMQ2wf9aCZDHn0mqMnU6NPDY3XqHeXUpx3U-bCY8SxVR_3udrQlYsvl9rZWaUuZAA/s36/03.gif",":))");i(/\s;\(\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs0KlmP0mA4D2Q0oMSCVhMmXdqYLRjKnkNuw2UzjtpycVCuOHpaaEixsck2rQlFI0jMVbwWmczYSkBVsD-ByoCCpgGe5NENTG-Ck5oYu30wabDDrBsTfbThbQZQY2xPk3ThGOlqUb4lUU/s47/06.gif",";((");i(/\s:\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji-b9-3dPfiOidoYXL0fyqMsh0oZvSPOAmkdWvYHs7x96zdYv41E_Un1TTvADAbxpPm_Ovt4OQjOvw6mwArZjIZR3uT3katZ5BWXUg-8g1cEgPkbMcy-KeAkV373aAecG-SVHb_jWUi7U/s36/01.gif",":)");i(/\s:-\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJjtEm95r9-ZfdHF1_dbqcTessJFkZGkaUtnPx1LZut16WTMRDwI9aRWZbYgkmi3qhdBsat9Cia_GawcNQWo7RDhvxMsoS6E2pNs_qYMAxoc208SLqtTS8foMHGZ3u4BDuM-94FRpZBE4/s36/02.gif",":-)");i(/\s=\)\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbGVg7bB62SdYgKqZm_U8Nz4Lgpyg_Ug_awS8uD3upxYBU4_VjFgvVxfEg3lIFHxlImVA4AxaSLIIyQGIJkzF_8TRX9T5CYapgtxla42vJmIJkdR0uPrfitiJrQ85wqiJUAihEFbdzfw0/s36/03a.gif","=))");i(/\s;\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiha1cz0iP9dDldBT5zXEkpjk4POEFhyjfbj4Z4JhjJcIMT9vTqsGj21JNmhONGtLC3fIPGfsWYXBT7AG4RSQsz90WREu8bXc6IhUU3PnVOa3KkfAVSMgmoy2tIyigSdtvYtIsu75qSeoA/s36/04.gif",";(");i(/\s;-\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9kOp2Yn5z7xmSah7zShzVsTTpXLWWXzG16H5xquB1Yq6uhhhi5FqqMC_UcfAWbfhX259I-JfR3lHCtL-ABUHTRzRxohsyCLX05I58kZSrZFcwUYiyebFps9l0Wpcce1qILwZ-eozkLf8/s36/05.gif",";-(");i(/\s:d/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGmRXiyDkeDj8MewgIsCySWPpu1nisJIayc6Rgq31NkcLwTGFZgaZkoPjXX_BtaItc19Y-EpB5GBbPQaApx4MaJ08zWfsomcUbCTltovVafe5uf4-Hin6Qz8hczy29hftPY6vSii0nRP0/s36/7.gif",":d");i(/\s:-d/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTPOwIM3_iSTkKxuujS_yqDrNKJPVaL1sp99msnzZz4N3FBTuGKEU3Ymj253iJVtnS8pPyjm9qhfciZiuQ9_tJDyICQMPLfzP0QICZ6seOYrUsQEg2E7sMzChoSvbMl2LwPuoVPn4UpSE/s36/8.gif",":-d");i(/\s@-\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYzs13S3BdlG2mCd_Iq2S8cqityUpX93IdUnSu9P78VgPKlqV9iBpaHPyG5DW9ywVjzuNBdJK66C00hlZc2387KPdF3FF-9K8fZCWwmbF2TVC1xorWOlXB6O28jXOrNxAvDO_Q30_qD_k/s36/09.gif","@-)");i(/\s:p/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYCLB6D9kNa1V7rPnWglN_SuFvAelRpNaHWAP37byrtgu2ae3tExo7wKFgphnRAFRuxJKMFGMUoKrG-DyUQd24ZcPpaqPFU1ul8Zcqu9DXIzX2MFhtBz4Luc9xZFKmZ-Y5ETfY4WU_kRg/s36/10.gif",":p");i(/\s:o/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgJUv8Buqu9SBV8PG4waBY0vOZB6Q6cpf4FrLF3HntAQs0mKX2WfTI4hnU6tCvItyVZDlrYpbjN1aTH__5sg75eQs9yw23RpbZnYkhdlLnNTGKrlY7CqgdSTzJWw4blEyZSO4hG-s2fts/s36/11.gif",":o");i(/\s:>\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5PV8Qkp9RSVpwhOFYzUxXBNnrYP-baNW5ej4DSZ2wxWIT38gTqRae_Xr-fJJ5zArMgPDahc2Q9BFouWx3v8Ym0NRiVOGwKjjLa3OxEWIrc9bkCy0VPfWseQVFeqdd2Yju31tTS9WSZaA/s36/12.gif",":>)");i(/\s\(o\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5x4QkmPAS9nqfBdip74aVIrxP-AMTp9R3en57CqIYOmbBhcplKXwMEjAAA5G_DKS388yTc0Fd7iC-RR64_lktBYLBm91HyhI7_0SC9aAV6cIwa78BxbbRzNNc-RgBODNfxeslLINwOpE/s36/13.gif","(o)");i(/\s\[-\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9y1PJ59X7Z9vKpc3aDESHg2thWmctRKadp4sMsgOJ5IODqcK75E_uobOXGn_XfmBIVuxA2ZbRGiz-v7ll4u9Vw1xmBjy8wSYyAkOlNz_05XRGryJZEDBuHiUICnzxoM5QQIHzls4XQcM/s36/14.gif","[-(");i(/\s:-\?/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLMamz5wuoiYCecrD5TqTDw2lBwY4ys0EFrE7uWAQIkZpWqq8AmEM3IBf4hMGxIQXZI89AvRtBdr5uqXPsvplzT1R6IzqMyAZCBg4Rc5oLHJXQkNXqGd8xaGN8oapuLfRDP4QFnyp8p5s/s36/15.gif",":-?");i(/\s\(p\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPQ13rq5Z1hcYaSeDMo37McMXzm-TmknUYIdz0_gXVs8f-q0HLJFwGrK-wcSrdJAPEmCx4F6EN4iAR8TEyxzPdaem-mPAN39C-svoi8hF2VDDGh5x2JO-JIbABRutK32FWimEH8TEYNhE/s36/16.gif","(p)");i(/\s:-s/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBW82SHdUmhd1fAa3daAI3dhRNh8zhlR0iOUD9t46mlo2uoqXqcMRshdF-vktlJnlYWdAt5G1IsZ8t4-auky-lDfOu_hsWp73nn7TxylY_3LOh_9SDLvyqfxvYPRXKp4ZO8xpuYomxV2I/s36/17.gif",":-s");i(/\s\(m\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQDMxlGFIcqTiZOSJpAkJPZcCO9s757AqCITxm29TC74PbnJm2FxSCcn0nzaobVJOJukUZhA1tppxgAHFNZD1ih84flSC-nfbjVAqQXcj9ymR0So6CjzU8ZW7-lyzpS9NKHuDju_eZBGM/s36/18.gif","(m)");i(/\s8-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfvvjQtFUBVrmY563q8c10KqjS5F838GoLMa1mMoXYKro0cv2IDCvqt8jQEd5E9-vrJnQBehL3-VppRtVZHC53UEWt1ruFGyoRet7nQjhGKpBFP2UBB41ey4xte4Eb4WPgKsTXN9XAUGU/s36/19.gif","8-)");i(/\s:-t/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkfFlzvFevQjlJ3SGyVm_D03-UfJirR0AVtwxEDiXrWLAEFMRsNYE2BhQDmlWduAcn8uDozJmh2uTFtlQtkQhIG4ukQgMUtP1cMuqR5PvK2dbas2tC9yzqp8X0Bfq3Y4zdOamwLIcvpjY/s36/20.gif",":-t");i(/\s:-b/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYg3IWLc0GAl6W76z8g93iOgblMXOqOLbLrrORMUve45eIU4YGDN-0wzdl51vK4d-Aw0J2nlFRpNStQVivQiROKJFHBY5s_-N9nJuxIOzWKAcJ2jbiWlGjr-qClrqaGSPAFGBR5Wr0N0s/s36/21.gif",":-b");i(/\sb-\(+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBqgb6fWII2pnlEsnzZ2YzLDhZduVlDF4khStB6fm5ZgP-13PnbJCGk8LfRWdheZ-CO6U-EEsJgFQS4yFclBqVfYj5WKKahr5WMtu1YYPPQT3-UxjL8f16dDUEdzv3lQ88tpvLEP4ym0k/s35/22.gif","b-(");i(/\s:-#/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDDB_IGej0Cje8hVtbWKu9FPo0K6YwblSF2DKJNN8kWo0xNf2Fj3kxc-Y7WozmESRCYcGAB09QBfHBA7bQw9xKc65BM7Or90QtDll91NPNZQBrlLePXUeO_3PbA0Uz55fwrIvN2e8DksE/s36/23.gif",":-#");i(/\s=p~/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimFPccNtTgJCdyWtj54XL_psc4jPRJTIDhRMu7UdtnbSXcV1eHKMs_7J17XToQnFDUOoP49KGW0rByD0kNLlJvTpw9hJaROu9kztx7F7ZH5CyahL0n6-9faXCh0dICd77Ky4vfBE8ryKI/s36/24.gif","=p~");i(/\s\$-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinbWMl66hOs5nvP15CkEfbmtRaHTK-1gqghyxn6FqadFSYUKWu1sd872oL3OiVESFS_1etoAsV5AT3wSkq9BL0uGHG94AguGRDlnHVR3ZIFJU8Tjr52noYOLhy27R2lRV4zhTRg6qhyphenhyphenYg/s36/25.gif","$-)");i(/\s\(b\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-h9g3s_3n6e5xxQhGk9qIX0edHBO8QLUd9A7GhVlnbBUKt-gDtmovl3LtsTwyo5S-WsPGO17rdIGxaHTP6p2tHiYYZtSMNM1eOjPE4TSMRBv_fSvf-8dtTleoNj_7Acz6SXvILqOmYe4/s36/26.gif","(b)");i(/\s\(f\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE1ycHL-tYzjuYNyopEB0zY1rKdAZQLgnN_KlolIBrclRYNkoMnh4COdzGqPEdane72vWP3E3-MWrPROtU0wXssRXhl8hRD209t6sL8CfC18JZOJ4JROEhQ-2b0ha41hvXg2-gDjF1byk/s36/27.gif'","(f)");i(/\sx-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhch30ocaMqEpgJVLBcCp3LxiJ7inOIC3Ly87-su1tsGzky9Q0BqPTWotksIdYAsZNlhCeinn3IeU6SXTKjd_Np66wOiVKKfTwAEye958AqG4ZFAPofXgX27PRi9iaXLJNOXuX3Ks3zFKg/s36/28.gif","x-)");i(/\s\(k\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguzs6639TELYErlCawrRBA44lTIHCKAKH_aHdk3VQhyphenhyphenuKSOchnqE5IV-XCUK3gmUhZQt1kCsZDkoQBp3Q0MtozhvFiLZRpFVy9x8ZauPIBnHYVPT1HDg-seJSuj0Ac0kyLwklImdI9-FY/s36/29.gif","(k)");i(/\s\(h\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgENX39gpuac_sOWn_svVULnyiPE9pz5wLiF0UGXQcPhFNMtvxUL-RZR_JVLfOQK2Vjb0Z5wLoyZb8SgO7gnIQFLq_tVuLX4bVeR9Dzn2lva7-D3SkYwtfTn3sSzSoIzr3wxo604B-_b4g/s36/30.gif","(h)");i(/\s\(c\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk46zEgs8AqVBKDLJ51H9UjJhSP2BLgecmLtGUef5ObRWVkKhnPLlovuanxkx8MmWFEdDkdxhmLmpVuY-xSsbZR0QPYdbDjb-5hLMQUk-wPZN87WTAM3LbfQOnIVejIG1ps5gknjL4sCY/s36/31.gif","(c)");i(/\scheer/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3ZbJxcdX8BzsyOp_YA0TC-ZuEsnQJfesBlJy2tBPv1gx2Dr4ZnRAywUCxU-tTGOhDHFApvStPVrdrrgH0nO81X-rTsOT0oIxdbKokyJBL4P-OHLqT0ZALLZXDz-n4MDFudkK_5v1kiW8/s36/32.gif","cheer");$("div.emoWrap").one("click",function(){if(a){alert(a)}});$(".emo").css("cursor","pointer").on("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").on("click",function(){$(this).focus().select()});$(document).on("click",function(){$(".emoKey").remove()})};return function(a){b(a)}})();
//]]>
</script>
- kemudian kalian cari kode </body> lalu taruh script dibawah ini berada di atas </body>
<b:if cond='data:blog.pageType != "index"'>
<b:if cond='data:blog.pageType != "error_page"'>
<b:if cond='data:blog.pageType != "archive"'>
<script class='jshilang' type='text/javascript'>
//<![CDATA[
emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Klik untuk melihat kode!",
emoMessage:"Untuk memasukkan emoticon setidaknya ada satu spasi sebelum kode."
});
//]]>
</script>
</b:if></b:if></b:if>
Komentar
Posting Komentar