Saturday, 7 February 2015

HTML for your blog!

Hey lovelies,

Since I started this blog, I've always been finding ways of improving it. At first, everything was crazy! I had a purple checked background and my sidebar was cluttered. Shudder. So I've decided to share my secrets with all of you!

N.B.: EVERYTHING IN GREEN HAS TO BE CHANGED!

Clickable Links

Every Blogger needs to know how to do this, whether when commenting on other people's blogs or for future reference. To make a link clickable, use this <a href="WEBSITE URL">NAME OF WEBSITE</a>. Don't forget to add http:// to the beginning of your URL!

for example: <a href="http://mylifeinatab.blogspot.com">My Life In A Tab</a>
Social Media Buttons

Social Media is important for every blogger because their followers will want to know how to follow them. You can get pretty buttons online or you can make them yourself on Picmonkey. When you have got your buttons, upload them to a photo-sharing site like Photobucket or Flickr. When uploaded get the direct URL for each social media button. Then, go to Layout > Add Gadget > HTML/JavaScript and paste this following code for every button:

<a href="WEBSITE URL" target="blank" title="WEBSITE DESCRIPTION"> <img src="DIRECT IMAGE URL" border="0" /></a>

If you're adding an email button, then you have to use this link: mailto:abc@gmail.com

You can also add a hover effect to your buttons. This means that when the mouse hovers over your button, the image changes. My buttons do this, so give it a go! To do this, you'll have to have two copies in different colours of your button and instead use this code:

<a href="WEBSITE URL" target="blank" title="WEBSITE DESCRIPTION">
<img src="FIRST DIRECT IMAGE URL" border="0" onmouseover="this.src='SECOND DIRECT IMAGE URL'" onmouseout="this.src='FIRST DIRECT IMAGE URL'" /></a>

To centre your buttons, add <center> before your code and </center> afterwards. Notice it is spelt in the American way and not the British way.

So now you know the basic HTML to get you started! I have posted more tips here!

Love, Peace and Snickers xx }|{

P.S. Quote of the day: I would imagine that if you could understand Morse Code, a tap dancer would drive you crazy!


No comments :

Post a Comment

Leave comments here: