Cara Membuat Emoticon/smiley Bergerak (gif) Di Komentar Blog

Admin Madao

Monday, September 7, 2015

Ads 300 x 250

memang sangat sulit membuat blog dipenuhi oleh komen2 , jujur saja blog ini pun jarang ada yang komen , jadi untuk menambah minat pembaca agar mau komen diblog kita , solusinya adalah menghias kotak komentar blog :p dengan cara ? membuat emoticon bergerak  biar reader yang baca dan lihat tertarik ikut berkomentar , oya emoticon yang kita gunakan namanya "head onion"

sebelum ke cara pembuatannya , kita lihat dulu fungsinya

  

FUNGSI

•  Dapat membuat blog lebih kelihatan menarik dan proffesional
•  Menciptakan rasa penasaran pengunjung untuk mencoba emotnya
•  Membuat pengunjung tertarik untuk memberikan komentar di blog anda

 KELEMAHAN

• Blog menjadi lambat = tapi tenang emoticonnya bisa di hapus yang engga perlu jadi emoticonnya ga terlalu banyak

CARA MEMBUAT EMOTICON/SMILEY BERGERAK (GIF) DI KOMENTAR BLOG

1. Masuk ke blogger anda
2. Masuk ke template dan edit html
3. copy code di bawah ini
   

   <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>

     pastekan di atas kode </head>

     4.oke lanjut lagi ,  sekarang copy code di bawah ini dan pastekan diatas kode </body>

<script type='text/javascript'>

    window.setTimeout(function() {

        document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);

      }, 10);

  </script>

  <b:include data='blog' name='google-analytics'/>

<script type='text/javascript'>

//<![CDATA[

var emoRange = "#comments p, div.emoWrap",

    putEmoAbove = "iframe#comment-editor",

    emoMessage = "blog ini telah di tanami shell ,hacked by :rifkyfata";

   

// www.talira.tk

$(function() {

    $(putEmoAbove)

        .before('<div style="text-align:center" class="emoWrap">kiss manja bingung -_- waw terharu simak pasrah noo ngupil ngakak bye hah hai maaf mantap<br/><b>klik emot untuk lihat kode</b><br/><br/>Jika Kode Belum Tampak ,Kliklah Dimana Saja<br/><a href="http://www.talira.tk/2015/09/cara-membuat-emoticonsmiley-bergerak.html" target="_blank">Get This Widget For Your Blog</a></div>');

    var emo = function(emo, imgRep, emoKey) {

        $(emoRange)

            .each(function() {

            $(this)

                .html($(this)

                .html()

                .replace(/<br>:/g, "<br> :")

                .replace(/<br>;/g, "<br> ;")

                .replace(/<br>=/g, "<br> =")

                .replace(/<br>\^/g, "<br> ^")

                .replace(emo, " <img style='max-height:50px' src='" + imgRep + "' class='emo delayLoad' alt='" + emoKey + "' />"));

        });

    };

    emo(/\s*kiss/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhILqyl0A94q1FUGZsgcQO1-T-OmS7saMEwSMA3ZArrUOGt22j49QP8v4SYPmkxlqpmFuK4JTOhv1ZwDTpIT1r0UOMSOYq91Dds-ISNEfZKAv3TUk8iVkwQW7OYgxT9VInNR0FtkvPhEzhU/s1600/kiss.gif", "kiss");

    emo(/\s*manja/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAVjO8YNJXW7I7uAg6E9qhD8njWZ_VP4V6_ElI8Af1iKdRjhGqmFKBN3xFLKaxd96h9uFOqKHv_p-76ZAKaxjsSRh7yRlC3aFMbCTmiO6oDd0-b-nTv1gCk8mS-TK08NcmrBw8gPX_zYO-/s1600/manja.gif", "manja");

    emo(/\s*bingung/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho7wcsxHWAZk7N4pAc0iWRmi5rFVgwiFf9qaXYrvu1pMmwRtBf0yz5EiaOhjDplCAOiWmiIjaFQ6-pc7VjhnYLlb2fRDmQmwO4Ij51KrZo9lLHPQgW5fqH9-8afsuWf4wWDdo8-UQoe15Y/s1600/bingung.gif", "bingung");

    emo(/\s*-_-/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYk0dHjjc7SYCVfoYMn2JrG6wWHYR9ECS7lzQwzSkdQiHQyZUHKgbf6raNXMH2F2_VROnwds9HmJL-ueD_bEhhA5XcafzyCIsLi8wB8_EqoMOce48TUexkp0u7zCZS-tRpbGUGGKvMI2Wc/s1600/-_-.gif", "-_-");

    emo(/\s*waw/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Ep4YrqGD2526TdkO0BqzRxpM5pICRVXS6xwAaxL2H9hiIUJfnatHZksQM8FzUH7Hp0vUAbM7b5agLP-RmCVduvt3J6vLlZayrvCIfsjG11DvRwY_ULq94C7Q_QY2lsAaTtu3lRPenE32/s1600/waw.gif", "waw");

    emo(/\s*terharu/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixV2e0PnTtemie6_F6KDJTed8Ll5cB0jgoRWMAYVUv7bbK1WuWmHCbVlqE9pQF7PokUEY0-8lxfRQ0hLbdsBcIp4oNvCrkGXxdskJJWJts9ObIih9LaCpYNgWAJzAa4CPmz64W5aGZzOjS/s1600/terharu.gif", "terharu");

    emo(/\s*simak/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB1J_W6CC5XCCQ0BvfcZIVbGDfGIpYzK8DUB69k_HkNMhRbMJUlyFOtlHgmfBos-izuYhNWrtlRqe24FK-vYD5WnUPPFQedOzde9WXtkmfst_B8R-tZ_eQB4T7QHYtiLvdTk8xD_fp-FwD/s1600/simak.gif", "simak");

    emo(/\s*pasrah/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_UW-ON1dDXfzd1HIc-VX8fat22JREdm0bbRyIWGzTOzvvEvYYpmcmtarNRelJqDR9mAPQTt92Ene5HVVQED3PdhZuL2sKsr0vv3ByV5feey5EAxy929bxY71UqlbDNKU9p-kJG-ehLOno/s1600/pasrah.gif", "pasrah");

    emo(/\s*noo/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc90jyJmY-MbUNaZqiY5PEGpDE2UiVqfrZx2Es8M2XmH_1Azt9E4ZqvztFsGOc1WaNbhIQ___-HYPe2BYc0YHa6B8ppjikdbFgKJB1AZV4FpQHd7Oc0Lks93SasBNbxt1lyvrheDGD-4Be/s1600/noo.gif", "noo");

    emo(/\s*ngupil/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5Y1QwZNO-AtMwD6vol7eNAZWRpLfhPdN7Vjb43M25kJvXvnDuM91MAsYerzsy4oDQ2w9NaFzF4Th_fURQ1dsqV4z2-FGfoRAWIw8nLDHEQyjtLsFedhc8XOj94BvolzoSY1HAKRlaqUHC/s1600/ngupil.gif", "ngupil");

    emo(/\s*ngakak/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDQ0O9o_6gJ0o37T3XmFydvlxuWIoP8lc79_r9O0Y_tNuAsgeIPVtVzZLH_2l2_ONp5p0dTxDa4E11BarLq8iaUkpQsA6H7zbJMy0Fp_-tILbz5gf-MMaQXW_W-dkCigaXp8AvdsMhR8Bj/s1600/ngakak.gif", "ngakak");

    emo(/\s*bye/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCjSkdfw1B8Dp4mC6RA-wl2IWlI7V3JjtIW4wY-mUXgF8q92n8bMOaswxF6Rjsgb0ZTUyGdOsP5rUL6fAYfG3B4m1kvHDebxmiaUUzSlSZvwHcsyefNsfDhyphenhyphenqXM5A5JJk-O1__5TBs90pR/s1600/bye.gif", "bye");

    emo(/\s*hah/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6abYTWP_tc4VRAvGARMC6kLfnjhFWguZMxIQ740bJfVMSYTi2AK9fmDpJCMVe6ErKpdUY9Nbxl9yfFPvjjfMhamZHy33tHczYSv9PrfK4B4cNvhCfEDBQiyiAZWH6xZUmb-djL5bRv5t3/s1600/hah.gif", "hah");

    emo(/\s*hai/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8PySPM2BIb5JPpvaq-U5qHPENzkf9yYm86LjLPK00veCwVOfl-5Em74w8AYOKZ-iQKnP7wrA3h1SJOLx4zvM2FqJMCnq7UHbKmwZmZ912R2acz7ZilqM_m68J7WlZHLWdKrlA1kIjaaXA/s1600/hai.gif", "hai");

    emo(/\s*maaf/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyHpFkRHWOiZhf04nFyMysOpHXhcd6NxktwXdgpALh_uzsc3CN1nGi-TLD2TVOV-rZ8ShANVsnIoEP7dQmctPLdjfT2d06NC5fLakJ4zbjfz4BHELm0hKZxFGNBbZGuCUHplTLwCFaSo2T/s1600/maaf.gif", "maaf");

  emo(/\s*mantap/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3tN80yIZ8BI0UQVZxfY6irVlMU8NgH_nDkLmznDhJTbeOGm6UXEXKnJZL0YAASL4fAraBr0laqQykqwS1H9dUhwB3WINWgL4OPzs_7-p9NRdNv2dsmHWKNpNCXRWxJvPySU3VAJJ45dBX/s1600/mantap.gif", "mantap");

   

    // www.talira.tk

    $('.emo')

        .css('cursor', 'pointer')

        .live("click", function(e) {

        $('.emoKey')

            .remove();

        $(this)

            .after('<input class="emoKey" type="text" size="' + this.alt.length + '" value=" ' + this.alt + '" />');

$('.emoKey')

            .trigger("select");

e.stopPropagation();

    });

    $('.emoKey')

        .live("click", function() {

        $(this)

            .focus()

            .select();

    });

});

//]]>

</script>

    5.save template , coba lihat hasilnya , jika terjadi kesalahan kode , tolong di coment ya ..

 nb : buat yang mau liat-liat emoticon2nya Emoticon Head Onion

UPDATE :

untuk blog yang ga nampak emoticonnya di blog 

menampakkan smileynya blog ,

Step 1 :  pergi ke setting 

Step 2  : lalu masuk kepost and comment -->>Comment Form Message -->taruh kode di bawah ini di dalam    kotak yang tersedia 

kiss manja bingung -_- waw terharu simak pasrah noo ngupil ngakak bye hah hai maaf mantap 

klik emot untuk lihat kode

Jika Kode Belum Tampak ,Kliklah Dimana Saja

oke lalu simpan
sekian terima kasih

Tag : Blogging