Basic HTML for Posting
Quick note, in order to make the tags inactive and display the syntax, remove all ^ from the text when trying this yourself.Syntax can now be used "as is" thanks to a contributor to this post.
Images:
(Note, you can remove the [], just keep the "" for the URL)
Standard: <img src="[URL GOES HERE]"/>
Resized: <img src="[URL GOES HERE]" width="#" height="#"/>
Where width and height can be altered in two ways. One is to explicitly set the size in pixels. Use width="100px" height="100px" to resize the image to 100x100. Or, use width="50%" height="50%" to resize the image to 50% of original size.
Youtube:
Copy and paste the code from the specific youtube video page. On the right of the screen, under the user info, there is typically 2 boxes. URL and Embed. If you click in the Embed text box all the text should highlight. Just copy paste that here and it will work.
I searched "youtube embed circle" and this is the first image result:
Links:
<a href="[URL GOES HERE]">[Whatever you want the link to appear as goes here]</a>
Example: Whatever you want the link to appear as goes here
From BlueDurham on linking:
For another post of ShockFX's in a diary it would be:
http://mgoblog.com/diaries/state-recruiting#comment-125774
The comment number can be found in the address if you hit the reply button for a specific post - its the last number of the address.
To direct to a specific comment in a board [or one of Brian's articles (labeled story)], again another of ShockFX's past comments:
http://mgoblog.com/content/thumbs-new-point-system#comment-125573
To type something but not have it link or do the HTML thing bracket it with "<" and "/>"
For example, the link to this post is:
<http://mgoblog.com/content/basic-html-posting/>
=
<http://mgoblog.com/content/basic-html-posting/>
More from BlueDurham:
To "Marquee" text:
<marquee>The text</marquee>
shows:
You can do multiple things at once:
To put blinking small italicized text into a yellow box:
<blockquote><blink><small><i>The text</i></small></blink></blockquote>
shows:
Yeah, I know, this comment is quite obnoxious with all of the stuff going on.
Yet more from BlueDurham:
arrows:
& followed by rarr; (right arrow, →), larr; (←), uarr; (↑), darr; (↓), harr; (↔), capitalize the A in the above gives you a double arrow, e.g. rArr; (⇒), and crarr; (↵).
subscript:
<sub>2</sub> shows up as 2
similarly, superscript is <sup>2</sup> shows up as 2
strike through
<strike>word</strike> gives word
Bringing it all together - something near and dear to all most of our hearts, the crucial process of fermentation is shown below:
C6H12O6 → 2C2H5OH + 2CO2
Thanks!
It ain't easy being cheesy
Great that you posted this.
To type something but not have it link or do the HTML thing bracket it with "<" and "/>"
For example, the link to this post is:
<http://mgoblog.com/content/basic-html-posting/>
Someone else on this here blog learned me this.
Can you link this post to the "About" tab on the top of the page? Or maybe better still, create a tab for "How to Post" that could serve as a permanent home for explanation of the point system, a few quick words on board vs diary posts, a little basic HTML as listed here, etc?
Agreed. This is a very useful post which will clean up the board a little bit. Thanks a bunch!
To post a "hidden reference" as link
<a href="the web link" target="_blank">link</a>
For example, as Brian says, the recruiting board lives here
is entered as:
<a href="http://mgoblog.com/content/2010-michigan-football-recruiting-board" target="_blank">here</a>
To "Marquee" text:
<marquee>The text</marquee>
shows:
You can do multiple things at once:
To put blinking small italicized text into a yellow box:
<blockquote><blink><small><i>The text</i></small></blink></blockquote>
shows:
Yeah, I know, this comment is quite obnoxious with all of the stuff going on.
Note: IE does not show the blinking text; Firefox will. I guess Bill Gates got tired of being blinked at.
Wanting something to be true does not make it true.
arrows:
& followed by rarr; (right arrow, →), larr; (←), uarr; (↑), darr; (↓), harr; (↔), capitalize the A in the above gives you a double arrow, e.g. rArr; (⇒), and crarr; (↵).
subscript:
<sub>2</sub> shows up as 2
similarly, superscript is <sup>2</sup> shows up as 2
strike through
<strike>word</strike> gives
wordBringing it all together - something near and dear to
allmost of our hearts, the crucial process of fermentation is shown below:C6H12O6 → 2C2H5OH + 2CO2
& will give &!
which allows you to eliminate the space in things like &rt;
I was going to do a separate post on this, but since this exists now I will just add it here. You can also customize how you embed youtube videos. The most important for me is size.
For instance:
There are a couple ways of handling this size change. The easiest way is to let youtube handle it. You can click the gear icon below:
For 4x3 videos (the ones with black vertical bars on either side of the player in youtube) just select the 320x265 option
before coping and pasting the embed code. This size should work for posts, as well as comments up to 4 levels deep (you are replying to a reply of a reply of a comment.) For high quality, HD and 16x9 videos, or 5 level deep comments this probably won't work (the smallest size in the customize options is still too big.) But you can do some math. Just copy the embed code somewhere and do some quick cross-copy and multiplying. Take 320 and divide it by the value from "width=Xpx" and then multiple that result by the value from "height=Ypx". Finally replace the width and height by 320 and the result of your math. This has to be done in two spots in the embed code in order to work across browsers. If the video is still too big, retry your math with a number smaller than 320 (300 should work for 5th level comment) and edit your post or comment.
There is one more parameter I will try to mess with today at work. I will follow up if it works. Might be cool.
Cognitive Dissonance at Notre Dame:
http://heycharlieweis.com/
you can also start them at specific times by inserting something like this at the end of the internet address:
#t=1m45s
This would start the video 1 minute and 45 seconds into it. For example:
http://www.youtube.com/watch?v=bv5RQyV3OWQ#t=0m59s
is
Note in your embed, after the end of the youtube url, you need to add "&start=59" in both places that contains the url. So the embed would look something like this:
As compared to starting this at time zero:
http://www.youtube.com/watch?v=FM6im0588OU
MGoPosts|MGoDiaries|Twitter|Email
This jumped out at me when I was putting the youtube stuff together, but I didn't address it. Video that is 4x3 is generally 320x240, which is, you know the same aspect ratio. I have no idea where youtube is getting this 265 from, but that is the source of the black bars under the video I posted. This is better:
Cognitive Dissonance at Notre Dame:
http://heycharlieweis.com/
So, somewhat unrelated to HTML, but I figure someone can help me out.
I've been here a year and every time I try to make an avatar I fail miserably. When I attempt to upload I just get directed back to the same "Edit Account" page with a message saying "That e-mail address already has an account associated to it" - or something of that nature.
Anyone else have a similar issue? Any suggestions?
It's Great to Be A Michigan Wolverine
The Team, The Team, The Team.
Sup with you?
Thanks ShockFX and to all that have contributed. I feel like I am more than savvy on tech stuff but totally lost on HTML.
So I have a picture in jpeg form (or really any form through photoshop) but how to I turn that into [URL GOES HERE]?
You would think ShockFX explained it with enough detail but I'm missing something. ANY HELP?
You have to either link to it from the page it's on (right click the photo and "Copy image location" or host at Photobucket, Flickr, Imageshack, etc and like from there. Try it with your own avatar picture for a test.
You would type this --> <img src="http://mgoblog.com/sites/mgoblog.com/files/pictures/picture-2812.jpg" />
didn't mean for you to have to hold my hand through the process but I'm a little behind. Got it now!
Testing
It worked! That html is a beautiful thing, and Kristie
isn't bad either.
I feel more like I do now than I did when I got here.
Cool story bro, you should tell it more often...
Cool story bro, you should tell it more often...
The Team, The Team, The Team.
"Gentlemen, it is better to have died as a small boy than to fumble this football."
-John Heisman
"Gentlemen, it is better to have died as a small boy than to fumble this football."
-John Heisman
blah blah blah
I routinely +1 myself in memory of em0, may he RIP
Midnight Maize I Twitter I Facebook
"How can a man seek revenge on a woman he wants to believe has no soul?"
<*>[the text]
I still don't understand how to in-activate html commands so that they can be displayed as text. Is this explained above?
To type something but not have it link or do the HTML thing bracket it with "<" and "/>"
that's what it says above; I must've done something wrong.
test II:
<
/>
just in case, i'll try it with quotation marks as literals:
"<"
"/>"
retracing my prior attempts, I'll try it with a literal";" after the latter expression;
<
/>;
and for rigor, with quotation marks:
"<"
"/>";.
(Sorry to make you repeat yourself.)
Are you trying to do this:
<blockquote>[the text]</blockquote>
Yes, I am.
As you see above, it still ain't happening. (Let me clarify; I'm trying to display the "blockquote" command as a literal.) Let me try a cut-and-past of the literal in the OP, here, for experiment:
Without the bracketting expressions:
And with:
<
/>
(no quotation marks)
If you have moderator super-powers, I invite you to look at the actual text of my comments to see where I'm steering off the road. Thanks for giving this as much time as you already have.
It's not:
<<blockquote><blink><small><i>The text</i></small></blink></blockquote>/>
It's:
<blockquote><blink><small><i>The text</i></small></blink></blockquote>
=
<blockquote><blink><small><i>The text</i></small></blink></blockquote>
<blockquote>[the text]</blockquote>
thanks.
No problem. For reference, I don't have super moderator powers (probably a good thing), but if you right click on the page and hit the "View Page Source" menu item, you can see the full HTML of the page, including what you actually typed into the box. If you don't know HTML that well though, it's a bit of a difficult read.
I didn't understand the vast majority of it, but I was able to find my way around. That is an eye-opener for the uninitiated, but it demystifies a lot, too. I've started boot-strapping my way to finding answers to this type of question via alternative sources (eg, simple google search) but I would never have known where to start without this post. I link it to comments all the time.
I can't wait till I'm old enough to feel ways about stuff
Magnus: Shoot...I eat old men for breakfast.
http://midnightmaize.blogspot.com/
[Best site ever]
I can't wait till I'm old enough to feel ways about stuff
Magnus: Shoot...I eat old men for breakfast.
http://midnightmaize.blogspot.com/
I can't wait till I'm old enough to feel ways about stuff
Magnus: Shoot...I eat old men for breakfast.
http://midnightmaize.blogspot.com/
ef="http://www.flickr.com/photos/lo
The Team, The Team, The Team.
I can't wait till I'm old enough to feel ways about stuff
Magnus: Shoot...I eat old men for breakfast.
http://midnightmaize.blogspot.com/
I can't wait till I'm old enough to feel ways about stuff
Magnus: Shoot...I eat old men for breakfast.
http://midnightmaize.blogspot.com/
I can't wait till I'm old enough to feel ways about stuff
Magnus: Shoot...I eat old men for breakfast.
http://midnightmaize.blogspot.com/
texttext
redtexttextredtexttextredtexttext<http://www.freep.com/print/article/20100204/SPORTS06/100204069/
1354/SPORTS/A-look-inside-Demar-Dorseys-recruitment>