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:
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.
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.