THE “HOW TO” STICKY: USEFUL HTML + ADDING MEDIA TO COMMENTS AT THE PUB.

The Pub Gravatar8B 500

This post will stay at the top of the page. It contains instructions on basic HTML, and how to post vids etc.on the blog. It will get added to as time goes on. Enjoy.

Handy HTML to use at The Pub


Some emoticons:

: ) = SMILE

; ) = WINK

: lol: = LAUGH OUT LOUD

: grin: = GRIN

: razz: = RASPBERRY (though not a very good one)

: ( = FROWN / SAD

: oops: = BLUSH / OOPS

HOWEVER – make sure you omit the first space in the HTML command, or it won’t work!

bushfirebill

To save the excruciating torture C@tmomma has inflicted on herself, I report this from the Way-Back Machine:

PLEASE NOTE: THE {} CURLY BRACKETS ARE NOT REQUIRED. THEY’RE THERE FOR EMPHASIS ONLY.

To post images from the web…

<img src="{ADDRESS OF IMAGE HERE IN QUOTES}" / >

Notes:

1. To get the address of the image, right click on it and use “COPY IMAGE LOCATION” OR “COPY IMAGE URL” (N.B. NOT “COPY IMAGE” or “COPY LINK LOCATION”)

2. The Forward slash before the concluding > character is said to be essential, but the technique sometimes works without it.

To post images AS LINKS to other web sites, posts, images etc…

If you want to include both the image AND a link to an article you can present both and make the image “clickable” to take readers to the link. That is, clicking on the image will automatically take you to the link as well.

Use this format:

<a href="{ADDRESS OF LINK HERE IN QUOTES}"><img src="{ADDRESS OF IMAGE HERE IN QUOTES}" / ></a>

To make hyperlinks (words you click on to link to another site, photo or post)…

<a href="{ADDRESS OF LINK HERE IN QUOTES}">{WORDS THAT COMPRISE THE LINK e.g. NEW THREAD}</a>

Example of what we do to link to a thread:

<a href="https://pbxmastragics.com/2013/02/22/the-pied-piper-of-the-sky/">NEW THREAD</a>

comes out as NEW THREAD

YouTubes…
Cut and paste the YouTube address from the YouTube address bar directly into your post here.

*******************************************************************************************

Simple HTML commands:

————————————–

To quote a block of text (indent and italicise it):

<blockquote>{TEXT HERE can be any length}</blockquote>

To Italicise any piece of text:

<i>{TEXT HERE can be any length} </i>

To Embolden any piece of text:

<b>{TEXT HERE can be any length} </b>

To Strike Out (place a line through) any piece of text:

<strike>{TEXT HERE can be any length} </strike>

To use Fixed Space Text (i.e. Courier font):

<code>{TEXT HERE can be any length}</code>

More to come as I discover them…

****************************************************************************************

TWITTER LINKS

To post a graphical representation of a twitter link, e.g.:

Twitter graphic

1. Hover over the tweet and look for the list of options at the bottom.

2. Click on MORE…

3. Select EMBED.

Twitter graphic MORE-EMBED

4. You will see a REALLY long complicated URL in a box.

5. It’ll probably be auto-highlighted, so just press Ctrl-C to COPY it. If it for some reason becomes un-highlighted, double-click on it to highlight it, and then COPY (Ctrl-C).

Twitter graphic Embed

6. Paste into The Pub’s comment box.

Twitter graphic Pub Post box

7. What you want is the bare bones of the twitter “embed” address. Cut the following red highlighted bits out…

Twitter graphic Pub Post box - Cut out

8. Leaving just this… (make sure you hit ENTER to place your cursor on the next, empty line… the Twitter embed function needs the Twitter address on its own line)

Twitter graphic Pub Post box - Bare Address

9. You tweet will appear in “twitter format” (complete with pictures if any).

****************************************************************************************

 

Advertisements

6 thoughts on “THE “HOW TO” STICKY: USEFUL HTML + ADDING MEDIA TO COMMENTS AT THE PUB.

  1. Thankyou, from the bottom of this old grans heart. I can finally learn how to do this desk top stuff.
    This site is getting better every post. Well done.

  2. when reading the how to put picture here does it mean your own personal
    picasa photos,, i up load phots to my sewing class when ever i want to
    i simply take a photo and up load. they provide a space
    i would of like to show gigilene the birds and ducks

SPEAK UP FOLKS

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s