Blogging 101: How to Make a Grab My Button Thing

One of the top things people always want to know when they start blogging it “How do I make one of those grabby button things?”  It’s really simple and only takes about 10 minutes.  Be sure that if you upload to an outside source you grab the location HTML not the image HTML.

Step 1: Place a copy of your button so people will know what they are “grabbing”.


If you don’t already have this done, you will have to  create & upload your button either to your blog images file or an outside source such as photobucket.

<div align=”center”>
<a href=”http://www.YOURBLOG.com” target=”_blank”><img src=”http://www.LOCATIONOFYOURBUTTON.jpg”></a>
</div>

Below is how mine looks:

<div align=”center”> <a href=”https://frugalreality.com” target=”_blank”><img src=”https://frugalreality.com/wp-content/uploads/2011/11/fr-new-button.jpg”></a> </div>

 

Step 2: Making the  Text Box with the Code for your Button

This is always where I’ve had the most trouble.  If you’ll look closely the code in Step 1 is very similar to Step 2 EXCEPT you are “telling” the code it needs to be a text box not a graphic.

<div align=”center”>
<form><textarea rows=”6″ cols=”19″ readonly=”readonly”><a href=”http://www.YOURBLOG.com” target=”_blank”><img src=”www.LOCATIONOFYOURBUTTON.jpg”></a></textarea></form>
</div>

Notice where the codes has rows=”6″ cols=”19″

The first number (rows) determines how tall the box will be. The second number (cols) determines how wide the textbox is.

 

Below is how mine looks.

<div align=””>
<form><textarea rows=”6″ cols=”12″ readonly=”readonly”><a href=”https://frugalreality.com” target=”_blank”><img src=”https://frugalreality.com” target=”_blank”><img src=”https://frugalreality.com/wp-content/uploads/2011/11/fr-new-button.jpg”></a></textarea></form>
</div>

 

You will also notice I took the center part out as well.

Most Recent Posts

Our Favorites

Share:

Share on facebook
Facebook
Share on twitter
Twitter
Share on pinterest
Pinterest
Share on linkedin
LinkedIn

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.

On Key

Related Posts

Time Cash App Direct Deposit Hit - Frugal Reality

What Time Does Cash App Direct Deposit Hit? Early?

Cash App started as a potential peer-to-peer (P2P) alternative to Venmo, PayPal, Apple Pay, Chime, Netspend, and Google Pay. The online payment app has grown into one of the most downloaded in the US and valuing its parent company, Block,

Change Routing Number On Cash App - Frugal Reality

How To Change Routing Number On Cash App? 041 to 073

With more than 30 million monthly active users, Cash App has established itself as a peer-to-peer payment leader, equaling the likes of Venmo, Chime, and PayPal. Cash App’s focus on innovation has been apparent. For example, they announced the ability