Pages
Home
ABOUT ME
DISCLOSURE
BLOG FRIENDS
TIPS AND TRICKS
TIPS AND TRICKS
How to make a GRAB MY BUTTON Box.
<center><a href="http://carolinaclosetonebay.blogspot.com/" target="_blank"><img alt="ebay tips" src="http://i294.photobucket.com/albums/mm87/myvintagelady/grabitbuttonccc2.jpg"/></a></center>
I want to show you how to make a
GRAB IT BUTTON
Box. It may seem like a daunting task, but I will take you step by step. First of all I'm going to assume you already have a button. If you don't, you can use Paint, PhotoShop or any other photo editing program. The normal size for these are 125 x 125.
STEP ONE
: You will need to have a
PHOTO
hosting account to store your button graphic/picture. The one I use is
PHOTOBUCKET
You are going to need the
URL address
of the stored button picture. Below is a picture to show you what I'm talking about.
STEP TWO
: Log into your blogger account. Then go to the
design page
.
Once you're there click
add a gadget
, then another box will appear and you will choose the option
HTML/JavaScript.
Then another box will appear that looks like this:
The code you will paste will look like the code below but with your links. You will need to take mine out and copy and paste yours in...if you want you can practice by going
here
or
here
. So...copy and paste the code below either in notepad or the html practice board.
<div align="center"> <a href="
http://carolinaclosetonebay.blogspot.com/
" target="_blank"><img alt="ebay tips" src="
http://i294.photobucket.com/albums/mm87/myvintagelady/grabitbuttonccc2.jpg
"/></a> </div> <div align="center"> <form><textarea rows="5" cols="15"><center><a href="
http://carolinaclosetonebay.blogspot.com
/" target="_blank"><img alt="ebay tips" src="
http://i294.photobucket.com/albums/mm87/myvintagelady/grabitbuttonccc2.jpg
"/></a></center></textarea></form> </div>
Below I highlighted my blog address and photo address, replace your address links in those areas. Pay attention and make sure you don't leave out the
quotation marks
( " ) The
HTML
needs to stay exactly the same.
Once you have pasted the code, click
save
and preview your work. I hope I have explained this well, if you have any questions, please feel free to ask.
.
Home
Subscribe to:
Posts (Atom)