Your Tools

How to Add Sponsors' Ads Widget (Advertise Here Banners)

noreply@blogger.com (Your Tools) — Sat, 17 Jul 2010 15:02:00 +0000

By using this widget, you can add an advertise unit into your blog to sell it or just to add banners for other sites. This widget contains four banners with the size of (125px 125px) presenting the text: Advertise Here. Those banners by default opens in another tab.

You can install it on your blog in two methods:

First method:

Click on [Edit] at the top of [install] button.
Two lists of fields (links, Images) will be presented.
- Insert sites' URLs in the [Link] fields, and their banner's URLs in the [Image] fields.
- Then click [Update].
Now click on (Install) button » Select a blog.
Finally click (Add widget).

Second method:

Go to Design » Page Elements.
Click one of (Add a Gadget) links » Choose HTML/JavaScript
Copy/paste this code into the content:

<table>
  <tr>
    <td><a target="_blank" href="#Add Link Here"><img border="0" src="http://2.bp.blogspot.com/_PHbzU7tGJYI/TEGKKA3iKEI/AAAAAAAAA6c/uZgsUDGDe0Q/S1600-R/ad.jpg" alt="sponsor" /></a></td>
    <td><a target="_blank" href="#Add Link Here"><img border="0" src="http://2.bp.blogspot.com/_PHbzU7tGJYI/TEGKKA3iKEI/AAAAAAAAA6c/uZgsUDGDe0Q/S1600-R/ad.jpg" alt="sponsor" /></a></td>
  </tr>

  <tr>
    <td><a target="_blank" href="#Add Link Here"><img border="0" src="http://2.bp.blogspot.com/_PHbzU7tGJYI/TEGKKA3iKEI/AAAAAAAAA6c/uZgsUDGDe0Q/S1600-R/ad.jpg" alt="sponsor" /></a></td>
    <td><a target="_blank" href="#Add Link Here"><img border="0" src="http://2.bp.blogspot.com/_PHbzU7tGJYI/TEGKKA3iKEI/AAAAAAAAA6c/uZgsUDGDe0Q/S1600-R/ad.jpg" alt="sponsor" /></a></td>
  </tr>
</table>

Change the red texts with the sites' URLs, and the blue text with their banner's URLs.

[Optional] Support Us

By the way you can support us by adding our banner in your site.

Link: http://your-tools.blogspot.com/
Image: http://4.bp.blogspot.com/_PHbzU7tGJYI/TEGpV8pBTXI/AAAAAAAAA6s/m5JpxtE6MoU/S1600-R/YourTools_banner.png

How To Install Twitter Updates Gadget (Twitter Widget)

noreply@blogger.com (Your Tools) — Sat, 03 Jul 2010 06:36:00 +0000

This widget will present your tweets in Twitter. You can use it in your blog to tell your vistors about the newest updates of your blog. You can see the demo in the last of the post to see how it works.

Install it by following theese steps:

Insert your Twitter account name in the above field of (http://twitter.com/), then click Save
After that, click on (Install) button » Select a blog.
Finally click (Add widget).

Demo of Your-Tools account:

How to Install I'm Feeling Lucky Button (Random Post Button)

noreply@blogger.com (Your Tools) — Fri, 25 Jun 2010 00:54:00 +0000

The benefit of this button is to show random post when you click on it. This will help some vistors who don't know what to read or who want to read something randomly.

You can simply install it by clicking on (Install) button

Click on (Install) button above » Select a blog.
(Optional) You can edit the title.
(Optional) You can edit the content and change the text "I'm Feeling Lucky", it means the text in the button.
Finally, click (Add widget).

Demo: Feeling Lucky?

How to Install Random Posts Widget in Blogger

noreply@blogger.com (Your Tools) — Fri, 04 Jun 2010 13:41:00 +0000

Show random links of random posts and increase the chance of making the vistors stay longer time in your blog. This widget doesn't depend on the recent posts or the popular posts to displays links, but in a random way.

You can add it on your blog in two methods:

First method:

Click on (Install) button above » Select a blog.
(Optional) You can edit the title.
(Optional) You can edit the content and change the value of numofpost, it mean the number of posts.
Finally, click (Add widget).

Second method:

Upload this script file (download) to your own host (i prefer google sites). Then, copy the direct link into somewhere temporarily like notepad.
Go to Layout » Page Elements.
Click one of (Add a Gadget) links » Choose HTML/JavaScript
Title it like you want, such as "Random Posts".
Copy/paste this code into the content, and change the blue link

<script type='text/javascript'>

</script>
<script type='text/javascript' src='http://sites.google.com/site/ytcode/3/random-posts.js'></script>

(Optional) You can edit the content and change the value of numofpost, it mean the number of posts.
Finally, click Save.

Attachments

+ random-posts.zip

How to Install [Subscribe to This Site] Widget for Blogger

noreply@blogger.com (Your Tools) — Thu, 03 Jun 2010 15:00:00 +0000

Let your readers subscribe to your blog's RSS feed by clicking on Subscribe button. this button present more subscribtion options, when you pass your mouse over it. So it's useful for many people, such as who use Google, Bloglines, Yahoo, Netvibes, and Desktop Reader.

You can install it on your blog in two methods:

First method:

Click on (Install) button above » Select a blog.
(Optional) You can edit the title.
(Optional) You can edit the content and change the value of subscribe_me_text, it's the text shown beside the RSS button.
For people who use FeedBurner you can change the value of subscribeBlogFeedURL and edit the url to your own. if you dont use it, just leave it alone.
Finally, click (Add widget).

Second method:

Upload this script file (download) to your own host (i prefer google sites). Then, copy the direct link into somewhere temporarily like notepad.
Go to Layout » Page Elements.
Click one of (Add a Gadget) links » Choose HTML/JavaScript
Title it like you want, such as "Subscribe to This Site".
Copy/paste this code into the content, and change the blue link

<script type="text/javascript">

</script>
<script type="text/javascript" src="http://sites.google.com/site/ytcode/2/subscribeMe.js"></script>

(Optional) You can edit the content and change the value of subscribe_me_text, it's the text shown beside the RSS button.
For people who use FeedBurner you can change the value of subscribeBlogFeedURL and edit the url to your own. if you dont use it, just leave it alone.
Finally, click Save.

Attachments

+ subscribeMe.zip

How to Add Admin Control Panel to Blogger

noreply@blogger.com (Your Tools) — Wed, 02 Jun 2010 16:58:00 +0000

Access your blogger control panel, and do admin stuff directly from your blog page. it's good for people who removed navbar and felt hard to go every time to blogger.com

You can install it on your blog in two methods:

First method:

Go to Dashboard » Settings » then copy the id that showen in the last of the URL.
Insert your Blog ID in the above field, then click Save
After that, click on (Install) button » Select a blog.
Finally click (Add widget).

Second method:

Go to Layout » Page Elements.
Click one of (Add a Gadget) links » Choose HTML/JavaScript.
You can title it "Control panel".
Copy/paste this code into the content, and change the red texts with your Blog ID (explained in the first method).

<ul id="control-panel">
<li><a href="http://www.blogger.com/post-create.g?blogID=#yourBlogID">New Post</a></li>
<li><a href="http://www.blogger.com/posts.g?blogID=#yourBlogID">Edit Posts</a></li>
<li><a href="http://www.blogger.com/blog-options-basic.g?blogID=#yourBlogID">Settings</a></li>
<li><a href="http://www.blogger.com/rearrange?blogID=#yourBlogID">Layout</a></li>
<li><a href="http://www.blogger.com/moderate-comment.g?blogID=#yourBlogID">Comment Moderation</a></li>
</ul>

Click Save, after changing the red texts.

How to Add [Follow Me at Twitter] Button to Blogger

noreply@blogger.com (Your Tools) — Wed, 02 Jun 2010 13:13:00 +0000

Show your readers that you have a twitter account, and icrease your followers by installing Twitter button

You can install it on your blog in two methods:

First method:

Insert your Twitter account name in the above field of (http://twitter.com/), then click Save
After that, click on (Install) button » Select a blog.
Finally click (Add widget).

Second method:

Go to Layout » Page Elements.
Click one of (Add a Gadget) links » Choose HTML/JavaScript.
Title it as you want like "Follow me @ Twitter".
Copy/paste this code into the content, and change the red texts with your twitter account

<div style="text-align: center;">
<a href="http://twitter.com/#twitteraccount"><img border="0" src="http://3.bp.blogspot.com/_PHbzU7tGJYI/TAUONDtfg6I/AAAAAAAAA0Y/OalqWC57RL8/S1600-R/twitter.png" alt="Follow #twitteraccount @ Twitter" title="Follow #twitteraccount @ Twitter" /></a>
</div>

Click Save, after changing the red texts.

How to Install Numbered Page Navigation in Blogger

noreply@blogger.com (Your Tools) — Sun, 30 May 2010 15:55:00 +0000

Make it easier to navigate your blog with [Page Numbering Tool]. it do replace the older/newer, and home links below posts with pages numbers. it will make your blog look better because people like to navigate in this way.

You can install it on your blog in two methods:

First method:

Click on (Install) button above » Select a blog.
(Optional) You can edit the content and change the value of numshowpage, it mean the maximum numbers will appear between between the first and the last number.
Finally click (Add widget), and drag & drop the widget below posts (See how).

Second method:

Upload this script file (download) to your own host (i prefer google sites). Then, copy the direct link into somewhere temporarily like notepad.
Go to Layout » Page Elements.
Click one of (Add a Gadget) links » Choose HTML/JavaScript
Copy/paste this code into the content, and change the blue link.

<script type="text/javascript">

</script>
<script src="http://sites.google.com/site/ytcode/1/pagenavigationtool.js"

type="text/javascript"></script>

Click Save, then drag & drop the widget below posts (See how).
(Optional) You can edit the content and change the value of numshowpage, it mean the maximum numbers will appear between between the first and the last number.

Attachments

+ pagenavigationtool.zip

How to Install [Follow and Subscribe] Widget in Blogger

noreply@blogger.com (Your Tools) — Sat, 29 May 2010 13:51:00 +0000

Install icons of sites you use, like Twitter, RSS Feed, Youtube and others. The benefit of this is to increase your followers, keep them in touch and updates, contact, and get more vistors from these sites.

You can install it on your blog in two methods:

First method:

Click on [Change Links] at the top of [install] button.
A list of sites names and fields will be presented.
- Insert URLs of your sites accounts in that fields, and click [Save].
- You can edit them by clicking on [Edit link] button.
- If you don't have account in some of them, you can remove it clicking on [X] button.
Now click on (Install) button » Select a blog.
You can change the Title to what ever you want.
Finally click (Add widget).

Second method:

Go to Layout » Page Elements.
Click one of (Add a Gadget) links » Choose HTML/JavaScript
Copy/paste this code into the content:

<div id="social" style="text-align: center;">
<a href="#delicious"><img border="0" src="http://3.bp.blogspot.com/_PHbzU7tGJYI/S_-j-hB36PI/AAAAAAAAAx4/Zsbm9oOX3-Q/S1600-R/delicious.png" alt="delicious" title="delicious"/></a>
<a href="#digg"><img border="0" src="http://1.bp.blogspot.com/_PHbzU7tGJYI/S_-kLW2KfKI/AAAAAAAAAyI/H1q4FUql9HQ/S1600-R/digg.png" alt="digg" title="digg" /></a>
<a href="#facebook"><img border="0" src="http://3.bp.blogspot.com/_PHbzU7tGJYI/S_-kJzD6PgI/AAAAAAAAAyA/lrKCGu2FcDY/S1600-R/facebook.png" alt="facebook" title="facebook" /></a>
<a href="#feed"><img border="0" src="http://4.bp.blogspot.com/_PHbzU7tGJYI/S_-kUQuh8oI/AAAAAAAAAyQ/XoieCplE92M/S1600-R/feed.png" alt="feed" title="feed" /></a>
<a href="#flickr"><img border="0" src="http://1.bp.blogspot.com/_PHbzU7tGJYI/S_-kVhVxNzI/AAAAAAAAAyY/pB5NLd5VMwc/S1600-R/flickr.png" alt="flickr" title="flickr" /></a>
<a href="#twitter"><img border="0" src="http://3.bp.blogspot.com/_PHbzU7tGJYI/S_-khak4neI/AAAAAAAAAyo/SCKiPJu1StA/S1600-R/twitter.png" alt="twitter" title="twitter" /></a>
<a href="#youtube"><img border="0" src="http://4.bp.blogspot.com/_PHbzU7tGJYI/S_-klIBKk5I/AAAAAAAAAyw/nqw8c_aqW-0/S1600-R/youtube.png" alt="youtube" title="youtube" /></a>
<a href="#linkedin"><img border="0" src="http://2.bp.blogspot.com/_PHbzU7tGJYI/S_-kb6LVEgI/AAAAAAAAAyg/tiUQyPdEIls/S1600-R/linkedin.png" alt="linkedin" title="linkedin" /></a>
<a href="#myspace"><img border="0" src="http://4.bp.blogspot.com/_PHbzU7tGJYI/TAAFugX3QTI/AAAAAAAAAy4/8IVSGwkovbc/S1600-R/myspace.png" alt="myspace" title="myspace" /></a>
<a href="#stumbleupon"><img border="0" src="http://2.bp.blogspot.com/_PHbzU7tGJYI/TAAGOvqBqlI/AAAAAAAAAzA/UhFgarWCj38/S1600-R/stumbleupon.png" alt="stumbleupon" title="stumbleupon" /></a>
</div>

Change the red texts with the URLs of your accounts, or remove the one you dont use.

Attachments

+ follow-subscribe-icons.zip

How to Install Search Box in Blogger

noreply@blogger.com (Your Tools) — Thu, 27 May 2010 13:36:00 +0000

It's important for your blog to has a search box, to make it easier for vistors to get the information they want. So if you get bored from the the default one in the nabar or you've removed it you will need this gadget.

You can install it on your blog in two methods:

First method:

Click on (Install) button above » Select a blog.
You can change the Title to what ever you want, like:
- Search this blog.
- Search Here.
Click (Add widget).

Second method:

Go to Layout » Page Elements.
Click one of (Add a Gadget) links » Choose one of:
- Search Box: depending on your blog archive in google.
- or HTML/JavaScript: depending on your blog (Recomended).
if you chose (HTML/JavaScript) copy/paste this code into the content:

<form method="get" style='display: inline;' action="/search" accept-charset="utf-8">
<input type="text" autocomplete="off" size="25" style="border:1px solid #BCCDF0;padding-left:2px;" name="q" title="search">
<input type="submit" value="Search" style="margin-left:4px;" title="search">
</form>

You can change the blue number (25), its mean the size of the search box.

How to Install Share/Save/Bookmark/Email Button for Blogger

noreply@blogger.com (Your Tools) — Wed, 26 May 2010 20:03:00 +0000

Help your readers to share, save, email, and bookmark your posts with this button. The button is powered by (AddtoAny.com). it's has a list of the popular social networks and bookmarking sites like Twitter, FaceBook, Google buzz, and many others (click the down arrow to see the full list), and that will let you get more vistors and backlinks.

You can install it on your blog by two methods:

First method:

Click on (Install) button above >> Select a blog >> Click (Add widget).
You can edit the content and change the value of (ShareTitle): its mean the title that present above the button.
You must drag the widget and drop it down of other widgets (the best place is under post) so its will not cause a space problem between widgets.

Second method:

Go to Layout > Edit HTML.
Find this code: <data:post.body/>
Right after that line, paste this code:

<div style='border: 1px dotted #CCCCCC; padding: 2px 4px; text-align: left; margin-top: 4px;' dir='ltr'>
<h3>Like to Share?</h3>
<p><a class='a2a_dd' href='http://www.addtoany.com/share_save'>
<img alt='Share/Bookmark' border='0' src='http://static.addtoany.com/buttons/share_save_171_16.png' width='171' height='16'/>
<p class='a2a_linkname_escape' style='display:none'><data:post.title/></p>
</a></p>
<script type='text/javascript'>a2a_linkname_escape=1;a2a_linkurl="<data:post.url/>";</script>
<script src='http://static.addtoany.com/menu/page.js' type='text/javascript'></script>
</div>

You can change the blue text (Like to Share?) to any text, its mean the title that present above the button.

Attachments

+ addtoanyshare.zip

How to Hide Navbar (Top-Navigation Bar) - in Blogger

noreply@blogger.com (Your Tools) — Fri, 21 May 2010 08:08:00 +0000

Remove and hide the top navigation bar from your blog. Dont be afraid of that, its allowed in blogger, because there is nothing in (Blogger Terms of Service) that prevent you from doing that.
You can also read this answered question: (Navbar and Blogger buttons)

You can install it on your blog by two methods:

First method:

Click on (Install) button above. Then, select a blog. after that, click (Add widget) and dont change anything. You must drag the widget and drop it down of other widgets so its will not cause a space problem between widgets.

The negative of this method is that it's hide sometimes slowly, go to the second method for faster effect.

Second method:

This method is faster than the first one.
Go to (Layout), (Edit HTML), and find ]]></b:skin>
Now copy/paste this code above it:

/* by your-tools.blogspot.com */

#navbar-iframe {
display: none;
visibility: hidden;
height: 0px;
}

/* by your-tools.blogspot.com */

‎

How to Add Recent Comments Widget for Blogger

noreply@blogger.com (Your Tools) — Thu, 20 May 2010 13:24:00 +0000

show latest comments on your blog by this tool, it's faster than (the default feed widget) and you can display more than 5 comments. this tool show comments depending on its date, so the newest will present first.

You can install it on your blog by two methods:

First method:

Click on (Install) button above. then, choose a blog. after that, click (Add widget).
You can edit the (content) and change the value of (numcomments): its mean the number of recent comments showing in that widget.

Second method:

By uploading this script file (download) to your own host (i prefer google sites).
Then, copy the direct link into somewhere temporarily like notepad.
After that, go to the (Layout) | (Page Elements) tab | click on (Add a Gadget), choose (HTML/JavaScript).
A window will be presented, Title it (Recent comments).

Now copy this code into the content (replace the blue link with your own):

<script type="text/javascript">
var numcomments = 5;
</script>
<script type="text/javascript" src="http://sites.google.com/site/ytcode/3/recent-comments.js"></script>

You can edit the (content) and change the value of (numcomments): its mean the number of recent comments showing in that widget.

Attachments

+ recent-comments.zip

How to Install Recent Posts Widget in Blogger

noreply@blogger.com (Your Tools) — Wed, 19 May 2010 17:19:00 +0000

Let Your vistors know your recent posts with this tool. its shows your latest entry depending on its date (the newest will appear first)

You can install it on your blog by two methods:

First method:

Click on (Install) button above. then, choose a blog. after that, click (Add widget) and you can edit the (content) and change the value of (numposts) its mean the number of recent posts showing in that widget.

Second method:

By uploading this script file (download) to your own host (i prefer google sites). then, copy the direct link. after that, go to (Page Elements) , (Add a Gadget), choose (HTML/JavaScript) title it (Recent posts). Now copy this code into the content (replace the blue link):

<script type='text/javascript'>
var numposts = 5;
</script>
<script src='http://sites.google.com/site/ytcode/3/recent-post.js' type='text/javascript'></script>

you can edit the (content) and change the value of (numposts) its mean the number of recent posts showing in that widget.

Attachments

+ recent-post.zip

How to Add Popular Posts Widget in Blogger (Most Commented)

noreply@blogger.com (Your Tools) — Sun, 16 May 2010 12:07:00 +0000

Show your popular posts to your vistors and increase its popularity. this tool depends on how many comments that your posts contain.

You can install it on your blog by two methods:

First method:

Click on (Install) button above. then, choose a blog. after that, click (Add widget) and you can edit the (content) and change the value of (maxshowresult) its mean the number of popular posts showing in that tool.

Second method:

By uploading this script file (download) to your own host (i prefer google sites). then, copy the direct link. after that, go to (Page Elements) , (Add a Gadget), choose (HTML/JavaScript) title it (Popular posts). Now copy this code into the content (replace the blue link):

<script type='text/javascript'>
aBold = true;
numposts=200;
maxshowresult=5;
home_page = "http://" + location.host + "/";
</script>
<script src='http://sites.google.com/site/ytcode/2/popular.js' type='text/javascript'></script>

you can edit the (content) and change the value of (maxshowresult): its mean the number of popular posts that will be show.

Attachments

+ popular.zip

How to Change Blogger Shortcut Favorite icon

noreply@blogger.com (Your Tools) — Sat, 15 May 2010 13:55:00 +0000

Add favicon to your blog at the top of the browser beside your blog name, instead of the default blogger icon.
you can add any icon in most popular format such as gif, jpg, bump, and png; also you can add an animated icon in gif format

You can install it on your blog by two methods:

First method: In this method the favicon may appear slowly, so if you want it to appear faster go to the second method

Click on (Change icon) button above and insert the icon link and click (OK). Then, click (Install) and choose a blog. after that, click (Add widget) and don't change anything. you must drag the widget and drop it down of other widgets (the best place is under post) so its will not cause a space problem between widgets.

Second method:

Click on (Change icon) button below and insert the icon URL. Then, click (OK), and copy the code.
then go to (Layout) to (Edit HTML) and paste the code before: <b:skin>

<link href='http://www.blogger.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>
<link href='http://www.blogger.com/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='http://www.blogger.com/favicon.ico' rel='shortcut icon' type='image/x-icon'/>

How to Add & Highlight Source Codes in Blogger

noreply@blogger.com (Your Tools) — Wed, 12 May 2010 13:43:00 +0000

The smart way to add source codes in your post is using (Syntaxhighlighter tool), that will color your codes in the style of the syntax language you chose, like html, css, and javascript.
Its also buttons at the top right of codes, to (view source), (copy to clipboard), (print), and (help).

You can install it on your blog by two methods:

First method:

just click on (Install) button above. then, choose a blog. after that, click (Add widget) and dont change anything. you must drag the widget and drop it down of other widgets (the best place is under post) so its will not cause a space problem between widgets.

Second method:

<script src="http://sites.google.com/site/ytcode/1/syntax.js" type="text/javascript" ></script>

How to Post Codes:

First, You must choose (Edit HTML) tab. then, copy/paste code below.
you must change the syntax language in blue to what you want (check supported languages).

Supported languages:

Language	Aliases
C++	`cpp`, `c`, `c++`
C#	`c#`, `c-sharp`, `csharp`
CSS	`css`
Delphi	`delphi`, `pascal`
Java	`java`
Java Script	`js`, `jscript`, `javascript`
PHP	`php`
Python	`py`, `python`
Ruby	`rb`, `ruby`, `rails`, `ror`
Sql	`sql`
VB	`vb`, `vb.net`
XML/HTML	`xml`, `html`, `xhtml`, `xslt`

Attachments

+ syntax.zip

How to Make Links Change to Multiple Colors

noreply@blogger.com (Your Tools) — Sat, 08 May 2010 17:07:00 +0000

if you pass the mouse over the links, the link color will change constantly to several colors until your mouse move away.

You can install it on your blog by three methods:

First method:

just click on (Install) button above. then, choose a blog. after that, click (Add widget) and dont change anything. you must drag the widget and drop it down of other widgets so its will not cause a space problem between widgets.

Second method:

this is the best way. go to (Page Elements) , (Add a Gadget), choose (HTML/JavaScript). and copy this code

<script type='text/javascript'>

//<![CDATA[

var rate = 20;

if (document.getElementById)
window.onerror=new Function("return true")

var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID

if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}

function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}

function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}

function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}

if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}

function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}

function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}

if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}

function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}

function ChangeColor()
{
objActive.style.color = makeColor();
}

function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?

// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;

if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}

elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;

elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;

return '#' + elmR + elmG + elmB;
}

//]]>

</script>

Third method:

By uploading this script file (download) to your own host (i prefer google sites). then, copy the direct link. after that, go to (Page Elements) , (Add a Gadget), choose (HTML/JavaScript). Now take this code (replace the blue link):

<script src="http://sites.google.com/site/ytcode/1/color.js" type="text/javascript" ></script>

Attachments

+ color.zip

How to Make a Falling Snow Effect in Blogger

noreply@blogger.com (Your Tools) — Sat, 08 May 2010 15:36:00 +0000

Make your blog wintering with a falling snow effect, that will add a magic touch on your blog. The effect is a compound of white bullets and white small shapes that fall from the top of the page to the end to be like a winter night.

You can install it on your blog by two methods:

First method:

just click on (Install) button above. then, choose a blog. after that, click (Add widget) and dont change anything. you must drag the widget and drop it down of other widgets so its will not cause a space problem between widgets.

Second method:

By uploading this script file (download) to your own host (i prefer google sites). then, copy the direct link. after that, go to (Page Elements) , (Add a Gadget), choose (HTML/JavaScript). Now take this code (replace the blue link):

<script src="http://sites.google.com/site/ytcode/2/snow.js" type="text/javascript" ></script>

You can increase the number of snow by reapeating the code in another line, The more code repeating the more snow falling.

Attachments

+ snow.zip