Cara Membuat Emoticon pada Komentar Blogger

Unknown

Trik Blog, Tutorial Blog

10 Mar 2014

Belum ada komentar

Emoticon yang merupakan gabungan kata dari "emotion" dan "icon" yang berarti icon yang digunakan untuk mengekspresikan emosi sebuah pernyataan tertulis, dengan memasang emoticon di blog, maka blog akan lebih terlihat berwarna dan juga hidup, kenapa hidup ?, karena ikon gambarnya bukan berformat JPG, melainkan Gif (gambar gerak), tutorial kali ini mungkin sudah banyak mengetahuinya, namun ada pula yang hanya bisa menggunakannya saja, dan tidak bisa memasangnya, oke langsung saja tutorialnya.

• Masuk ke Blogger.com
• Masuk ke Template -> klik edit HTML
• Salin kode di bawah ini, kemudian letakkan tepat sebelum/di atas kode</head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script src="https://ivyth.googlecode.com/svn/js/emoticon.min.js" type="text/javascript"></script>

Perhatikan kode yang bercetak tebal dan ada garis bawah, Karena manipulasi ini menggunakan jQuery maka setidaknya ditemplate anda harus ada jQuery library [baris-1]. Jika sudah ada jQuery library di template anda maka kode pada baris-1 jangan disalin[dicopy].

• Salin kode di bawah ini, kemudian letakkan tepat sebelum/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>

• Jika sudah selesai, klik Simpan Template dan lihat hasilnya.