Cara Memasang Funny Emoticon Pada Komen Blog

Posted on
  • Friday, June 24, 2011
  • by
  • Borong Shop
  • in

  • Sebelum ini saya telah membuat 3 tutorial untuk emoticon dan ini adalah yang terbaru setelah berusaha hampir sejam menyiapkannya. Jika anda berminat untuk mencubanya boleh melihat dahulu demo di sini :


    Ok untuk membuatnya sila ikut beberapa langkah di bawah :

    1) Login Blog => Design => Edit Html => Expand Widget Template
    2) Setelah itu cari kod di bawah :
    ]]></b:skin>
    Copy kod di bawah ini dan letakkannya tepat di atas / sebelum kod ]]></b:skin>
    #kotakemote {width:auto;border:1px solid grey;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;margin:10px;padding:10px;}
    Jika sudah selesai cari pula kod di bawah ini :
    <b:if cond='data:post.embedCommentForm'>
    Copy kod di bawah ini dan letakkannya tepat di atas / sebelum kod <b:if cond='data:post.embedCommentForm'>
    EMOTICON :<div id='stylishemoticon'><b><img border='0' src='http://2.bp.blogspot.com/-IqzsdLYUdE0/TgR22mrJw6I/AAAAAAAAAMk/oiV0yBndm94/s1600/stylishtwich.gif' title=':f'/>:f<img border='0' src='http://2.bp.blogspot.com/-XFvCF_haHUU/TgR2rPPEpDI/AAAAAAAAAMg/7WVs_W5qENc/s1600/stylishlari.gif' title=':D'/>:D<img border='0' src='http://1.bp.blogspot.com/-9JEQCoYpOSM/TgR2i1_JpNI/AAAAAAAAAL8/Zept92KNmDU/s1600/stylishgaduh.gif' title=':x'/>:x<img border='0' src='http://2.bp.blogspot.com/-Gw2yPHDXBo8/TgR25XpyOfI/AAAAAAAAANA/EArBKhQ2j4E/s1600/stylishtepuk.gif' title='B-)'/>B-)<img border='0' src='http://3.bp.blogspot.com/-C3h_S1jbpzg/TgR24LfGZtI/AAAAAAAAAM0/oMHiNXF3dCY/s1600/stylishnie.gif' title='b-('/>b-(<img border='0' src='http://2.bp.blogspot.com/-e0sB1VMRHN0/TgR2p-jcK6I/AAAAAAAAAMQ/zacPqgDZiwE/s1600/stylishmajuk.gif' title=':@'/>:@<img border='0' src='http://3.bp.blogspot.com/-gn4ix7K-vw4/TgR25K1iiwI/AAAAAAAAAM8/m5hTaAUm4JE/s1600/stylishsalam.gif' title='x('/>x(<img border='0' src='http://2.bp.blogspot.com/-r2pnIqAVbvg/TgR2qNNBzxI/AAAAAAAAAMU/m1Yjo6CRQVI/s1600/stylishgurau.gif' title=':?'/>:?<img border='0' src='http://3.bp.blogspot.com/-xeU1rnXXhaA/TgR2jGiuVAI/AAAAAAAAAMA/fM-s1vhnrfs/s1600/stylish+malu.gif' title=';;)'/>;;)<img border='0' src='http://1.bp.blogspot.com/-IIuZIEGIvBE/TgR2jm-s8UI/AAAAAAAAAME/7VubZPlJTyA/s1600/stylishbig.gif' title=':-B'/>:-B<img border='0' src='http://4.bp.blogspot.com/-NN3yx7Lso34/TgR2j71DQNI/AAAAAAAAAMI/FyMeL7p_z3Q/s1600/stylishcinta.gif' title=':|'/>:|<img border='0' src='http://3.bp.blogspot.com/-kxkZnkDopBU/TgR2qeLfLfI/AAAAAAAAAMY/hx6Gb8fZQIc/s1600/stylishketawa.gif' title=':))'/>:))<img border='0' src='http://3.bp.blogspot.com/-xqmiBsXVYlM/TgR23pcW5jI/AAAAAAAAAMs/GbMuzt1gLNU/s1600/stylishnangis.gif' title=':(('/>:((<img border='0' src='http://4.bp.blogspot.com/-L3GmyJ0rmD0/TgR23zkqPCI/AAAAAAAAAMw/BaqM8PTnFw8/s1600/stylishngee.gif' title='=(('/>=((<img border='0' src='http://3.bp.blogspot.com/-tieDFHriZGs/TgR24kOtxNI/AAAAAAAAAM4/Cxgmnny8CIU/s1600/stylishok.gif' title=':s'/>:s<img border='0' src='http://4.bp.blogspot.com/-h1-ZL3C4wJw/TgR23OUmYbI/AAAAAAAAAMo/UXYsxOg6gPk/s1600/stylishmarah.gif' title=':-j'/>:-j</b></div>
    Setelah itu cari pula kod ini :
    </body>
    Copy kod di bawah ini dan letakkannya sebelum / di atas kod </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(/:f/gi, "<img src='http://2.bp.blogspot.com/-IqzsdLYUdE0/TgR22mrJw6I/AAAAAAAAAMk/oiV0yBndm94/s1600/stylishtwich.gif' alt='' class='smiley'/>");_str = _str.replace(/:D/gi, "<img src='http://2.bp.blogspot.com/-XFvCF_haHUU/TgR2rPPEpDI/AAAAAAAAAMg/7WVs_W5qENc/s1600/stylishlari.gif' alt='' class='smiley'/>");_str = _str.replace(/:x/gi, "<img src='http://1.bp.blogspot.com/-9JEQCoYpOSM/TgR2i1_JpNI/AAAAAAAAAL8/Zept92KNmDU/s1600/stylishgaduh.gif' alt='' class='smiley'/>");_str = _str.replace(/B\-\)/gi, "<img src='http://2.bp.blogspot.com/-Gw2yPHDXBo8/TgR25XpyOfI/AAAAAAAAANA/EArBKhQ2j4E/s1600/stylishtepuk.gif' alt='' class='smiley'/>");_str = _str.replace(/b\-\(/gi, "<img src='http://3.bp.blogspot.com/-C3h_S1jbpzg/TgR24LfGZtI/AAAAAAAAAM0/oMHiNXF3dCY/s1600/stylishnie.gif' alt='' class='smiley'/>");_str = _str.replace(/:@/gi, "<img src='http://2.bp.blogspot.com/-e0sB1VMRHN0/TgR2p-jcK6I/AAAAAAAAAMQ/zacPqgDZiwE/s1600/stylishmajuk.gif' alt='' class='smiley'/>");_str = _str.replace(/x\(/gi, "<img src='http://3.bp.blogspot.com/-gn4ix7K-vw4/TgR25K1iiwI/AAAAAAAAAM8/m5hTaAUm4JE/s1600/stylishsalam.gif' alt='' class='smiley'/>");_str = _str.replace(/:\?/gi, "<img src='http://2.bp.blogspot.com/-r2pnIqAVbvg/TgR2qNNBzxI/AAAAAAAAAMU/m1Yjo6CRQVI/s1600/stylishgurau.gif' alt='' class='smiley'/>");_str = _str.replace(/;\;\)/gi, "<img src='http://3.bp.blogspot.com/-xeU1rnXXhaA/TgR2jGiuVAI/AAAAAAAAAMA/fM-s1vhnrfs/s1600/stylish+malu.gif' alt='' class='smiley'/>");_str = _str.replace(/:\-B/gi, "<img src='http://1.bp.blogspot.com/-IIuZIEGIvBE/TgR2jm-s8UI/AAAAAAAAAME/7VubZPlJTyA/s1600/stylishbig.gif' alt='' class='smiley'/>");_str = _str.replace(/:\|/gi, "<img src='http://4.bp.blogspot.com/-NN3yx7Lso34/TgR2j71DQNI/AAAAAAAAAMI/FyMeL7p_z3Q/s1600/stylishcinta.gif' alt='' class='smiley'/>");_str = _str.replace(/:\)\)/gi, "<img src='http://3.bp.blogspot.com/-kxkZnkDopBU/TgR2qeLfLfI/AAAAAAAAAMY/hx6Gb8fZQIc/s1600/stylishketawa.gif' alt='' class='smiley'/>");_str = _str.replace(/:\(\(/gi, "<img src='http://3.bp.blogspot.com/-xqmiBsXVYlM/TgR23pcW5jI/AAAAAAAAAMs/GbMuzt1gLNU/s1600/stylishnangis.gif' alt='' class='smiley'/>");_str = _str.replace(/=\(\(/gi, "<img src='http://4.bp.blogspot.com/-L3GmyJ0rmD0/TgR23zkqPCI/AAAAAAAAAMw/BaqM8PTnFw8/s1600/stylishngee.gif' alt='' class='smiley'/>");_str = _str.replace(/:s/gi, "<img src='http://3.bp.blogspot.com/-tieDFHriZGs/TgR24kOtxNI/AAAAAAAAAM4/Cxgmnny8CIU/s1600/stylishok.gif' alt='' class='smiley'/>");_str = _str.replace(/:\-j/gi, "<img src='http://4.bp.blogspot.com/-h1-ZL3C4wJw/TgR23OUmYbI/AAAAAAAAAMo/UXYsxOg6gPk/s1600/stylishmarah.gif' alt='' class='smiley'/>");b.item(i).innerHTML = _str;}}}a = document.getElementById('comments');if(a) {c = a.getElementsByTagName("DD");for(i=0; i < c.length; i++) {if (c.item(i).getAttribute('CLASS') == 'comment-body-author') {_str = b.item(i).innerHTML.replace(/:f/gi, "<img src='http://2.bp.blogspot.com/-IqzsdLYUdE0/TgR22mrJw6I/AAAAAAAAAMk/oiV0yBndm94/s1600/stylishtwich.gif' alt='' class='smiley'/>");_str = _str.replace(/:D/gi, "<img src='http://2.bp.blogspot.com/-XFvCF_haHUU/TgR2rPPEpDI/AAAAAAAAAMg/7WVs_W5qENc/s1600/stylishlari.gif' alt='' class='smiley'/>");_str = _str.replace(/:x/gi, "<img src='http://1.bp.blogspot.com/-9JEQCoYpOSM/TgR2i1_JpNI/AAAAAAAAAL8/Zept92KNmDU/s1600/stylishgaduh.gif' alt='' class='smiley'/>");_str = _str.replace(/B\-\)/gi, "<img src='http://2.bp.blogspot.com/-Gw2yPHDXBo8/TgR25XpyOfI/AAAAAAAAANA/EArBKhQ2j4E/s1600/stylishtepuk.gif' alt='' class='smiley'/>");_str = _str.replace(/b\-\(/gi, "<img src='http://3.bp.blogspot.com/-C3h_S1jbpzg/TgR24LfGZtI/AAAAAAAAAM0/oMHiNXF3dCY/s1600/stylishnie.gif' alt='' class='smiley'/>");_str = _str.replace(/:@/gi, "<img src='http://2.bp.blogspot.com/-e0sB1VMRHN0/TgR2p-jcK6I/AAAAAAAAAMQ/zacPqgDZiwE/s1600/stylishmajuk.gif' alt='' class='smiley'/>");_str = _str.replace(/x\(/gi, "<img src='http://3.bp.blogspot.com/-gn4ix7K-vw4/TgR25K1iiwI/AAAAAAAAAM8/m5hTaAUm4JE/s1600/stylishsalam.gif' alt='' class='smiley'/>");_str = _str.replace(/:\?/gi, "<img src='http://2.bp.blogspot.com/-r2pnIqAVbvg/TgR2qNNBzxI/AAAAAAAAAMU/m1Yjo6CRQVI/s1600/stylishgurau.gif' alt='' class='smiley'/>");_str = _str.replace(/;\;\)/gi, "<img src='http://3.bp.blogspot.com/-xeU1rnXXhaA/TgR2jGiuVAI/AAAAAAAAAMA/fM-s1vhnrfs/s1600/stylish+malu.gif' alt='' class='smiley'/>");_str = _str.replace(/:\-B/gi, "<img src='http://1.bp.blogspot.com/-IIuZIEGIvBE/TgR2jm-s8UI/AAAAAAAAAME/7VubZPlJTyA/s1600/stylishbig.gif' alt='' class='smiley'/>");_str = _str.replace(/:\|/gi, "<img src='http://4.bp.blogspot.com/-NN3yx7Lso34/TgR2j71DQNI/AAAAAAAAAMI/FyMeL7p_z3Q/s1600/stylishcinta.gif' alt='' class='smiley'/>");_str = _str.replace(/:\)\)/gi, "<img src='http://3.bp.blogspot.com/-kxkZnkDopBU/TgR2qeLfLfI/AAAAAAAAAMY/hx6Gb8fZQIc/s1600/stylishketawa.gif' alt='' class='smiley'/>");_str = _str.replace(/:\(\(/gi, "<img src='http://3.bp.blogspot.com/-xqmiBsXVYlM/TgR23pcW5jI/AAAAAAAAAMs/GbMuzt1gLNU/s1600/stylishnangis.gif' alt='' class='smiley'/>");_str = _str.replace(/=\(\(/gi, "<img src='http://4.bp.blogspot.com/-L3GmyJ0rmD0/TgR23zkqPCI/AAAAAAAAAMw/BaqM8PTnFw8/s1600/stylishngee.gif' alt='' class='smiley'/>");_str = _str.replace(/:s/gi, "<img src='http://3.bp.blogspot.com/-tieDFHriZGs/TgR24kOtxNI/AAAAAAAAAM4/Cxgmnny8CIU/s1600/stylishok.gif' alt='' class='smiley'/>");_str = _str.replace(/:\-j/gi, "<img src='http://4.bp.blogspot.com/-h1-ZL3C4wJw/TgR23OUmYbI/AAAAAAAAAMo/UXYsxOg6gPk/s1600/stylishmarah.gif' alt='' class='smiley'/>");c.item(i).innerHTML = _str;}}}//]]></script>
    Setelah selesai sila klik preview dahulu dan jika tiada sebarang error maka klik save template

    Nota :
    Jika anda mempunyai sebarang masalah sila nyatakan di ruangan komen yang disediakan di bawah.

    1 comments:

    muhammad isra said...

    terima kasih artikelnya.. aku pengen coba pasang di blog....
    sukses selalu...

    Post a Comment

     
    Copyright (c) 2010 Stylish Tutorial by Secret Profile
    Any FAQ ? : Contact Me| Forum| About Me