How to Use HTML/JavaScript Gadget on Blogger

Tuesday, September 23, 2014



Last week I showed you how to personalize your "About Me" section on your blog. Now I am going to show you how to add an image in a HTML/JavaScript Gadget.

First upload your profile image in a site like Photobucket, and copy the address of the image. Once you have the address, follow the next steps.

1) Go to "Layout" then "Add a Gadget"


2) On the pop up window, select "HTML/JavaScript" (it's all the way down).


3) In the next window, you will need to insert your html code:

4) If you uploaded your image on Photobucket, select the HTML code, paste inside of the window and go to the next step. If not, I'll break down how the code reads:

<a href="your image address goes here" title="Anna Dusek"><img src="your image address goes here" alt="About Anna Dusek" style="border:none;" /></a>

5) If you would like the image to be centralized in the sidebar, use div tags as follow.

<div align="center">
what you want centralized goes here
</div>

It will look like this.

<div align="center">
<a href="your image address goes here" title="Anna Dusek"><img src="your image address goes here" alt="About Anna Dusek" style="border:none;" /></a></div>

6) Your final result will look like this



♥ Enjoy!

Bilingual Parenting by Anna Dusek

You Might Also Like

0 comments

Like us on Facebook

Flickr Images