Your SlideShare is downloading. ×
Design Your Own Blog Button
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Design Your Own Blog Button


Published on

Published in: Business, Technology, Art & Photos

  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 1. Interested in designing your own buttonto advertise your blog? Its actually moresimple than you think. Just follow this step-by-step tutorial and youll have one inminutes.
  • 2.  Once you have a photo picked out that you want to use, you can add any words or designs using a photo editing program of your choice. I use PicMonkey religiously. You can resize, crop, add frames, words....etc. You must resize the photo. The standard size I use is 200x200. Ive seen many buttons that are 150x150 or 125x125 also. It really depends on the size of the sidebar that you are placing the button in or the Sponsor spot you are buying. Once you are done editing the image, save it to your computer.
  • 3.  Now you got to upload it to an image hosting site. There are many to chose from. To name a few: Flickr,TinyPic and my personal favorite, Photobucket. Once you have the image uploaded locate the direct link to that image because you will need it in a future step.
  • 4.  From your computer open a New Text or Word Document. Copy and paste the below HTML code to the new document so you can easily edit and save it when you finish.<a href="Your URL" target="_blank“><img src="Image Direct Link"/></a>
  • 5.  To edit the code, you will need to change the Your URL to whatever link address you want people to be taken to when they click on your button. The target="_blank" does not need to be edited, this is just a code that tells the button link to open in a new window. If you do not want your button opened in a new window you can remove it. The Image Direct Link should be changed to the direct link you located earlier on your image hosting site. This is the direct link to your image. Once you are completely done editing your button code, its always a good idea to name and save the file for future use or editing.
  • 6.  <ahref="" target="_blank"><img src=" p571/smdgeunhinged/button.jpg"/></a>
  • 7.  Gwen Parker Blogger @ A Little Unhinged Questions? Please email me at: Dont forget to enter the: Sponsor Ad Spot Give-a-way Your brand new button could be displayed for Free for 30 Days.