hallo kamu yang sedang membaca artikel ini apa kabar?
baik bukan...
sekarang saya di postingan ini akan membahas bagaimana cara membuat agar emotikon yang biasa menjadi luar biasa
pernah lihat emotikon kayak gini
:] :> =] =) 8) :} :D 8D XD xD =D :( :< :[ :{ =( ;) ;] ;D :P :p =P =p :b :Þ :O 8O :/ =/ :S :# :X B) O:)
pengen biar jadi kayak gini
:-) :) :o) :c) :^) :-D :-( :-9 ;-) :-P :-p :-Þ :-b :-O :-/ :-X :-# :'( B-) 8-) :-\ ;*( :-* :] :> =] =) 8) :} :D 8D XD xD =D :( :< :[ :{ =( ;) ;] ;D :P :p =P =p :b :Þ :O 8O :/ =/ :S :# :X B) O:)
ikuti tutorial dibawah ini ya ...pastekan kode ini di _header kalian atau di _footer kalian.
| </script> <link href="http://wslwebsite.xtgem.com/css/jquery.cssemoticons.css" media="screen" rel="stylesheet" type="text/css" /> |
| <script src="http://wslwebsite.xtgem.com/javascripts/jquery-1.4.2.min.js" type="text/javascript"></script> |
| <script src="http://wslwebsite.xtgem.com/javascripts/jquery.cssemoticons.min.js" type="text/javascript"></script> |
| <script type="text/javascript"> |
| $(document).ready(function(){ |
| $('.text').emoticonize({ |
| //delay: 800, |
| //animate: false, |
| //exclude: 'pre, code, .no-emoticons' |
| }); |
| $('#toggle-headline').toggle( |
| function(){ |
| $('#large').unemoticonize({ |
| //delay: 800, |
| //animate: false |
| }) |
| }, |
| function(){ |
| $('#large').emoticonize({ |
| //delay: 800, |
| //animate: false |
| }) |
| } |
| ); |
| }) |
| </script> |
| <style type="text/css"> |
| #small { font-size: 8px; } |
| #large { font-size: 72px; } |
| #regular { font-size: 20px; } |
| .wrapped { width: 350px; } |
| </style> |
setelah kalian paste kode di atas maka secara teknis kamu sudah selesai dalam penerapan emotikon di web/blog/dll. dan untuk penggunaannya cukup mudah cukup tambahkan kode ini di awal kalimat yang akan di rubah emotikonnya
<p class="text" id="regular">
dan di akhiri dengan kode
</p>
contohnya seperti gambar ini
mudahkan
dan jika tidak mau di ubah emotikonnya maka kamu ubah kode yang tadinya
<p class="text" id="regular">
menjadi
<p class="text no-emoticons">
dan di akhiri dengan kode
</p>
ya,.... setelah itu selesai maka kamu dinyatakan lulus dalam percobaan ini dan ini hasilnya
sekian dari saya jika ada pertanyaan silahkan berkomentar di bawah
0 
Star