Use access key #2 to skip to page content.

SockMarket (61.93)

CAPS Blogging For Dummies: How to Insert Pics, Videos, Underline, and Color

Recs

64

May 10, 2010 – Comments (40)

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.

40 Comments – Post Your Own

#1) On May 10, 2010 at 8:30 PM, SockMarket (61.93) wrote:

incidentally,

I have found out how to create large text!

So, there will be another blog coming

Report this comment
#2) On May 10, 2010 at 8:34 PM, alstry (35.02) wrote:

On the picture...when I right click, there is no "view image"

Is there something I am missing...thanks.

Report this comment
#3) On May 10, 2010 at 8:41 PM, SockMarket (61.93) wrote:

there is for me. 2 possible issues:

1) he browser you are using may not be standard. Try using internet explorer or mozilla firefox to get the picture, if you aren't using them already

2) you may be looking at a flash site, so technically speaking it isn't a seperate picture. If #1 isn't your issue send me a link to the photo you are trying to copy. 

Report this comment
#4) On May 10, 2010 at 8:59 PM, SockMarket (61.93) wrote:

oh, alstry, one other possability: you are using ie 8. I personally find it very slow (and glitchy) so I don't use it (I would recommend mozilla firefox). Their equivilant feature is "show picture" but as far as I have seen it doesn't work.

The only way around that, if you want to continue using ie 8, is to:


1) right click the picture.

2) Save it to favorites ("add to favorites" is the name of the button)

3) open it from favorites

that should get you to the same place as view image would. 

Report this comment
#5) On May 10, 2010 at 9:00 PM, ChrisGraley (30.24) wrote:

alstry is doomed!

 

He didn't prepare for the digital age.

Report this comment
#6) On May 10, 2010 at 9:03 PM, alstry (35.02) wrote:

Chirs....

That is why I hire experts.....could you imagine what my website would look like if I did it....something like this

>>>>>>>>>>>>>>?????????????????????!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Report this comment
#7) On May 10, 2010 at 9:04 PM, ChrisGraley (30.24) wrote:

LOL

Report this comment
#8) On May 10, 2010 at 9:33 PM, SockMarket (61.93) wrote:

lol

Report this comment
#9) On May 10, 2010 at 10:20 PM, HarryCarysGhost (99.75) wrote:

Cool

Oh and alstry that was pretty funny:)

Report this comment
#10) On May 10, 2010 at 10:35 PM, Starfirenv (< 20) wrote:

Report this comment
#11) On May 10, 2010 at 10:36 PM, Starfirenv (< 20) wrote:

Thanks Daniel. Shweet!

Report this comment
#12) On May 10, 2010 at 10:41 PM, SockMarket (61.93) wrote:

youre welcome star. btw that is a great picture.

Report this comment
#13) On May 10, 2010 at 10:53 PM, Starfirenv (< 20) wrote:

Thanks again. Purely amateur. Cheap Olympus1031. Bought it for diving- good to 35' out of the box. This is a sunset @ Caye Caulker, Belize.

Report this comment
#14) On May 11, 2010 at 1:09 AM, 20PercentPM (< 20) wrote:

danielthebear,

Thank you so much for the instructions! I'm going to have to practice it and see how it works out. I am definitely HTML challenged.

Report this comment
#15) On May 11, 2010 at 1:51 AM, Starfirenv (< 20) wrote:

 20PercentPM- I use Picasa for photo storage. That's where the above was linked from. Free. Worked the 1st time and I'm beyond 'challenged". Good luck. Regards.

Report this comment
#16) On May 11, 2010 at 2:55 AM, 20PercentPM (< 20) wrote:

starfirenv,

Oh cool thanks! I never even heard of Picasa. Looked it up on google, and got sent back to google. I'll give that a try.

picasa.google.com

Report this comment
#17) On May 11, 2010 at 3:14 AM, Starfirenv (< 20) wrote:

20PercentPM - Yea. A guy from Amsterdam set me up in Central America. He uses it for his Blogspot. Perfect for traveling (or not) and sharing- invitation only. You can make different "albums" to share with different groups. It's like myface for fotos. I should add that was my first "photo post". There is a new function I just saw that is like utube where there is a lineup of little pix below the main pic to click. If I can figure it out I will add to this thread. Regards.
P.S.- I learned this the hard way- My cam shoots 8 mega pixels and only a fraction of that is stored on Picasa (loads real fast) so ALWAYS keep a "full file" somewhere else.

Report this comment
#18) On May 11, 2010 at 4:50 AM, 20PercentPM (< 20) wrote:

danielthebear,

I figured out pictures. Thanks for the new toy, it's really fun!!!

http://caps.fool.com/Blogs/ViewPost.aspx?bpid=388745&t=01008343660826439790

Starfirenv,

I'll have to experiment with picasa now that I know how to do this. Are you in Central America or you just travel a lot?

 

Report this comment
#19) On May 11, 2010 at 2:28 PM, djshagggyd (69.21) wrote:

This is awesome Daniel! Thanks!!

Report this comment
#20) On May 11, 2010 at 4:49 PM, SockMarket (61.93) wrote:

star,

your photos are exceptional! cheap camera or no they come out very well. 

20%,

I am glad that it worked for you!

 

djsh & others,

you are welcome, hopefully the blogs around here will start having some good visuals now. 

Report this comment
#21) On May 12, 2010 at 2:07 AM, HarryCarysGhost (99.75) wrote:

A cashless society?

Daniel could you please tell me what I am doing wrong. I got the color in text down but for the life of me cannot post a picture or imbed.

I was experimenting in the above blog, so if you could take a gander I would greatly appreciate.

Thanx.

Report this comment
#22) On May 12, 2010 at 7:06 PM, SockMarket (61.93) wrote:

msft,

lol. just re-read the instructions.

Here is what you did:

Pic-you forgot to replace the link in the template text with the one of the picture that you wanted to insert. As a result you post the exact code from the template I made. To fix this:

4) Paste the URL of the picture in the code in place of the http://mafaltti.googlepages.com/20080310w11f1.gif

 

Video - you copied the URL, not the code. 

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.

Report this comment
#23) On May 13, 2010 at 3:07 PM, NDimensionalDino (98.17) wrote:

Thanks a million.  I just cut n pasted it and saved it as a notepad file and then inserted that file into my bookmarks.  Now I can modify the file as new information comes in.

Again, thanks a billion.

Report this comment
#24) On May 15, 2010 at 7:47 PM, SockMarket (61.93) wrote:

ND,

your welcome. That's pretty cool

 

Report this comment
#25) On May 15, 2010 at 9:31 PM, caterpillar10 wrote:

muchgrass esse:)

Report this comment
#26) On May 18, 2010 at 2:28 PM, 20PercentPM (< 20) wrote:

danielthebear,

Thanks to you I figured out pictures, but I still can't figure out videos. I went to youtube and clicked the "embeded" button. I got the following code but I'm not sure how to adjust it so I see the video in my blog.

HELP!!!!!!!

http://www.youtube.com/v/Lam5SE0Dc3A&hl=en_US&fs=1&rel=0"> name="allowFullScreen" value="true">http://www.youtube.com/v/Lam5SE0Dc3A&hl=en_US&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385">

Report this comment
#27) On May 18, 2010 at 5:15 PM, SockMarket (61.93) wrote:

20%,

welcome. 

I am not sure what you are copying, it looks like the code just didn't get fully highlighted for some reason. Go back and try it again. If that doesn't work read below. If that still doesn't work tell me what you are doing and ill try to help.

I can't get that video to show up easily so I'll walk you through it on another one. Here is what to do:

1) go to the video. In this case lets go here

2) pause the music, unless you like irsish rock :)

3) just below the views box, on the right hand side, is a button which says < embed > (without the spaces between embed and the <>)

4) click that.

5) copy the code that says  < objectwidth.... (without the space between < and objectwidth )

6) post it in a blog, that should embed it.

Report this comment
#28) On May 19, 2010 at 3:28 PM, 20PercentPM (< 20) wrote:

daneilthebear,

I went to this video,

http://caps.fool.com/Blogs/ViewPost.aspx?bpid=389518&t=01001545180898615941

Clicked on the embed button. The code gets highlighted in blue. I right click it and Copy. It gives me this:

http://www.youtube.com/v/Lam5SE0Dc3A&hl=en_US&fs=1&rel=0"> name="allowFullScreen" value="true">http://www.youtube.com/v/Lam5SE0Dc3A&hl=en_US&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385">

That won't work though. What am I doing wrong?

Thanks for helping out an old man! When I wrote my blog about trying to post videos I said I might need a Moron guide instead of a Dummies guide. LOL

 

 

Report this comment
#29) On May 19, 2010 at 3:38 PM, 20PercentPM (< 20) wrote:

It's me again, for some reason it cut off the following line everytime i post it to the blog:

  object width="480" height="385">

I left a space between the code above and the code I mentioned in #28 above. Then it looked like it tried to put in the video but instead there was a square with a red X in the left corner!

Could it have something to do with my version of IE? It's only version 6.

Report this comment
#30) On May 19, 2010 at 4:36 PM, SockMarket (61.93) wrote:

20%,

Im always glad to help. And, if it makes you feel any better, it isn't you. I tried the same thing and it worked alright for me, why it cuts off your code I am not sure. I have never heard of this. 

It is possible that since you are using an old browser (and probably old shockwave player) the embed function doesn't show up properly. I would suggest:

1) switching to Mozilla Firefox. that is what I use and I really like it. 

or if firefox isn't for you

2) copying the code by pressing CNTRL and C at the same time, then pasting with CNTRL and V at the same time. It may work better (although I doubt it)

If it doesn't work any better I would suggest going to the code, seeing what copied and what didn't, and copy whatever didn't make it the first time around. 

 

if this still doesn't work let me know.

 

dan

Report this comment
#31) On May 22, 2010 at 1:16 PM, 20PercentPM (< 20) wrote:

danieltthebear,

It's me again! I tried CNTL C, and then CNTRL V but the video still didn't work. When I go to youtube though I get an error that says "your browser is no longer supported. Please upgrade to a modern browser." So youtube is making fun of my computer telling me it's a dinosuar.I will try it on another computer when I get a chance and see how that works.

 

Report this comment
#32) On May 25, 2010 at 2:04 PM, SockMarket (61.93) wrote:

20%,

sorry it took me so long to reply. I just graduated and I have been caught up in that for the past few days.

Anyway, it sounds like google (who owns youtube) hates you. Trying on another computer won't help much, unless the browser is newer. The new internet explorers (IEs) aren't very good so I would suggest that you keep using IE 6 for most of your browsing (if that is what you like) and use mozilla to go get media (videos, etc.) that you can't get via Internet Explorer 6.

dan

Report this comment
#33) On May 28, 2010 at 3:49 PM, 20PercentPM (< 20) wrote:

danielthebear,

Thanks for the advice. My usual computer is at least 4 years old and so is the IE version. I had another computer that is Linux, but it wasn't working. So I got that one repaired and it has mozilla. So check this out!

Looks like I graduated from the school of blogging now!!!! Thank you so much for all yor help!

By the way, congratulations on graduating, are you planning on starting college this year?

Report this comment
#34) On May 31, 2010 at 1:12 PM, SockMarket (61.93) wrote:

20%,

hey it worked! Congrats. 

I am planning on starting college this year, I will be at University of Colorado come the fall.

Report this comment
#35) On May 31, 2010 at 2:16 PM, Tastylunch (29.52) wrote:

ah a future  Buffalo eh?

I think GoldMiningxpert is graduating senior from there.

Report this comment
#36) On June 03, 2010 at 1:03 PM, SockMarket (61.93) wrote:

TL,

yep it will be the black 'n gold buffs (kind of fitting since I am a steelers fan :) ). Thanks for the heads up, I might contact him at some point.

 

Report this comment
#37) On October 25, 2010 at 2:59 PM, anticitrade (99.66) wrote:

http://mafaltti.googlepages.com/20080310w11f1.gif "width="600" height="400">

Report this comment
#38) On January 02, 2014 at 10:44 PM, Mary953 (67.60) wrote:

Adding a comment just so this will pop up on my following tab.  I need this information now (2014) and not just when it was written!  Many thanks to all who compiled the instructions.

Report this comment
#39) On January 02, 2014 at 11:08 PM, HarryCarysGhost (99.75) wrote:

Hi Mary

That's funny I just did the same thing after reading jiltin's blog.

I have had varying success posting colors and videos (never pics, or the ability to hyperlink something to where it just says here. Not sure if it's on my side or Caps just being a bit buggy. 

Report this comment
#40) On January 02, 2014 at 11:27 PM, jiltin (22.58) wrote:

Good post, me really a dummy person....until now...

Report this comment

Featured Broker Partners


Advertisement