TutorialWebForBlogger

TW4B It's about a blog that talking about blogging widgets, blogger template tutorials, search engine optimization SEO and other useful blogging tips

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 cr... nopict

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 :

</head>

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'>
$(document).ready(function(){
$(&quot;.draggable&quot;).draggable();
});
</script>


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>
</div>


NOTES :

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.

There are no comments yet for 'Draggable Jquery in Blogger'