How to make a Button Text Grab Box
Step 1. Create you Blog's button, average blog button size is 150px by 150px.
Step 2. Upload it to Photobucket.
Step 3. Copy its “HTML code”
It will look something like this:
<a href="http://s815.photobucket.com/albums/zz73/danasears/DesignsbyDana-Feb/?action=view&current=12011DBDButton.png" target="_blank"><img src="http://i815.photobucket.com/albums/zz73/danasears/DesignsbyDana-Feb/12011DBDButton.png" border="0" alt="Photobucket"></a>
Step 4. Now we need to edit your code to link back to your blog!
<a href="(Your URL here)" target="_blank"><img src="http://i815.photobucket.com/albums/zz73/danasears/DesignsbyDana-Feb/12011DBDButton.png" border="0" alt="(Your Title Here)"></a>
This is what my Code looks like when I have edited it:
<a href="http://designsbyDanaSears.blogspot.com" target="_blank"><img src="http://i815.photobucket.com/albums/zz73/danasears/DesignsbyDana-Feb/12011DBDButton.png" border="0" alt="Designs by Dana"></a>
Step 5. Lets make the grab box! Take the code we just made and add <textarea>at the beginning and </textarea> at the very end. This is how mine looks:
<textarea><a href="http://designsbyDanaSears.blogspot.com" target="_blank"><img src="http://i815.photobucket.com/albums/zz73/danasears/DesignsbyDana-Feb/12011DBDButton.png" border="0" alt="Designs by Dana"></a></textarea>
Step 5. Add your button's image above the text box. It is pretty easy! From the code you just made Grab the Blue & Pink Colors and stick it just over top of the Box code like this:
<img src="http://i815.photobucket.com/albums/zz73/danasears/DesignsbyDana-Feb/12011DBDButton.png" border="0" alt="Designs by Dana"></a>
<textarea><a href="http://designsbyDanaSears.blogspot.com" target="_blank"><img src="http://i815.photobucket.com/albums/zz73/danasears/DesignsbyDana-Feb/12011DBDButton.png" border="0" alt="Designs by Dana"></a></textarea>
This is what my button ends up looking like:
Still need help?
Feel free to Contact me with any questions!
No comments:
Post a Comment