Selasa, 14 Mei 2013

Cara Memasang Emoticon Pada Blogspot (Tutorial Blog)


Cara Memasang Emoticon Pada Blogspot - Alhamdulillah akhirnya saya bisa share ke shobat semua setelah saya mencari-cari cara bagaimana cara memasang emoticon yang cocok dengan template kita, dan sekarang saya mulia bisa menggunakan emoticon di komentar blog, sekilas tentang emoticon ini, emoticon berfungsi untuk mengungkapkan rasa emosional di setiap iconya, dengan ini membantu untuk memperjelas ekspresi setiap orang yang berkomentar di blog kita.


Ikuti tutorial di bawah shob :

1. Masuk ke template shobat
2. kemudian Edit HTML nya
3. Copy Script di bawah ini, kemudian letakan tepat di atas kode </heade>
<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>
     
NB : Buat shobat yang sudah memiliki kode Jequery line-1 di template. kode yang pertama  jangan di Copy.

4. Kemudian copy juga Script di bawah ini, dan letakan tepat sebelum 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>

5. Jika semuanya sudah selesai maka langsung shobat simpan dan lihat hasilnya.

 Keterangan :
Untuk Scrip bercetak merah, menunjukan tempat dimana gambar emoticon di munculkan
Untuk Script bercetak oren,  tempat dimana gambar sample akan di letakan
Untuk Script bercetak kuning, tulisan tebal dibawah sample emoticon
Untuk Script bercetak hijau, pesan kotak peringatan.

Demikian saya share bagaimana Cara Memasang Emoticon Pada Blogspot (Tutorial Blog), semoga bermanfaat buat shobat semua,

Tidak ada komentar:

Posting Komentar