Creating a button for your blog is important! In this post you will learn how to make a blog button. If you can get that button onto other blogs, you can generate traffic from it. You may be wondering how to create a blog button. Depending on your level of graphic design skills, you can create a very basic, or very fancy blog button. I am a big fan of the blog button resembling the blog’s header as much as possible. Why? Because people click on your button to get to your site, and they’ll know they are in the right place if your website’s look matches your button’s look. They clicked your button because they liked the way it looks, so try to make your site look that way too! You can also hire someone on Fiverr to make you a nice button for you for $5.
But what if you don’t know how to make a blog button? Well, the truth is, I didn’t either. I like to leave stuff like this to my designer, but every now and then, I can make a basic button if I need one. Here’s a quick little video of me creating a square blog button for one of my blogs in under 3 minutes.
Once you create your button, you have to make it link to your blog! Upload your newly created button file to a server (Photobucket), then use the following html code to make the image a clickable link to your blog:
Copy and paste the code from the box below for easy use. Just replace with your links where shown!
So if a blogger needs your button html code, you would give them the above code.
Now, if you want to have your button on your site and an easy to use html code box right underneath it, in hopes that people grab it and use it, use the following code exactly as shown (this works for both Blogger and WordPress):
You are going to have to manually type this code out exactly as you see it, replacing the red areas with your own text. I recommend typing it in notepad so you can save it and make changes if you need to. Making one mistake will cause the entire code not to work. WordPress simply would not let me display this code as-is for you to copy and paste, so this is the best I could do. This code was pulled from my wife’s button which is working perfectly with the code shown.
There are no intentional “new lines” in the code, just type it all without pressing enter.
That should get you your button above the image with the code box below the image with your button html code in the box. The code was taken from the working button with html box from this site. See the button on the right hand side, toward the top.
And that is how to make a blog button! In a million easy steps! 😀
Did this work for you?
Please say yes.