Create Forum-Like Quotes with jQuery

/ Sunday, February 26, 2012 /
I'll show you how to create a forum-like quotes with the help of jQuery.

DEMO:

Hello World Hello World Hello World

Steps :
1. Login to your blogger account
2. If you're in new blogger interface, go to Template -> Edit HTML, if not go to Design -> Edit HTML
3. Don't forget to check Expand Template Widget (Backup your template if necessary)
4. search the </head> code
5. Place these script before </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
(You may not to add the script above if your blog already has jQuery)
<script src='http://cluster-project.googlecode.com/svn/trunk/public/quotes.js' type='text/javascript'></script>
6. Save Template
7. Now wherever you want to use quotes, put one of these codes
<span class="quote">
YOUR-QUOTES
</span>
For quotes only
<span class="quote" name="YOUR-NAME">
YOUR-QUOTES
</span>
For quotes with embedded name
<span class="quote" name="YOUR-NAME" src="YOUR-QUOTES-SOURCE-URL">
YOUR-QUOTES
</span>
For quotes with embedded name and source link
8. change YOUR-NAME with the name of user who declare the statements
    change YOUR-QUOTES-SOURCE-URL with the URL where you get the statements
    change YOUR-QUOTES with the statements

0 comments:

Post a Comment

 
Copyright © 2010 Town of Twilight, All rights reserved
Design by DZignine. Powered by Blogger