How to make a blog button

Can anyone instruct me on how to make a blog button? as far as how to code it so when you click on the picture it will take you to my blog/shop? Thank you in advance

Views: 56

▶ Reply to This

Replies to This Discussion

Permalink Reply by Delightfully Awkward Brittany on January 2, 2013 at 10:05pm

For the picture itself:

<a href="INSERT BLOG URL HERE"><img src="INSERT PIC URL HERE"/></a>

For the box that allows others to grab the code:

<form><textarea rows="10"cols="20"readonly="readonly"><a href="INSERT BLOG URL HERE" target="_blank"><img src="INSERT PIC URL HERE"/></a></textarea></form>

You can change the size of the box by changing the rows/columns (where the 10 & 20 are).

Permalink Reply by Abenaa on January 2, 2013 at 10:13pm

see thats the thing. how do i code the picture. i dont understand that part... where do i get the picture URL from?

Permalink Reply by Abenaa on January 2, 2013 at 10:19pm

PS. Thank you for the reply

Permalink Reply by Delightfully Awkward Brittany on January 2, 2013 at 10:26pm

I upload mine to photobucket.com.  You upload the picture, and then it gives you different types of codes for different purposes.  For a blog button, you would use the DIRECT LINK code.  I'm sure there are other sites you could use also, that's just the one I've always used (plus it's free). 

Permalink Reply by Sarah Hayes on January 3, 2013 at 11:21am

Photobucket is a great option for blog images. It's helpful because you can use it for more than just creating a button. I used it to upload the images I created that link to my facebook, twitter, instagram, email, etc. on my blog. And, as Brittany mentioned, it's free.

Permalink Reply by Abenaa on January 5, 2013 at 8:12am

thank you! i will try it this way

Permalink Reply by Delightfully Awkward Brittany on January 5, 2013 at 6:38pm

Yep, I use it for social media icons too.  It's super handy.

Permalink Reply by Abenaa on January 5, 2013 at 8:12am

thank you

Permalink Reply by Abenaa on January 6, 2013 at 5:30pm

im trying to find the direct link code and i can not. where is this located on photo bucket? im logged in and have the picture selected..

Permalink Reply by Delightfully Awkward Brittany on January 7, 2013 at 9:35am

In the bottom right corner of the page, you can see the different codes.  The Direct Link/URL one is the second code under Image Links.

Permalink Reply by Sarah Hayes on January 7, 2013 at 10:26am

And when you click on it, it will automatically copy for you.

RSS

Welcome to 20SB!

Social

     

     

© 2013   Created by Lisa.   Powered by

Badges  |  Report an Issue  |  Terms of Service