Hi quest ,  welcome  |  sign in  |  registered now  |  need help ?

About

Blogger templates

Membuat emocional di komentar blogger

Written By SMPN4BANDARSEIKIJANG on Selasa, 30 Oktober 2012 | 02.12



Memasang Emoticon Yahoo pada kotak komentar blog Blogger bermaksud untuk membuat tampilan komentar para komentator/pengunjung menjadi lebih menarik, selain itu dengan adanya fasilitas penambahan emoticon pada kotak komentar ini menjadikan para pengunjung blog kita bisa mengekpresikan emosi mereka dalam mengomentari postingan kita.

Langkah 1
  • Login ke blogger anda.
  • Klik design kemudian edit template.
  • Klik centang pada pilihan expand widget templates.
  • Tekan tombol CTRL + F pada keyboard anda untuk mengaktifkan modus pencarian.
  • Cari kode ]]></b:skin> pada template yang anda gunakan.
  • Copy / Paste kode di bawah ini dan letakan di atas kode ]]></b:skin>
Langkah 2
  • Cari kode <data:blogCommentMessage/> atau yang mirip dengan kode tersebut.
  • Tambahkan kode di bawah ini dan letakan di atas dan di bawah kode <data:blogCommentMessage/>.
  • Kode : <dd class='emoticon'>        </dd>
Contoh :
kode 1 : <dd class='emoticon'>
             <p><data:blogCommentMessage/></p>
kode 2 : </dd>
  • Cari kode <data:comment.body/> atau yang mirip dengan kode tersebut.
  • Tambahkan kode di bawah ini dan letakan di atas dan di bawah kode <data:comment.body/>.
  • Kode : <dd class='emoticon'>        </dd>
Contoh :
kode 1 : <dd class='emoticon'>
             <p><data:comment.body/></p>
kode 2 : </dd>
  • Cari kode <a name='comments'/> atau yang mirip dengan kode tersebut kemudian lihat kode diatas <a name='comments'/> umumnya seperti kode <div class='comments'> atau seperti kode <div class='comments-wrap'>. Tambahkan kode [ id='comments' ] seperti contoh berikut ini.
    Contoh 1 : <div class='comments' id='comments'>
    Contoh 2 : <div class='comments-wrap' id='comments'>
  • Ingat hanya tambahkan kode [ id='comments' ] jangan merubah nama class-nya.
Langkah 3
  • Cari kode <p class='comment-footer'> atau yang mirip dengan kode tersebut.
  • Tambahkan kode di bawah ini dan letakan di bawah kode <p class='comment-footer'>.
  • The Code...
    <hr/>
    <div align='center'><span>&lt;a href=&quot;javascript:animatedcollapse.toggle(&#39;cemo&#39;)&quot;&gt;<span style='color: #ffffff;'><b>Yahoo Emoticon</b></span>&lt;/a&gt;</span><b style='color: #ffffff;'> | </b>&lt;a href=&quot;javascript:animatedcollapse.toggle(&#39;uiemo&#39;)&quot;&gt;<span style='color: #ffffff;'><b>Upin&amp;Ipin Emoticon</b></span>&lt;/a&gt;<b style='color: #ffffff;'> | </b>&lt;a href=&quot;javascript:animatedcollapse.toggle(&#39;kkemo&#39;)&quot;&gt;<span style='color: #ffffff;'><b>KasKus Emoticon</b></span>&lt;/a&gt;</div>

    <br/>

    <center>
    <div id='cemo' style='border: 1px solid #666666; -moz-border-radius:8px; -webkit-border-radius:8px; padding: 5px; background: #ebe9da; none repeat scroll 0% 0%; width: 510px; text-align: left; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; height: 50px;'><center>
    <b>
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
    :))
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
    :)]
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
    ;))
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
    ;;)
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
    :D
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
    ;)
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
    :p
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
    :((
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
    :)
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
    :(
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
    :X
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
    =((
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
    :-o
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
    :-/
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
    :-*
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
    :|
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
    8-}
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
    ~x(
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
    :-t
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
    b-(
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
    :-L
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
    x(
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
    =))

    </b></center></div></center>

    <center>
    <div id='uiemo' style='display:none; border: 1px solid #666666; -moz-border-radius:8px; -webkit-border-radius:8px; padding: 5px; background: #ffffff; none repeat scroll 0% 0%; width: 510px; text-align: left; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; height: 110px;'><center>
    <b><img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhopQRjoNVqosMehXBQ5Pgj10jdsq_0OCMX-nOIrKxvwI8uuakouYdu9RVQS6RCTZTFEXINIp8ZBk8KDI8SIkqs4b6NoJ8UAuDYCUXT6t_UeE2T3H15HAT1kV04x2O1CexMDm4ZCA481vxX/s800/ehsan01.gif' width='50'/>
    :a:
    <img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9RQn-lrnbo2k14C_XLwdU3CfEwif5OfyCCOlMdDt8Q5tQuXPIdU-b_ganb78Fl3EivpEjx65Eck9efeE5tq6yHE3whE5kIvgmlcZXwqxU2RjhMVpEW9PG6cJykIYw0z6jdic75jZZnmvy/s800/ehsan02.gif' width='50'/>
    :b:
    <img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWuZEz27HPO-xvJdeGIqmgeFTODZTHOpTtbHitGyTPXZC3L2e9wd3xcM9QguucyAk_fFn1RXtGFkhOUl-ZNRUsCeCwyFdSyiI9N9g9QtH_A9WClCA3kaR5hWEcXk8bGW_e5j4gY5mBd2I9/s800/fizi01.gif' width='50'/>
    :c:
    <img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1KU4wN5OIVlC5CQ_NwHmDeIHczCS-jFUfekuxsOtb59IaN3XbPjXMxT15kh7LfhZ5C3sf8CZ_uurKAFkWkxXqtBDzGw7C7rSKBHM2KYcQsD02Yg5O1AQJGtHsBQiNZ1F-tPf0thoEU_2y/s800/ipin01.gif' width='50'/>
    :d:
    <img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv6HFN-KiAe5pz55C9HdVZ0H4OQ4PCIjffTD1DzNV2YbDKjxqgHwsLY_0WbWl2Y0EvyLs18jBl0vMPwr0XI1GHUbHOYghFUaiTQCD7GL689cZUCqdFEf_nemshLwaj46msURMhpAXiyQpF/s800/ipin02.gif' width='50'/>
    :e:
    <img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi41Llqo1CISGzeqM-xjLuzBp-VRGNTktfJ2vlvhFjI2n3P8WOwn0t2WdWSnZ9ZBz9vKqftZx8f3YKwtaP2dLB9Cz6R07lz8z7HYRFgZmlGbrCgVPE_ohzmiz7EiPPZV4M5kj4bo96hPMBQ/s800/kakros01.gif' width='50'/>
    :f:
    <img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmv5EaG5THhI5B58yIBILImyErVC5cu_i7nYyMENbeAEm6q_XFWY597GxsNNU-PtIoWQ3Daqg58Ft3uJ2TN_c2cA3awO0GV9JpiUBQenq5VgWyv2jOdRb-r0I8HjyoNGNxDkfa4SBr9wFF/s800/kakros02.gif' width='50'/>
    :g:
    <img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkhJLHfozWR6EWVRYXf0vSbE0dVkZwaTWQlgV1mOkegb42yf2eZ8MQeUsYIn4JPkLd-ABhyphenhyphenBo0TB8axc3o0AUGV7GloRjDjk-jvcTI5zo_COonSJyMz4Wi2blJ_AcPMiX3B-FDmolWOmXO/s800/mail01.gif' width='50'/>
    :h:
    <img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV8wmuqkXGTFjbfLqnyiEvufqpVeOqsCGwPOKxLbJsekyVZhUfqjW9_F_0GIZdCg_TJXMWvS7a3q01dODM_riD_BsmlBktgxJW_KIu9LPwgTlO7QBt9DMFN4c5kyY1_G1W3HpnTACw6cXq/s800/upin01.gif' width='50'/>
    :i:
    <img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxfc4lxiuBlWE1dVW7YCzW1C2eSkM4GMC_zCQDZRvDSxjkNhIIxFTCQkXj1n4O7j7fvppmWhVtXy8XgvDjfVY_zSVSqQdbdN9iXRwPc-ohWRATi_Wot-dnoe1qWlm0Nd03x84UWF7JGpoL/s800/upin02.gif' width='50'/>
    :j:
    </b></center></div></center>

    <center>
    <div id='kkemo' style='display:none; border: 1px solid #666666; -moz-border-radius:8px; -webkit-border-radius:8px; padding: 5px; background: #ffffff; none repeat scroll 0% 0%; width: 510px; text-align: left; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; height: 150px;'><center>
    <b><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDS5sKmLxaKac08sW0N1VtI3_43YXDi54hTsGwMj-J56pNLPfe-pmM9KmEuQSSv1X9peoKVYYikkbZAcd31keKQsRecA4POCFEenGxNuv-_B9J3zPrTMkGBod4Yq85I4wuF40ild5n_okN/s800/sundul.gif' width='40'/>
    :ka:
    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcktLwNdvzu3iugn7vXeVfMmGxpEn5cKya7FTpg4VN8Asc7nuoUIDq_6VjJ6OAZo-9kbBkvwyBds4hkZPnGYYThDNdK_V7A_qvF1-oLVRL9iHQAsk9p04I9Os9pbiL6r9cL1NVz37tJ-6w/s800/s_big_cendol.gif' width='40'/>
    :kb:
    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9eOA1okCECHVb8rQZEhuppgxIid_vish4L10X7jIImrzPdeFVeHjc4OXvVwDIEzP3PkJtcwybIZL-j0MnBvyGxISCubK0-fSIDihl0lc0SYUo6pe5uu_e8hCpuIJuhnzypb-cNhAXY76d/s800/shakehand2.gif' width='40'/>
    :kc:
    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGMgnqi68F3KhK-8p3hMaDdT4D7YVmgxSXnonkwEVbLlYEujPe3qTl4iNSSOUyYC2PCigun_UQRY_Z0KRnscGcWuENUUidBMgQpSCikWeJAYOEHORMsps7i4Q-Gn7gKiYIjFNvNxvNkA61/s800/ngakak.gif' width='40'/>
    :kd:
    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAmZDtCQH7tgHvkUi8I-IYeeOe-sFCWft4PCz9lLRORG2DhK4pSQJnEHcR5lQVJvbwer6j4O58wrCmaO5IEuoOvI6QIN-zpLYweFx2AofYcVSyrOD91hJpfnLH__df7EfvFYmWUpzd3iE-/s800/pertamax.gif' width='40'/>
    :ke:
    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOdak6cO0VLEQp4LOPpCkRuFMMJvyLcN4U_DZYtYylwz78xCLmstEK_6ekJ_HhczlEdRbH89Gi4ITKX-Jb8cWs6C0AXPGCM7mt_4E0b3YhzCgHkKFU_dTpwMn70HGi2E02mO0Ps18ZFrCP/s800/mewek.gif' width='40'/>
    :kf:
    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqa1vtR3bUijzCiy_A6zdmtef_bI0LVPjDirqQeZqSHtVHXDcVXdWHCDUW7pfOWz2UdZWeS601Y4J71RXMPYzHWDekpjf1CRAJOxYfkuLnWTZL-Y-6mRo6hSsDTC9OwH95HhRll9plMr58/s800/siul.gif' width='40'/>
    :kg:
    <br/><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjDXVfKSokVDQTpfH9jOF8iHa5pC5ESs0zuQ-7Y0ST0Z3c5vrbAOHJn_JjmS4GI3LJ_6EVJ33zUtOdjUNZIWB7c2T1yTcoc8XfiFSRchKJyUBIPiqHwzTlmfx9XmcHqIl8qj5MqjcJD6yx/s800/nosara.gif' width='40'/>
    :kh:
    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilSqwUqPy11Jx9o-eldLX07RR9a2_DMhMjsl13_73imxdfD4w4Gi7BHG2o9xPSgq24zYGTPipvERR3UFCY3G3joOJZGPx3bMA5aojVnahyFf8rVI3GpdOvqIRk1gmRET8Tx77YxZFrDjh8/s800/takut.gif' width='40'/>
    :ki:
    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkriQfNW_WDf_rKfzVlv9rGpXjdPxOCvFiXn6aapRnt5xU_titeiwoE2xi-Uo_niYcskofLYIWi2L5nFi5p8TwmPgOC1c7acWfYQ4TA1boCRVIEtJDMYtZcpr0sqfZWTlBmMpowBTMqHIU/s800/tkp.gif' width='40'/>
    :kj:
    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2MmpDrBM4fOFBy1UQl7JmIh3CiIA__bPThRDecgmnW51UqT8P1e9GBVmcPvBWtfEK2kmfWILIOEqZDKL7ukZSgOxTGZC-w2nciwY7t-R24i5hGNOsJ-k-qU19STHWRtv8bQAJDTqVufMv/s800/marah.gif' width='40'/>
    :kk:
    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7bEfFDe3gtOs2Bz1P7JcT251tOp2w2pyj-2sMU6Tbx-tQFb2A82W7cVADosRDQifhU2XEGbtARQgpUFaZlcLS_6d8BJuPGc3hTc3QV00g0KFLe9Ml5UDuY0v0lv04YsFMxieLc_VzoKvA/s800/I-Luv-Indonesia.gif' width='40'/>
    :kl:
    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4FUPxzJYq0B7tVzN11ML3h3VKQ7bAllPl2QyNIH0HWxnVI9oSQ6LYzygoNTo_m6NlRFwanDWJcWY9reE4VkCBATv-HdlSGgqNSnxVWSr9rJH9FwctQOAllhF0FyUO1XpIn-1q4v5G4mB-/s800/hoax.gif' width='40'/>
    :km:
    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK3_Kwd9JBB4HgmOAAcDf3S-ak6Bg7_KIn2qBQeFaX2_Z6vH4t_3Lrypokunsyf9vPfx-1j7F2ebJLjJyME7uvHGqToht67ITHO2qyJA3c_NlCfd7GdeTFwMVrJsIXUGYF45BYIht7s7eP/s800/berduka.gif' width='40'/>
    :kn:
    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0WEV-MihL9MRrBxjYc0o3N4SHBxorkncJ-RbTHG3q4p5T8kJ1mPugNqqZBHzQSKnFLqRzfnzoIKk36D5YrPL0ykKSJx8TQDRjMTHgQS-R2B5KUlLbTIWplGQxX6ybXiIP-zJyF2Lsn_O2/s800/ngacir2.gif' width='40'/>
    :km:
    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLTibrDDIdDkJWa7oVzioDnwpb0EeB4Tjt-0lFexwzAxjMjv8CZtkK-hBv0fzgtxePaY7YrJVwPQxZIx-qk15EFaDB5rI5jXbKqX0HmFAXMmlcWfbV0ThNeBdWGlPqyBrWmlpx-Bj0vRb4/s800/bis.gif' width='40'/>
    :ko:
    </b></center></div></center>

    &lt;div style=&quot;text-align: center;&quot;&gt;
    &lt;script type=&quot;text/javascript&quot;&gt;
    &lt;!--
    google_ad_client = &quot;ca-pub-6109930972696170&quot;;
    google_ad_host = &quot;pub-1556223355139109&quot;;
    /* MonoCore 468x15 Link */
    google_ad_slot = &quot;2912254634&quot;;
    google_ad_width = 468;
    google_ad_height = 15;
    //--&gt;
    &lt;/script&gt;&lt;a href=&quot;http://www.blogger.com/page-edit.do?blogID=7105494544424735270&amp;amp;pageID=1647161614117998862&quot;&gt;
    &lt;script src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot; type=&quot;text/javascript&quot;&gt;
    &lt;/script&gt;&lt;/a&gt;&lt;/div&gt;
  • Jika kode <p class='comment-footer'> ada dua maka pilih yang kedua atau yang ada di bawah.
Langkah 4
  • Cari kode </head>.
  • Tambahkan kode di bawah ini dan letakan di atas kode </head>.
  • The Code...
    <script src='http://7startmenu.googlecode.com/files/jquery_vstart.js' type='text/javascript'/>
    <script src='http://7startmenu.googlecode.com/files/animatedcollapse.js' type='text/javascript'/>
    <script type='text/javascript'>
    animatedcollapse.addDiv(&#39;cemo&#39;, &#39;fade=1&#39;)
    animatedcollapse.addDiv(&#39;uiemo&#39;, &#39;fade=1&#39;)
    animatedcollapse.addDiv(&#39;kkemo&#39;, &#39;fade=1&#39;)
    animatedcollapse.ontoggle=function($, divobj, state){}
    animatedcollapse.init()
    </script>
  • Kode tersebut berfungsi sebagai Show / Hide Script.
Langkah 5
  • Cari kode </body>.
  • Tambahkan kode di bawah ini dan letakan di atas kode </body>.
  • The Code...
    <script src='http://monozcore-project.googlecode.com/files/smiley_comment.js' type='text/javascript'/>
    <script src='http://monozcore-project.googlecode.com/files/upinipin_smiley_comment.js' type='text/javascript'/>
    <script src='http://monozcore-project.googlecode.com/files/Monozcore_Kaskus_Emoticon.js' type='text/javascript'/>
Diposting oleh SMPN4BANDARSEIKIJANG di 02.12
Label:

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)