Draggable Jquery in Blogger - Hubuhs. Living and Sharing

Hubuhs is spot for living, blogger, tech, sport, travel, auto and food

Wednesday, July 14, 2010

Draggable Jquery in Blogger

Let's review a topic about how to create draggable jquery on your blog.

Like this below :

Click Here to See the Example

How to create draggable jquery in blogger ?

1. Go to Dashboard, click Design, click Edit HTML

2. Find code of HTML below :


you can use (Ctrl+F) to find easily

3. Right Before </head> place code of HTML below :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script src='http://jquery-ui.googlecode.com/svn/tags/1.8rc1/jquery-1.4.1.js' type='text/javascript'/>
<script src='http://jquery-ui.googlecode.com/svn/tags/1.8rc1/ui/jquery-ui.js' type='text/javascript'/>
<script type='text/javascript'>

4. Click Save Template.

5. Place tag class='draggable'

6. How to use it :

<div class='draggable' id='rssicon'>
<a href='http://feeds.feedburner.com/tutorialwebforblogger'><img alt='rss' src='http://www.bloggingtips.com/wp-content/uploads/2008/11/smash2.png'/></a>


You can change:
  • http://feeds.feedburner.com/tutorialwebforblogger
  • http://www.bloggingtips.com/wp-content/uploads/2008/11/smash2.png

Done. Now, you've already created draggable jquery on your blog.

Related Posts