Your Login Details


Blogosphare

Emot Plurk Copas URL, thx to @dR_28

By DwAN on 04-Jul-11 12:07. Comments (0)

Ada emot baru di Plurk, tapi untuk mempergunakan mesti copas URL imagenya, berikut URL imagenya (yang gw ketahui)

URL Emot
http://emos.plurk.com/a4364cc0987a9aa4b29e928a8f86bb68_w16_h16.png
http://emos.plurk.com/f8c9dd9ba3f9858e92bc32c5aa50f598_w18_h17.png
http://emos.plurk.com/1bb4ad7a4537736909d4aae550d963f5_w18_h18.gif
http://emos.plurk.com/cf21e2fd3cbbbd1157faf60d491f36bb_w22_h18.gif
http://emos.plurk.com/7ef4a33e7818e2040a902a808397a8a4_w18_h18.gif
http://emos.plurk.com/48f65db11bfbd25e5b6d8f1ad69876d5_w34_h18.gif
http://emos.plurk.com/497ac1c1f4fdd904680ddf78f8ba4050_w60_h60.gif
http://emos.plurk.com/f83923c724cfc51c039c88dd32a084f7_w18_h18.gif
http://emos.plurk.com/b6ebb0a088fa352ee03ed6f760fb319d_w16_h16.png
http://emos.plurk.com/f61ee4d0a8c76308dde2f08815848774_w16_h16.png
http://emos.plurk.com/dc9a97a13f03d61dac5c242cf54b909d_w16_h16.png
http://emos.plurk.com/b4b8bd969c63fe7adffd6c42f651b795_w24_h24.gif
http://emos.plurk.com/2f632ebc3dbf773ce16ed06781a8de31_w19_h19.gif
http://emos.plurk.com/273ff7eb03b4f76f15c8113b4df47d6f_w19_h19.gif
http://emos.plurk.com/376728e58c750bab98fd825d7817259b_w33_h35.gif

Udah semua belom ya? (okok)

Sumber dR_28

 

Jquery Plurk Emoticons Plugin

By DwAN on 03-Mar-10 18:05. Comments (15)

I've been wanting to create this plugin for almost a year. Since I don't have the ability to create modx plugin (as my blog using modx for it's cms engine), I proceed to the next best thing that is by replacing the emoticons symbol inside html with the correct image using javascript. Using simple jquery syntax and the power of regex and a little bit of help from this wordpress plugin, I'm able to finish this plugin in just 3 days using my spare time at the office before maghrib came.

The idea behind this plugin is simple, in the html text of selected jquery selector, if the plugin found emoticons symbol in it, the plugin will replace it with the correct image tag. And here's the catch, Because I fancy Plurk emoticons, so.... this plugin is using emoticons symbol from plurk *PLUS* emoticon symbol that I create myself, such us: (mario), (luigi), (yoshi), etc. 

Here's how you use it in your code:

  • include the required .js files in the head of your html file, like so:

    <script src="/assets/js/jquery.js"></script>
    <script src="/assets/js/emoticons/emoticons.js"></script>
    
  • Then create something like this in your html file:

    <script type="text/javascript">
    $(function() {
       $("#commentsAnchor").emoticons ({
         url:"http://dwaan.com/assets/js/emoticons/emo/"
       });
    });
    </script>

Replace the url, with the url where you store the emoticon files collection and the jquery selector with your own jquery selector, and wallah. If you still don't understand how to use it just view source this page, I'm using this plugin for the comment section.

Download the file here:

emoticons.7z

Ps: You have to install 7Zip first to unpack the file.

Link: The Inspiration | Jquery Website | 7-Zip website | The Wordpress plugin

Showing 1 - 3 of 3 Articles
OMG, gilak udah banyak juga yach hasil postinganku, kira-kira bisa jadi buku gak?

< Previous 1 Next >