Top Blogger html code use website making

IMAGE

Before I had a self-hosted WordPress blog which allowed me to upload images to my own hosting, I would upload my images to PostImage to get the direct link for my html codes. I was a little bit trusting, as the site can go down at any time and leave me with broken images everywhere, but I just couldn’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:

<img src="https://imagelinkhere">

IMAGE LINK

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="https://imagelinkhere"></a>

TEXT LINK

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:

Bold text here

For italic text:

Italic text here

For underlined text:

Underlined text here

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 to align anything in the center, whether it’s writing or an image (you can even use this code at the start and end of another code), use:

<center>anything you want centered here</center>

Button Code

Add custom button on blogger maunally

<a href='' url paste here ='_blank'>

</a>