Hey guys,
This is an old tutorial on my blog, but I know a lot of you haven't seen it yet!
So here is an old, but useful tutorial about how to make a blog button for your readers to grab!
Hope this simple tutorial is helpful!
xoxo
Nichelle
***
This is an old tutorial on my blog, but I know a lot of you haven't seen it yet!
So here is an old, but useful tutorial about how to make a blog button for your readers to grab!
Hope this simple tutorial is helpful!
xoxo
Nichelle
***
Here's a short tutorial, inculding the code for your button!!!
First, you'll need to edit a picture to make your button. Some free online photo editing sites are:
I would make your button 125x125 or 150x150
After you have your button picture made, you will need a "direct link" for your picture.
To do this, you will need to upload your picture on a image hosting site.
I use:
Once your photo is uploaded, you will be able to get a direct link to your picture...
Now all that's left is entering the direct link to your picture and your web address in the CODE:
<center><a href="THIS IS WHERE THE CODE FOR YOU WEBSITE GOES" target="_blank" title="Button"><img alt="Button" src="THIS IS WHERE YOU PUT YOUR PHOTO LINK" /></a><center>
Now, that's just the code for your button. If you would like to add the box underneath your button so others can grab it, like this....
You will need to make a code for the button and the code box.
here's the code: (just for the code box)
You will need to make a code for the button and the code box.
here's the code: (just for the code box)
</center>
<center><textarea id="code-source" rows="3" name="code-source"><center><a href="THIS IS WHERE THE CODE FOR YOUR WEBSITE GOES"><img border="0" src="THIS IS WHERE YOU PUT YOUR PHOTO LINK" /></a></center></textarea></center></center>
Now, for both codes...
The top is for your button
The bottom is the code box
<center><a href="THIS IS WHERE THE CODE FOR YOU WEBSITE GOES" target="_blank" title="Button"><img alt="Button" src="THIS IS WHERE YOU PUT YOUR PHOTO LINK" /></a><center>
</center>
<center><textarea id="code-source" rows="3" name="code-source"><center><a href="THIS IS WHERE THE CODE FOR YOUR WEBSITE GOES"><img border="0" src="THIS IS WHERE YOU PUT YOUR PHOTO LINK" /></a></center></textarea></center></center>
TO ADD IT ON YOUR BLOG...
go to DESIGN...
ADD A GADGET...
HTML/JAVE SCRIPT...
AND COPY AND PASTE!
There you go! It's not too bad, is it?
Let me know if you have any questions!
Mucho love.
-Nichelle
If you found this helpful, let your other blog friends know about this post!
Thanks for stopping by my blog! Hope you visit again soon!
I party with THESE awesome sites!














































