Sabtu, 27 Maret 2010

SKYPE EMOTICON IN COMMENT FORM FOR BLOGGER

Malam-malam ngebloglang dapat si emot. Bloglang selalu menampilkan review artikel yang unik dan pastinya bergaya :D Sobat kita yang bernama Mohammad Mustafa Ahmedzai, berkebangsaan Pakistan telah menciptakan Skype Emoticons In Blogger Comment Form :-bd Semakin banyak ragam emotikon yang ada nih. Sudah ada Asteeg Emoticon, Smile Cosa Emoticon, Emoticons Yahoo, Blogger Emoticon dan yang ini tentunya EMOTICON FOR BLOGGER VOLUME V.3 (link-link ini menuju caranya) Ini dia demo buat skype emotnya...

Live Demo

Lutu-lutu kan, imyut dan menggemaskan, jadi pengen masang :D :p Ya udah ayo jangan berlama-lama nanti jadi tengkorak 8-X =)) Mari ikuti langkah-langkahnya :-B

  1. Seperti biasa kalau sudah Login, LayoutEdit HTML ► "Expand Widget Templates"
  2. Cari kode berikut
    <b:include data='post' name='comment-form'/>
  3. Masukan kode dibawah ini diatas kode pada point nomor 2
    <div style='width: 370px; text-align: center; border: 2px solid #AA00CC; background: #ffffff; padding: 5px; color:#333333; font-weight:bold;'>
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgst-nxukeT4gmAsLtJUnnhxxPgJfc_pFkIh0BAEKvCeUqxP8BAoO-3hXXTTQNmeF8Jay71TyEcoMNYkg7xKKYfiVWJP_QoFp9jph0XHoRzy_RBUSextnjZ1cjrTQfxhI7MLAgynr6912o/s800/emoticon-0100-smile.gif'/> :a
     
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9jPJp_pv3F9BaIAtLgaANs4X2CAx_rb6NbFtAel2xSnOEWe3bALRCPQsqICauVsfXqtcRLD-VDwlNMFga_w8lw6GtOEj-4pLAb8ZcIcOx_Us-jf58ruO_eB_-ZF-ggAZstZpLvCJAclc/s800/emoticon-0101-sadsmile.gif'/> :b
     
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjr7ElkffYzy14gBjs_oy2YgDs-L4FDWrbifAESbaDUp_bo_2tnuk-6rwXrFRzuK6iilx2f4F5L1dpCSy5CCJAayVlyW5Y4lMejVGwJ6K9DMjp5ynZWmL-8XTMbe8YLEq7ket9xWcJGfc/s800/emoticon-0102-bigsmile.gif'/> :c
     
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0wjbMe7eM1k8IPCuoxWm2msBAJgyJNhno8nO_AKiaBQCB9aUdLK8PzQ6JPASjAsnL3-0YJ2nics6mq4pqY0w1lHjEEJ-QTQviXMTvbjAWo923sdTnC-CGQdjbTpX0dwLeymB57NCNSM8/s800/emoticon-0105-wink.gif'/> :d
     
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmf-Y7CxueWJVEMNiavDhCyoVx9XncceKYASh5shnlXP_UTAMaqsB8ZBO18wcGl2q6uqff8v0dbgGS5VE40rGvENIBl-y9nqKsPR5YJn4ZmXtkwCXGIrAQJe0EsmUbF7cK7iI4joBrOFQ/s800/emoticon-0104-surprised.gif'/> :e
     
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfb75gxhZsu0-zMxCzjozRAnPJWLo64ORhv-U1R3BO7jJm-TbguZlgK6wfHoLU9apwtJ1r9kthzUtIjbVM3D-c_AWwr4AZRZltrBLIqkKFVV9RQt5qTB8UnrTGgybs0YV5CyL_AzK4YE8/s800/emoticon-0106-crying.gif'/> :f
     
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUiY2UwrszONIW3dQqgInBoqrvSgb16-vRo9oFs-KqUN4dLMeaj7rohz9XmG09gMaGOjaxMi7USGvOt2F1VcLxe3Fj_nEjntRKZdKJ_hXXi2ospWDRiwWatq7FmFdDmjR9EidfThWngUk/s800/emoticon-0109-kiss.gif'/> :g
     
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI1yDg_2AFmmyVVVfQzVxqHGcJsRyFhPebgh07VOzwWtBz50rP8y7r_agfbAzqk-N4NCWAQQCaPAJUEi5tioqoP6ozwTwHuomCtzjnjQKPAbl_i3FYTJbYDmJ9Lsf8fKK4Q-fERKvKwqI/s800/emoticon-0111-blush.gif'/> :h
     
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqR9B9Hm0Q4POI0eFu-WR8u1LOrvtmtGk5H8-wn2O8Xcsqn4yCJLSs5rdUH_9E4ZI6OL-OwTOJ3d7txZYQIA3EeGa0rjPcQkyDgx5sCrPn-th28_JcmAI3eEpJHQ1EItrZFVWAgR2xM9A/s800/emoticon-0110-tongueout.gif'/> :i
     
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8z3NcmQDOt1N9z796xI0gaviiHMWx2BhM7_uCzv-XAuDGkA9sINPjB3lcjqFGHi1OpvH2nWPOKAXH8cqedn7xX_CaKBBRMyssZZLkdCrwA52otrBrggJYSDN1hwRuKROT3OCqgWlycgY/s800/emoticon-0126-nerd.gif'/> :j
     
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxJaF0oVhvIV5zjRqf0J9F7Y1I0y-XqgJFu-awvLeLcnUmjaS0c1LH9Zgxdvq6-zJMx6iS5k4S9DbLODO2Ukw3rnAoxjt0nXwsgZqgChGGrycsSz48G5L1ZFWK9tmNNY5q1_eD_uEdvbo/s800/emoticon-0103-cool.gif'/> :k
     
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjf5F0at3S7gvmwsfqqTErTBQUrIaQ_Y4hcWo5BEDQiO9Wzc46AeijcQF89to2i4QS2hdKpZVt69mDm1hJ2WO-DmhOt0l9cjfdjtc5CH_ezRztESqJvM9mbtq2vP89iBjyswXcXtpCH28/s800/emoticon-0130-devil.gif'/> :l
     
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3lCbjU-klB_Cw1799Hw3WwZQLOMiCMNr5pb26d2WjM1atTGdwncsaZ4XKnDwUD49AGq7muDAHBsvEUu0GqZbxlHnEqbarSwW-MV_ygGIOHq1G_yPWbZ2bxJI19XDXndYus9JmKWdfvqo/s800/emoticon-0133-wait.gif'/> :m
     
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXvTfAoKvw96RECaQvfvuF0yCM3x_45hb2hkVcV3AqwGhXoO_WkqJWGFRWiLIkaRxIr5Mo5RdBNVd8Y_AMEmGxBamLR7wGjoSJZ-kvyio2K_3esXB_hvq9BMvFqNLa_y-jp4seCqckRE0/s800/emoticon-0137-clapping.gif'/> :n
     
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOwhe14uOYT6DQmpcGuYX66zu4lvxED_D9BvakxNM4TZfcngDBqFjmw1YN5A0Yo7qRSUBnS3p-N-6vXo99jAVO-ZCNX5UzwPqRWwd13h-L3dZArmK5dqb41hMcO0YohDiTzs-m5-PWXpQ/s800/emoticon-0136-giggle.gif'/> :o
     
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwmLbnbL_yxfdKuaNAuXyqCAGT9zjXyA_yMH7mHj99d9G4isZHx0-6Vg1hWHmR42Z5ueAu6ACHcaHXSIBnF7Njg-5rLz6JbYhmY1mcIzrTLMmWIxPx5RqdUd7lW2MWGiHJDcF29GLGdbc/s800/emoticon-0141-whew.gif'/> :p
     
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9hzV71uWaRQOTBGsKjfGinNn933tE_P2J9cYmxwOq1SnrhFZ6GZ_7wUIVuqU0AJyuRPdqRCfqJMrGcaOxesctLsM3MfexaZbrRfwQjIPJwhf7cxdo8-MrnsdSj28sOf-bwuTOf50puhA/s800/emoticon-0148-yes.gif'/> :q
     
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFAFMNlhaHQkIfpC9vT5Cnx_daLY1mnJp_74DQu9wfXLZJ479TwMFlEjLzTC3E9taWAEmCacANtFwceh8XGJ3Vh6Y808wwGiZ4YZJbvVdQmUCHCD4zNFhFn9JPrIISj3lS4P3u_FXi1wQ/s800/emoticon-0149-no.gif'/> :r
     
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7mIoU7VsPuiWLSOba9N6yz1vHKQtU448hr920U5OBPUaGfQ70ywa18TMnLI5_qPasnqY93U4ohcoYrsPHcmCtnSFRxgt_YmxO9ikgsqxYhHEmAYXtfhsSAXK5bAm0aBbFkm4UUuPvcL8/s800/emoticon-0178-rock.gif'/> :s
     
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCmuq5u-E0o1D0jHO3MUOXDKAsa6Z0ehSwzpGNGJn0iLlNzuuD8O9RagD8wtiLamXmQff7YtrQgpKjMXG5nzkZwmT8qVH1JK4zWpr-ZDyfXf2jDijHqcr0Az-3WoCJje3NDnIzfU_A7ls/s800/emoticon-0155-flower.gif'/> :t
    </div>
  4. Letakan script berikut diatas/sebelum tag </body>
    <script type='text/javascript'>
    //<![CDATA[
    a = document.getElementById('comments');
    if(a) {
    b = a.getElementsByTagName("DD");
    for(i=0; i < b.length; i++) {
    if (b.item(i).getAttribute('CLASS') == 'comment-body') {
    _str = b.item(i).innerHTML.replace(/:j/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8z3NcmQDOt1N9z796xI0gaviiHMWx2BhM7_uCzv-XAuDGkA9sINPjB3lcjqFGHi1OpvH2nWPOKAXH8cqedn7xX_CaKBBRMyssZZLkdCrwA52otrBrggJYSDN1hwRuKROT3OCqgWlycgY/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxJaF0oVhvIV5zjRqf0J9F7Y1I0y-XqgJFu-awvLeLcnUmjaS0c1LH9Zgxdvq6-zJMx6iS5k4S9DbLODO2Ukw3rnAoxjt0nXwsgZqgChGGrycsSz48G5L1ZFWK9tmNNY5q1_eD_uEdvbo/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjf5F0at3S7gvmwsfqqTErTBQUrIaQ_Y4hcWo5BEDQiO9Wzc46AeijcQF89to2i4QS2hdKpZVt69mDm1hJ2WO-DmhOt0l9cjfdjtc5CH_ezRztESqJvM9mbtq2vP89iBjyswXcXtpCH28/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3lCbjU-klB_Cw1799Hw3WwZQLOMiCMNr5pb26d2WjM1atTGdwncsaZ4XKnDwUD49AGq7muDAHBsvEUu0GqZbxlHnEqbarSwW-MV_ygGIOHq1G_yPWbZ2bxJI19XDXndYus9JmKWdfvqo/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXvTfAoKvw96RECaQvfvuF0yCM3x_45hb2hkVcV3AqwGhXoO_WkqJWGFRWiLIkaRxIr5Mo5RdBNVd8Y_AMEmGxBamLR7wGjoSJZ-kvyio2K_3esXB_hvq9BMvFqNLa_y-jp4seCqckRE0/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOwhe14uOYT6DQmpcGuYX66zu4lvxED_D9BvakxNM4TZfcngDBqFjmw1YN5A0Yo7qRSUBnS3p-N-6vXo99jAVO-ZCNX5UzwPqRWwd13h-L3dZArmK5dqb41hMcO0YohDiTzs-m5-PWXpQ/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwmLbnbL_yxfdKuaNAuXyqCAGT9zjXyA_yMH7mHj99d9G4isZHx0-6Vg1hWHmR42Z5ueAu6ACHcaHXSIBnF7Njg-5rLz6JbYhmY1mcIzrTLMmWIxPx5RqdUd7lW2MWGiHJDcF29GLGdbc/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9hzV71uWaRQOTBGsKjfGinNn933tE_P2J9cYmxwOq1SnrhFZ6GZ_7wUIVuqU0AJyuRPdqRCfqJMrGcaOxesctLsM3MfexaZbrRfwQjIPJwhf7cxdo8-MrnsdSj28sOf-bwuTOf50puhA/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFAFMNlhaHQkIfpC9vT5Cnx_daLY1mnJp_74DQu9wfXLZJ479TwMFlEjLzTC3E9taWAEmCacANtFwceh8XGJ3Vh6Y808wwGiZ4YZJbvVdQmUCHCD4zNFhFn9JPrIISj3lS4P3u_FXi1wQ/s800/emoticon-0149-no.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCmuq5u-E0o1D0jHO3MUOXDKAsa6Z0ehSwzpGNGJn0iLlNzuuD8O9RagD8wtiLamXmQff7YtrQgpKjMXG5nzkZwmT8qVH1JK4zWpr-ZDyfXf2jDijHqcr0Az-3WoCJje3NDnIzfU_A7ls/s800/emoticon-0155-flower.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7mIoU7VsPuiWLSOba9N6yz1vHKQtU448hr920U5OBPUaGfQ70ywa18TMnLI5_qPasnqY93U4ohcoYrsPHcmCtnSFRxgt_YmxO9ikgsqxYhHEmAYXtfhsSAXK5bAm0aBbFkm4UUuPvcL8/s800/emoticon-0178-rock.gif' alt='' class='smiley'/>");

    _str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgst-nxukeT4gmAsLtJUnnhxxPgJfc_pFkIh0BAEKvCeUqxP8BAoO-3hXXTTQNmeF8Jay71TyEcoMNYkg7xKKYfiVWJP_QoFp9jph0XHoRzy_RBUSextnjZ1cjrTQfxhI7MLAgynr6912o/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9jPJp_pv3F9BaIAtLgaANs4X2CAx_rb6NbFtAel2xSnOEWe3bALRCPQsqICauVsfXqtcRLD-VDwlNMFga_w8lw6GtOEj-4pLAb8ZcIcOx_Us-jf58ruO_eB_-ZF-ggAZstZpLvCJAclc/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjr7ElkffYzy14gBjs_oy2YgDs-L4FDWrbifAESbaDUp_bo_2tnuk-6rwXrFRzuK6iilx2f4F5L1dpCSy5CCJAayVlyW5Y4lMejVGwJ6K9DMjp5ynZWmL-8XTMbe8YLEq7ket9xWcJGfc/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0wjbMe7eM1k8IPCuoxWm2msBAJgyJNhno8nO_AKiaBQCB9aUdLK8PzQ6JPASjAsnL3-0YJ2nics6mq4pqY0w1lHjEEJ-QTQviXMTvbjAWo923sdTnC-CGQdjbTpX0dwLeymB57NCNSM8/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmf-Y7CxueWJVEMNiavDhCyoVx9XncceKYASh5shnlXP_UTAMaqsB8ZBO18wcGl2q6uqff8v0dbgGS5VE40rGvENIBl-y9nqKsPR5YJn4ZmXtkwCXGIrAQJe0EsmUbF7cK7iI4joBrOFQ/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfb75gxhZsu0-zMxCzjozRAnPJWLo64ORhv-U1R3BO7jJm-TbguZlgK6wfHoLU9apwtJ1r9kthzUtIjbVM3D-c_AWwr4AZRZltrBLIqkKFVV9RQt5qTB8UnrTGgybs0YV5CyL_AzK4YE8/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUiY2UwrszONIW3dQqgInBoqrvSgb16-vRo9oFs-KqUN4dLMeaj7rohz9XmG09gMaGOjaxMi7USGvOt2F1VcLxe3Fj_nEjntRKZdKJ_hXXi2ospWDRiwWatq7FmFdDmjR9EidfThWngUk/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI1yDg_2AFmmyVVVfQzVxqHGcJsRyFhPebgh07VOzwWtBz50rP8y7r_agfbAzqk-N4NCWAQQCaPAJUEi5tioqoP6ozwTwHuomCtzjnjQKPAbl_i3FYTJbYDmJ9Lsf8fKK4Q-fERKvKwqI/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>");
    _str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqR9B9Hm0Q4POI0eFu-WR8u1LOrvtmtGk5H8-wn2O8Xcsqn4yCJLSs5rdUH_9E4ZI6OL-OwTOJ3d7txZYQIA3EeGa0rjPcQkyDgx5sCrPn-th28_JcmAI3eEpJHQ1EItrZFVWAgR2xM9A/s800/emoticon-0110-tongueout.gif' alt='' class='smiley'/>")
    b.item(i).innerHTML = _str;
    }
    }
    }
    //]]>
    </script>
  5. SAVE dan lihat deh hasilnya.
Oke lah kalau begitu L-) kalau ada pertanyaan tinggal mengkontak yang punya proyek :D :-hContact and original Posted : My Blogger Tricks

Tidak ada komentar:

Posting Komentar