Selasa, 31 Desember 2013

Cara Memasang New Emoticon Pada Komentar Blogger


Apa itu emoticon? emoticon merupakan gabungan kata dari "emotion" dan "icon" yang berarti icon yang digunakan untuk mengekspresikan emosi dalam sebuah pernyataan tertulis, dan bisa mengubah serta meningkatkan interpretasi terhadap tulisan tersebut.

Jika sobat melihat komentar pada artikel website saya mungkin sobat penasaran bagaimana cara memasang emoticon seperti itu. nah pada artikel kali ini saya akan membagikan cara memasang emoticon seperti template yang saya gunakan.


* DEMO *

Berikut cara membuat emoticon pada komentar blogspot

1. Copy kode berikut ini dan letakkan di atas code </head>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
    <script src="https://sites.google.com/site/xpshackblogspotcom/file-js/M.Fadhil3.js" type="text/javascript"></script>
Karena manipulasi ini menggunakan jQuery maka setidaknya ditemplate sobat harus ada jQuery library  Jika sudah ada jQuery library ditemplate sobat maka kode pada jangan dicopy.

2. Copy kode dibawah ini, kemudian letakkan tepat sebelum atau di atas kode </body>

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script type='text/javascript'>
    //<![CDATA[
    jQuery(document).ready(function () {emoticonx({
    emoRange:"#comments p, div.emoWrap",
    putEmoAbove:"iframe#comment-editor",
    topText:"Klik untuk melihat code!",
    emoMessage:"Untuk memasukkan emoticon setidaknya ada satu spasi sebelum kode emoticon."
    })
    });
    //]]>
    </script>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <script type='text/javascript'>
    //<![CDATA[
    jQuery(document).ready(function () {emoticonx({
    emoRange:"#comments p, div.emoWrap"
    putEmoAbove:"iframe#comment-editor",
    topText:"Klik untuk melihat code!",
    emoMessage:"Untuk memasukkan emoticon setidaknya ada satu spasi sebelum kode emoticon."
    })
    });
    //]]>
    </script>
    </b:if>
3. Simpan Template, dan lihat hasilnya. Semoga berhasil.

* Terima Kasih Atas Kunjungan Anda *

2 komentar: