About   All Tips   Tips by Category   Tips by Ability   Help!

Link Customization- Hover/Underline

Ever want to change the way your links look? Maybe you'd like for them to change color as your readers hover over them. Or perhaps you'd like for them to be underlined.

This tutorial will show you how to do just that.

This tutorial is an intermediate-advanced tutorial based on Blogger's minima template. You will be making some changes to the HTML of your template. It is highly suggested that you download and SAVE a copy of your CURRENT template before proceeding any further. You will not be able to preview changes to your links, so you have to be VERY careful not to change anything other than the information in the places indicated below.

Before beginning, I will suggest that you only change the color of your links and visited links via the fonts and colors section of your blog. Once you've changed the color in the HTML of your template, you will not be able to easily change it in the fonts and colors section anymore. Why mess with something that works pretty good as it is?

Finding the links section- The link codes can be found above the header section.

1. Open up the html of your template (dashboard-->layout-->edit html)

2. Download and save a copy of your current template.

3. Scroll down until you see something like this:


Adding an underline
- In the image above, I have created an underline that will appear when my readers hover over the links that I create on my blog.

1. Decide what you'd like to underline (link, visited link, hover).

2. Look under the type of link you'd like to change and replace 'none' with 'underline' beside 'text-decoration'. Don't forget the ; at the end!

Changing the color of your links
- As mentioned before, I prefer to do this in my fonts and colors section. But, do what you want to do. It is your blog, after all! :)

1. Find the six digit hex codes for the colors that you'd like to use. Click here to find hex codes for any color. You can also get hex codes from the following color charts:
http://www.december.com/html/spec/colorhex.html
http://www.webmonkey.com/reference/Color_Charts
http://www.htmlgoodies.com/tutorials/colors/article.php/3478961

2. Decide which colors you'd like to change. You can change the color of your links, visited links and the color of the links when people hover over them.

3. Replace $linkcolor; $visitedlinkcolor; and/or $titlecolor; (hover) under the type of link you'd like to change with the six digit hex codes of your choice. Don't forget the # sign and the ; after the numbers. EX: If you want your links to turn pink when people hover over them, replace $titlecolor; with #d5617a; .

4. Here's what your section might look like if you changed your links and visited links to black (#000000;) and hover effect to pink:

*********************************************************************************
On this blog, I only want an underline below the links when people hover over them. I also chose to change the color of my links in my fonts and colors section. My code looks like this:

Have fun! :)

Falling Snow For Your Blog!- Beginner

I stumbled upon a really easy way to put falling snow on your blog. It works best on dark backgrounds, as the snow (tiny, flurrying white dots) is white. Check out Kurt Grigg's tutorial over at Dynamic Drive. The tutorial is easy to follow, but requires that you dive into the HTML of your template to do so.

Of course, being my sneaky self, I simplified the process a bit to make it easy enough for beginners. Here's whatcha do:

1. Go to your blog's 'Page Elements' page. (dashboard-->layout-->page elements)

2. Select 'add a gadget' in your sidebar.

3. Choose 'HTML/Javascript'.

4. Copy the code in purple below and paste it into the'HTML/Javascript' box:

<script src="http://snow-effect.googlecode.com/files/snow.js" type="text/javascript">

/***********************************************

* Snow Effect without images-by Kurt Grigg at http://www.btinternet.com/~kurt.grigg/javascript
* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/
* Please keep this notice intact

***********************************************/
</script>

5. Save.

Simply delete the gadget when you no longer want snow to fall on your blog!

Having trouble? Sue over at Saving Your Hard Earned Money discovered that it took a long time for her snow to appear once she installed the gadget on her blog. If snow doesn't appear on your blog right away, leave the gadget for a day or two and see if it starts. You can also try moving the gadget higher in your sidebar. Make sure that the gadget is above the background code (if you have one). :)

Enjoy your snow! If you live anywhere near me, it may be the only snow you see this year!

Like my tips? Want to share them with your readers? I would LOVE for you to do so by grabbing my button and displaying it on your blog or by writing a post about my tips. Please do not copy and paste my tips into posts on your own blog. Thanks so much for spreading the word. I REALLY appreciate it!

A Bit of Housekeeping...

As much as I loved my old look, it was time for a change!

If you have tried to leave me a comment lately, you'll have noticed my new comment system. I have decided to try Disqus, mainly because I think it will help you guys more if you are able to see my replies to questions that other bloggers have had. We'll see how it goes....

Leaving a comment on this blog is different than leaving a comment on most blogs, but it is a fairly painless process. Once you click on 'comments' or 'view comments' you can choose to create an account or to leave a comment as a guest. Simply write whatever it is that you'd like to say and then fill in your info. Rather than answering questions via email, I will now be answering them in the comments section. If you ask me a question, be sure that there is a little green check mark next to 'subscribe to all comments' so that you will know when I respond.

I also added a handful of nifty links below my header which will hopefully be helpful to you:

Click on 'About' to learn more about how this blog was born and how on earth I got a name like Sneaky Momma. :)

Check out my 'Help Me!' section to see what kind of services I offer, both simple (i.e. free!) and on a larger scale. I offer troubleshooting services at a very low rate. I can also help you build your blog and/or give your blog a custom makeover.

I am excited to share with you the links to all of my favorite blog help sites. These are the very same sites that have helped me in the past. Perhaps they'll help you, too!

If you are interested in advertising your family-friendly blog or business in my sidebar, feel free to check out my amazingly low monthly rates. I would love to help bring traffic your way!

I added a pretty little pink and white grab button in my right sidebar. A SUPER big thank you to all of you who have put my button on your blog or who have written a post about my tips. I sure do appreciate it! All of my older buttons still work, just in case you are wondering. :)

A new tip is coming soon, one that has been requested quite a bit lately. I am also going to be working on a series of beginner tips. If there is something that you have been embarrassed to ask, please do so. I would love to walk you through the basics. I guarantee you that someone else needs help in the same areas that you do, too!

Like my tips? Want to share them with your readers? I would LOVE for you to do so by grabbing my button and displaying it on your blog or by writing a post about my tips. Please do not copy and paste my tips into a post on your own blog. Thanks so much for spreading the word. I REALLY appreciate it!