Get a Button!

If you want to put a button on your site to link back to TMI Tuesday, here's how to make the link (there are more buttons on the side bar):



<a href="http://tmituesday.blogspot.com/" target="_blank"><img alt="TMI Tuesday" src=" http://tinypic.com/dw3xoj.jpg" /></a>


Here is a mouseover button, cool but more complicated.



If you want this one, first put the following code between your (head)(/head) tags:

<script type="text/javascript"><br /> function rollover() {<br /> if (!document.getElementById) return<br /> var imgOrSrc;<br /> var imgPreload = new Array();<br /> var images = document.getElementsByTagName('img');<br /> for (var i = 0; i < images.length; i++) {<br /> if (images[i].getAttribute('rsrc')) {<br /> imgPreload[i] = new Image();<br /> imgPreload[i].src = images[i].getAttribute('rsrc');<br /> images[i].onmouseover = function() {<br /> imgOrSrc = this.getAttribute('src');<br /> this.setAttribute('src',this.getAttribute('rsrc'))<br /> }<br /> images[i].onmouseout = function() {<br /> this.setAttribute('src',imgOrSrc)<br /> }<br /> }<br /> }<br /> }<br /> </script>

Next, add this to your (body) tag somewhere after "body":

onLoad="rollover()"

Example: (body bgcolor="#ffffff" onLoad="rollover()" )

Finally, add this where you want the button to be:

<a href="http://tmituesday.blogspot.com/"><img src="http://i2.tinypic.com/206zgwi.jpg" rsrc="http://i2.tinypic.com/206zgip.jpg" border="0"></a>

Many thanks to Sweet Serendipity for showing me a cool new piece of code I hadn't learned yet (the text boxes). VERY handy. And if you want to onmouseover something of your own, try the OnMouseOver Generator. So easy!

PS... The boxes around the buttons are not included, that's another thing altogether. You'll need some code in your (head) section, under the post section, that reads something like this (line color is pink shown):

.post img {<br /> padding:4px;<br /> border:1px solid #ff99cc;<br /> }>