Last night there was a spur of the moment blog redesign, which started with the need to make my blog look more mature and fit better with the new colour scheme I had chosen and to shuffle a few things around like my social media buttons. Here's what it used to look like (or thereabouts since I redid the layout since this picture was taken)
And so quite a few things have been changed, most noticeably my background, header and blog signature (another how to coming soon) aswell as my social media icons. Before I used a gadget that didn't fit in with my blog to show every account I owned on every website, even trip advisor!
So here's how you do it:
Then take the url from that image either by right clicking on it and selecting copy image url or by copying the website address in the address bar at the top of the page and paste it into a word document. I suggest using the right click method to make sure you are linking to the image and not just the webpage, to check simply paste the address in the address bar and if it takes you to the stand alone image then you've done it!
To use images you've made yourself simply upload the photo using google photos or other photo sharing websites and right click the image and copy the url.
Copy the following html onto the same word document below the image url you've just pasted...
<a href=”Put the website address you want the button to go to here" target="_blank"><img height="25" src="Put the image url here" width="25" />
Finally click save and head over to your blog to make sure they all work. If you find the buttons are too big or even too small, head back over to the html code gadget and then press Control & F and type in 25. This will highlight all of the sizings of the buttons and so makes it easier for you to change them and you wont miss one. It will look something like this...