For any blogger, it’s inevitable you will run into HTML coding. It may sound scary, maybe a little confusing, but it’s one of those things that will be super helpful to you if you can memorise the basics.
HTML is the language used to create web pages. A blog’s template/theme is made up by a whole page of HTML coding, from the top to the bottom. If you want more control over what you add to your blog and where you want it to be, learning a few basic HTML codes is the best idea.
Create a new practise gadget in your side bar so you can try some of the following codes out and see what happens. If you put the coding in wrong, don’t worry. Either it won’t show up at all or you’ll just have little – / = . / symbols floating around your side bar until you delete it. You really can’t go wrong with practising 🙂
PLEASE NOTE: For some reason my blog theme automatically changes the double quote marks (“) to both go backwards (which is wrong), so when you paste the code in to your blog just retype them again so they’re normal.
I always tend to upload my images to PostImage to get the direct link for my html codes. I’m a little bit trusting, as the site can go down at any time and leave me with broken images everywhere, but I just can’t be bothered paying for image hosting when a site can host them for me for free 🙂
Upload your image to PostImage, Tinypic or Photobucket and grab the ‘direct link’ provided. Then simply paste it into this code:
This is the code you need if you want to add an image to your side bar which is linked to another page or website. Always make sure your links in coding start with the http://
<a href=”http://websitelinkhere”><img src=”http://imagelinkhere”></a>
A text link is just like the code above, but with text where the image code was.
<a href=”http://websitelinkhere”>Text Goes Here</a>
BOLD, ITALIC & UNDERLINED TEXT
You can change the look of text in your side bar with these easy codes:
For bold text:
<b>Bold text here</b>
For italic text:
<i>Italic text here</i>
For underlined text:
<u>Underlined text here</u>
You can also change the size of your font. Replace the number with a number between 1 and 6 (1 is super tiny and 6 is quite large):
<font size=”4″>Text goes here</font>
STARTING A NEW LINE
If you don’t use this little break code, everything will end up in one straight line. One of these will start a new line, two will start a new paragraph:
ALIGNING IN THE CENTER
If you want something in your side bar to be centered, use these codes at the beginning and end of any HTML coding you add:
<center>Any HTML code or text here</center>
Get the hang of these codes and you’ll be able to add whatever you like to your side bar or footer 🙂 Have a practise and let me know how you go!