Design a button for your blog using your favorite design program. (Powerpoint, Photoshop, ) It will need to be either 150×150 or 200×150 pixels (I prefer the bigger). Today I am going to show you my new favorite way… Canva.com It is FREE and easy to use. Here is a 3 minute video of how to use Canva if you are interested.
Copy the example below
<div align="center"><a href="http://YOURSITE.com" title="YOUR BLOG NAME"><img src="http://DIRECTLINKFORPHOTO" alt="YOUR BLOG NAME" style="border:none;" /></a></div>
My filled in version for my button looks like this…
<div align="center"><a href="http://www.teachingupstairs.com" title="Teaching Upstairs"><img src="http://i594.photobucket.com/albums/tt28/mackenziesheahan/Untitleddesign4copy.png" alt="Teaching Upstairs" style="border:none;" /></a></div>
Now you will insert the HTML Coding that you created into your Blogger Template.
To do this head to your Blogger Dashboard and click on the Layout Tab. See the green arrow below.
The product that is produced from the code should be similar to the one below. Sit back and enjoy your work!