CAPS Blogging For Dummies: How to Insert Pics, Videos, Underline, and Color
May 10, 2010
– Comments (37)
This is meant as a guide for those who are HTML challenged. It is a quick and easy way to add pics, videos, and other stuff to spice up your blogs.
It is meant a side tool, meaning that I intend for people who want to insert these things to keep this guide open in another tab while writing their blogs.
So, without further ado, lets get started.
How to Insert a Picture
Steps:
1) Right click the image and click view image
2) Copy the code below into your blog
3) Copy the URL (ie the internet address, like http://google.com) of the picture
4) Paste the URL of the picture in the code in place of the http://mafaltti.googlepages.com/20080310w11f1.gif
5) make sure that the quotes around the URL are still there, it won't work otherwise
<img src="http://mafaltti.googlepages.com/20080310w11f1.gif "width="600" height="400">
How to Insert a Video
1) Most videos will have a button near the screen that says either Share or Embed. (Youtube's says and is located just below the video on the right hand side of the page). Click that button.
2) A string of code should appear. For youtube it starts with object width= . Highlight the whole code and copy it into your blog. That's it.
2a) In the case that the share button gives you 2 links, as The Daily Show does, you want the one that says embed next to it.
If there is no share/embed button I know of no foolproof way of putting a video into a blog. If anyone does please share it.
How to Add Color
1) copy the code below into your blog
2) change red to whatever color you want it to be. Make sure to leave the quotation marks
3) write whatever you want to be colored where it says Write Here
<font color="red">Write Here</font>
How to Underline
First, I would like to thank Dwot for coming up with this, I can claim no credit here.
1) add the little piece of code next to anything you want underlined. The only catch is this will underline a whole line. The only way around this underlines an area roughly the size of a period for every time you copy the code. This would lead to massive blocks of code just to underline a few words.
In case people are wondering, the CAPS team blocked the usual code used for underlining.
<hr>
Ok, that is all for now. I wanted to be able to underline easily and as far as I wanted, change the text size, etc. but either the code that I know was blocked by TMF (ie the blog software removes it) or I could not come up with a good way to do it. If there is something you would like to know how to do just ask and I will try and tell you.
I may post another one of these 'how to' blogs later on, or I may try and generate a list of photos that are commonly used: ie an upward, green arrow, a smiley face, etc.
RSS Headlines
Fool UK