Saturday, November 9, 2013

Embedded HTML Tutorial for Blogger

I felt like making a tutorial for those who didn't already know about the great HTML embedding that blogger features. Here we go:

Step 1 - Find Something to Embed:
You need to find something to embed first. You can embed anything from YouTube videos to stats trackers. I will be using a Solar-Terrestrial Statistics tracker for this tutorial.
http://www.hamqsl.com/solar.html
(click images to expand)
Step 2 - Copy the Given HTML Code:
Simply copy the code that the website gives you.
Step 3 - Create a New Gadget:
On the layout tab of your blog's management page, find any block where you have the option to click
"Add a Gadget" and create a new gadget for your page.
Step 4 - Create a HTML/JavaScript Gadget:
Scroll down through the list of gadgets until you reach "HTML/JavaScript" and choose it.
Step 5 - Paste the HTML from Step 2:
Copy the code from step 2 into the textbox of the Add HTML/JavaScript window. If you know HTML, you can change a few things if you like. For example, I have removed the anchor tags that would link to the original website. (I still give credit to the creator, though)
Original

Edited
Step 6 - Save It
Click save and you're done! Hope you learned something from this.

No comments:

Post a Comment