Sunday, 2 February 2014

How to: Code a blog button

Hello everybody!

Today I will be showing you how to make blog buttons. I did make a tutorial about this a while ago but it wasn't a very 'good' so I deleted it and now I am going to show you how to do it :)


Firstly you are going to design and decorate a button
(this is one of my favourites from my blog)

Next you are going to upload your button to Photobucket or another image hosting website

On the side you will find this, you will need to copy the direct link

It should something like this 

<a href="WEBSITE URL"><img src="DIRECT IMAGE LINK" /></a>

Now this is what you need to do: 
Where it says Website Url put in you blog url and where it says Direct image link put in the link you just copied :)

You can do this in your button page or on your sidebar with the code underneath it, so readers can put it on their blog easily. Try making different sized and different designed buttons so readers can choose from a variety of buttons :)

I Hope you enjoyed this tutorial and now you can make blog buttons for your readers
If you have any questions leave a comment or email me and I will get back to you as soon as possible

Have a great day,
Ruby xxx

1 comment :

  1. Now u do it lol!!!!!!
    Ahahahahahaha!
    This is great like before!
    And will BOOKMARK it this time!!
    Ahaha have a great day :-D
    Alex xoxo

    ReplyDelete

Please feel free to comment and join the conversation, but please keep it friendly :)