Grab Button - How To

Step 3 - Grab Button

So again, this took me FOREVER to figure out.  I'm writing so I don't forget and posting to save you the hours of time I wasted.

This is my button.  It's not great but whatever, I'm learning.  If you need a button click HERE.

To display your button without a code:
Click HERE.

To display your blog button and code:

1)  Open your Blogger Dashboard.  Click New Post.  Click the Insert Image button.  Click Browse.  Find your button from your desktop (or wherever).  Click Open.  Click OK.

2)  Now you have this:

3)  From this screen right there, right click on your button.  Then click Copy Link Location.   Open a blank word document and paste your code - will use later.

4)  Now back to your New Post - leave as is and Click Design, Add A Gadget.  Find HTML/JavaScript gadget and click on + sign.

5)  Now you have this:

6)  Enter Title (Grab My Button).  Copy the code below and paste in Content window.

<center><a href="http://moremilestones.blogspot.com/" target="_blank" title="More Milestones"><img alt="More Milestones" src="http://3.bp.blogspot.com/_aTq5vWoP87k/TARVuHfEMpI/AAAAAAAAAFw/wprUMZSZ5DA/s1600/MoreMilestones10.jpg" /></a><center>

</center>
<center><textarea id="code-source" rows="3" name="code-source"><center><a href="http://moremilestones.blogspot.com/"><img border="0" src="http://3.bp.blogspot.com/_aTq5vWoP87k/TARVuHfEMpI/AAAAAAAAAFw/wprUMZSZ5DA/s1600/MoreMilestones10.jpg" /></a></center></textarea></center></center>

7)  Make the following changes to the code you just pasted:
Your blog url
Your blog title
The link location code you just pasted in word

8)  Now click on Save and Preview.  You should now have this... well, you know - your button and code.

 

9)  Now you can move your gadget button wherever you want on your blog and save.

10)  Woo Hoo!  You're ready to swap blog buttons with all your blogging buddies.