Thursday, September 8, 2011

How To Make a Blog Button!

Ive been meaning to do this post for quite some time becuase i have been asked several times how to make a button or people ask in general. And how i figured out how to make a button was through a post like this! So here ya go. I know there might be other ways but this is how i do mine.

First, if you dont have a photobucket account, make one. It comes in handy in the blogger world. Upload the image you want for your button. Resize it to whatever size you want your button. 125x125 is pretty standard. You dont want to go too big so it doesnt overlap on other people's blogs,
because thats the point of the button right? You want it displayed on other blogs!
Then copy the "direct link" code and use it in the following:




This will forever be your code but you need to make changes:
(sorry this is a picture, i couldnt have this code without it displaying the other code & messing it up)


PINK: YOUR blog url
BLUE: the "direct link" code that you copied from photobucket
ORANGE: Your blog name. Just type it in. This will display when someone hovers their cursor over your button.


Once you have your code all personalized, put that code in an html gadget on your sidebar and save! It will display the code for others to copy. That will forever by your code. If you ever need your button resized, do it in photobucket and put the new "direct link" code in the highlighted blue area.

Your Welcome!
Just always remember who your favorite blogger friend is ;)!





8 comments :

deanna@delirious-rhapsody said...

wow....that url is a lot longer than my button code is. :) but hey, whatever works! plus, i'm pretty certain that my blog name doesn't show up when you hover over my button.

Sonya Marie said...

i lurveee you

Christa Cox said...

haha i figured there were alot easier ways out there but this is the only way i know haha. aww i lubba lub you back sonya!

Rachel said...

You are the best!!!

Jazmyn said...

An easier way if to just have it
[img src="image url"][br]
[textarea][a href="blog url" target="_blank"][img src="image url" border="0"][/a][/textarea]

Well that's what I do for mine only replace the brackets with these > <.

Anonymous said...

Perfect Post!!
Thanks again!!

Nikki Darlin' said...

I love photobucket. It's so easy to use!

OrangeHeroMama said...

Thanks so much! People asked me how but i forgot! lol

LinkWithin

Related Posts Plugin for WordPress, Blogger...