How the Heck Did You Do That?? Blogger Tips and Tricks #3.

Blogger Tips and Tricks

1. How did you get that coffee cup next to your URL address? 

   That little image is known as a Favicon. 

This is fairly easy to do using a really cool website gadget. All you will need is an image you'd like to make a fivicon out of. Here is the website: http://favicon.htmlkit.com/favicon/

• Simply follow the directions.
• Once you have made your favicon, download it to your computer
• On blogger open your layout page. You should see an favicon box, just select edit and upload your icon. 

2. How do I make a button for my blog??

                                                    <a border="0" href="http://www.caffeinatedbookreviewer.com/" target="_blank"><img src="http://i1196.photobucket.com/albums/aa411/kimbathecaffeinatedbookreviewer/vectorstock_715065-1button.jpg" /></a>

• Make an image for your button and make it no larger than 250x250.(mine is 240x240) Be sure not to use an image that you do not own unless you get permission. I bought mine from Vectorstock. You can edit this image and add words using Photoshop, Photobucket, Pixlr or Ribbit .
• Once you have made your image you will need to save and store it on flickr, photobucket etc. It doesn't matter where as long as its in the cloud. Do not save to your computer or your button will not work, you will need a url address for it. It should look something like this: 

http://i1196.photobucket.com/albums/aa411/kimbathecaffeinatedbookreviewer/vectorstock_1017111.jpg 

• Now we are ready to make your button and the box with code for others to grab. 
• 
  

Here is the code you will be using:

<div style="margin-left:auto; margin-right:auto; text-align: center;">

<img src="URL to button image" /> <br /> <textarea style="text-align:center" rows="4" cols="22"><a border="0" href="URL for Blog Address" target="_blank"><img src="URL to Button Image" /></a></textarea></div>

• Copy and paste the above code into word, notepad or document.
• Copy and paste your button's image and add to red areas of code. Be sure and do both areas.
• Next add your blog url address into blue area shown above.
• Finally add your blog name, save document so you have the code and formula handy. 
• On blogger add a gadget and select html code/text and on WP add html code to your sidebar. 
• Copy and paste the code with your links, add title to gadget such as "Grab my Button" and hit save.

You now have a button to share with others! This is an excellent way to promote your blog. This code can also be used to make event buttons. Enjoy! 

Hope these help you and if you have additional questions please email me. 

Is there something you want to learn? 

email me and I will try to bring it to you on the next Blogger Tips and Tricks!