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.

Add Blog Button

Step 2 - Add Blog Button

Adding blog button to Blogger:

1) Create Blog Button.

2) Now go to your Blogger Dashboard, click Design, click Add Gadget, find Picture and click on + sign.

3) This screen will pop up.

4) Enter your blog url in Link box. Click Browse. Find your picture from your desktop. Click Open. Click Save.

5) Click View Blog and there it is. Now save and you're good to go.

 

Great job!  Everyone can see your blog button.

If you want bloggers to display your button you need to create a code for them to grab.

Go Here:  Grab Button - How To

Create Blog Button

Step 1 - Create Blog Button

If you want to create a blog button starting from nothing start here:



1)  Open blank Paint Document.
       Decorate
     Save As "Button Sample"

2)  Open "Button Sample"
     (or uploaded picture)
     Edit in Picasa3
     Save As "Button Sample1"

That's it you're done. 

Now to post your button on your blog go to Add Blog Button.