How To Create a Blog ButtonFebruary 22, 2013
Ever wondered how to create your very own blog button? If so, then you are in luck because I am going to show you a few easy steps to making a button without all the hassle.
[Note: For those of you who don't have photoshop, like myself, we'll use picmonkey to create our button unless you have another photo editor you'd rather use.]
Find a photo to use as your background and open it using picmonkey :)
Choose your font, add geometric shapes, choose whether or not to use effects.. etc; this is basically where you play around to get your button looking how you want it before moving onto the next step.
Once you have your button looking like you want then you will need to save it to your computer and from there you will upload it to a image hosting site such as photobucket or flickr. I personally use photobucket, but there are many other sites that you can use that'll work just as well. Upload your button to the site and copy the html next to where it says direct link which is shown next to the arrow above and now you are ready to begin coding your button.
Coding may seem intimidating but once you learn this simple html code than you pretty much know the basics to coding. I have used the same html code for everything related to my buttons and it hasn't failed me yet, so the next step is to copy the code below and paste it wherever you want your blog button to appear.
HTML GRAB CODE:
<center><a href="YOUR BLOG URL"><img alt="YOUR BLOG NAME" width="200" height="200"src="
THIS IS WHERE YOU PASTE YOUR BUTTON DIRECT LINK"/></a>
<textarea id="code-source" rows="4" cols="25" name="code-source" rows="4" style="height: 37px; margin: 2px; width: 200px;"><center><a href="YOUR BLOG URL"><img border="0" src="
THIS IS WHERE YOU PASTE YOUR BUTTON DIRECT LINK"/></a></center></textarea>
[Edit the blue highlights above and replace it with the correct information stated. Also the width and height shown above can be adjusted to create any size button that might be needed]
Ta-da, you now have a blog button with a grab code :)
Now start swapping your button with all your favorite bloggers.
Have a few questions or need something explained a tad bit better, feel free to email me:
[without the spaces]
If you enjoyed this post or found it to be helpful please do me a favor and pin it :)