Advertisement

LJWorld.com weblogs Yes, I did say that!

Blogging Shortcuts - DIST's Cheat Sheet

Advertisement

Updated August 27, 2010

This list of shortcuts are those that are frequently used by bloggers. If you are new to blogging, it is recommended that you first review the tutorial How to Create a LJW Blog - A Beginner's Guide.

All shortcuts are simply "cut, paste, fill in the blank." Unless otherwise noted: copy all red HTML code; that means from, and including, the first "less than sign" (<) to, and including, the last "greater than sign" (>). Replace any text inclusive of the words, "Paste [your content] here" with your desired text, picture, or code. Do not eliminate any quote marks, or other code characters.

Quick Links:

Headings

Headings are bold fonts in various sizes. Use the one that fits your need.

Largest Heading

<h1>Paste your largest heading here</h1>

Still Quite Large

<h2>Paste your large heading here</h2>

This Is A Common Size

<h3>Paste your common heading here</h3>

A Little Smaller Heading

<h4>Paste your smaller heading here</h4>

A Normal Size Heading
<h5>Paste your normal heading here</h5>

A Small Heading
<h6>Paste your smallest heading here</h6>

Paragraphs and Line Breaks

Paragraphs can be separated by placing the text between "P" tags. This also has the benefit of resetting the size and style of fonts to the default.

<p>Paste text of paragraph here<p />

The paragraph command places an empty line between paragraphs.

Line breaks, force a new line to start. For example, This is
a forced line break.

<br />

The paragraph and forced break can be used to place blank spaces between objects, pictures, and text.


Another type of break, one that is quite visible and provides a distinct separation of content, is the horizontal line.

<hr />


Poetry

Poetry presents a challenge when writing a blog or using HTML code. There are many ways to work with the spacing. Here is one way:

Poetry requires different spaces
Sometimes single

Other times double


Either way is a lot of trouble


To make the jingle
You have to think bilingual
And keep smiley faces


Here is what the above poem looks like "behind the scenes."


<p>Poetry requires different spaces<br />
Sometimes single<br />
<p>Other times double<p /><br />
<p>Either way is a lot of trouble<p /><br />
<p>To make the jingle<br />
You have to think bilingual<br />
And keep smiley faces<p /><br>


Formatting

This text is bold
<b>Paste bold text here</b>

This text is big
<big>Paste big text here</big>

This text is italic
<i>Paste italicized text here</i>

This text is underlined
<u>Paste underlined text here</u>

This is strike through text
<s>Paste strike through text here</s>

Center Alignment

Pictures, objects, and text can be aligned using HTML tags. Text and pictures will, by default, align to the left.

Align to the center

<center>paste picture or text here</center>

Links

The first type of link will take the user to the linked page. The user would then use their back button on their browser to return to your page.

This is an example.

<a href="Paste URL here">Paste Visible Words Here</a>

This link will open a new tab or window on the user's browser. The original tab, your blog, will remain open.

Visit W3Schools!

<a href="Paste URL here" target="_blank">Paste title here</a>

This last link is a "clickable" picture. This allows a user to click an embedded picture or object and open a new window to a referenced link.


<a href="Paste URL Destination Here"target="_blank"><img src="Paste URL of Picture Here"></a>



Images

Images are uploaded using the upload a photo link on either content or extended content boxes. However, sometimes they will not appear in the blog; rather, the blog just shows a hyperlink. Normally this can be fixed by simply placing a paragraph ending on the line preceding and following the link.

<p />

So it might look something like this in your content box:
<p />
http://www.rumela.com/albums/denise_richards/denise_richards02.jpg
<p />

There is another method to display images as you may have noticed in the links section above. In this case you will be pasting the image location between the quotation marks. However, you must have the actual link location. This can even be a link to another internet source as long as it is the actual location of the image. Image locations can usually be found by right clicking on an image and then choosing view image.

<img src="Paste URL of Picture Here"></a>

There may be times that the picture needs to be limited in size. Size limits are stated in pixels. Normally, if the width is defined, then the height will adjust to maintain ratio. But, if necessary height may be specified. In the cut and paste below, simply replace 700 with the desired width in pixels. Note: 700 is the approximate width of the blog column.

<img src="Paste URL of Picture Here" width="700"></a>

or

<img src="Paste URL of Picture Here" width="700" height="350"></a>

Here is an example of a picture limited to a width of 100 pixels:

click tracking

Anyone with content that would improve this tutorial please send a Private Message to Did_I_say_that.

Did_I_say_that can be Emailed here

Sending a private message or email provides consent to use the content of the message.

Visit Did_I_say_that's Blog Entries

*All images used under Copyright Law US Code Title 17, Section 107

Comments

RoeDapple 4 years, 5 months ago

Thanks Did_I ! My blogs have gotten boring lately so I haven't bothered. This might even make the cuzins look good!

Commenting has been disabled for this item.