I know that these tutorials are all over the internet but I wanted to assist with newer bloggers that may be struggling with basic HTML tricks. A majority of bloggers will be accustomed to what a blog button is and will probably have one sitting in their sidebar. I have found though that having a box underneath with a HTML code which other bloggers can just grab makes it easier to share your button with other fellow bloggers. No faffing around with copying the button and adding a link etc. If you are wondering what I am going on about a grab button looks like this [see below].
Firstly you need to have an account with a photo sharing site. I use Photobucket. Upload your blog button and it will give you a variety of links [see below]. The link you will need is the one labelled 'Direct link'.
Next up, the important bit. The code. Change all the info in RED to your info. I have made a quick reference to the jargon below [promise I am not trying to teach you to suck eggs]
Image URL: This is the 'direct image' from Photobucket
Blog Name: Your blog title
Blog Address: This is the URL of your blog i.e. mine is http://beckysmakeup.blogspot.com
<div align="center" style="padding: 5px;"><img src="YOUR IMAGE URL" title="BLOG TITLE" alt="BLOG TITLE" /></div><textarea style="background:#f0f0f0;border:solid 1px #cccccc; color: #777777; font-size:100%; height: 50px; margin:auto; text-align: left; padding: 2px 0 2px 5px; display: block; width: 200px;"><div align="center"><a href="BLOG ADDRESS" title="BLOG TITLE"><img src="IMAGE URL" alt="BLOG TITLE" style="border:none;" /></a></div></textarea>
The result should be something like this.
Bloggers can then grab the code below and add to their blog with an instant link to yours. I hope this has been helpful to some.