A |B | C |D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z |

Work in process . . .

AddThis Social Bookmark Button

digg.png

A

addthis.com

To add this useful addthis.com button that allows users to bookmark using any bookmark manager, use this code,

[a target="_blank" href="http://www.addthis.com/bookmark.php" title="Bookmark using any bookmark manager!"][img border="0" width="125" src="http://s9.addthis.com/button1-share.gif" alt="AddThis Social Bookmark Button" height="16" /][/a]

to get this in visual AddThis Social Bookmark Button

Anchors see also Footnotes
This code
[a href="https://oceanflynn.wordpress.com/?page_id=360#anchors"]anchors[/a]
[a name="anchors" title="anchors]anchors[/a]

Gives this result in visual:

When one word or phrase

is anchored to another word that is named as anchor using codes

anchors

anchors

B

  • Creative Commons 3.0 BY-NC-SA License:

This code:

[a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" mce_href="http://creativecommons.org/licenses/by-nc-sa/3.0/"]<img src="http://i.creativecommons.org/l/by-nc-sa/3.0/80x15.png" alt="Creative Commons 3.0 BY-NC-SA License" /][/a]

Gives this result in Visual:

Creative Commons 3.0 BY-NC-SA License

D

delicious and wordpress.com individual posts

This code:

[a href="http://del.icio.us/post?url=https://oceanflynn.wordpress.com/2008/02/24/connectivity-between-delicious-and-wordpresscom&title=connectivity-between-delicious-and-wordpresscom"]link this post on delicious and wordpress.com connectivity to del.icio.us[/a]

Will give this result in visual:
link this post on delicious and wordpress.com connectivity to del.icio.us

Using the ID https://oceanflynn.wordpress.com/?page_id=360 for this page entitled “wordpress.com friendly codes collected by a bricoleuse”

[a href="http://del.icio.us/post?url=https://oceanflynn.wordpress.com/?page_id=360&title=wordpress-com-friendly-codes-collected-by-a-bricoleuse"]wordpress.com friendly codes to del.icio.us[/a]

Will give this result in visual:
wordpress.com friendly codes to del.icio.us

The page ID for this page in delicious is

http://del.icio.us/ocean.flynn?url=http%3A%2F%2Foceanflynn.wordpress.com%2F%3Fpage_id%3D360&title=wordpress.com%20friendly%20codes%20collected%20by%20a%20bricoleuse%20%C2%AB%20Speechless

http://del.icio.us/ocean.flynn?url=http%3A%2F%2Foceanflynn.wordpress.com%2F%3Fpage_id%3D360&title=wordpress.com%20friendly%20codes%20collected%20by%20a%20bricoleuse%20%C2%AB%20Speechless

digg.com

The page ID for this story submitted to Digg under this headline “Dashboard for Dummies: Self-submitting and auto-generation” under the category “educational” is:

http://digg.com/educational/Dashboard_for_Dummies_Self_submitting_and_auto_generation

Playing with codes for connectivity, digg and wordpress

This code:
[a href="http://digg.com/educational/Dashboard_for_Dummies_Self_submitting_and_auto_generation"][img src="https://oceanflynn.files.wordpress.com/2008/02/digg.png" alt="digg.png" /][/a]

Gives this result in visual:
digg.png

This code

[a href="http://digg.com/submit"][img src="https://oceanflynn.files.wordpress.com/2008/02/digg.png" alt="digg.png" /][/a]

Gives this result in visual

digg.png

This freeze-screen image WordPress, Flickr and Digg is from my Flickr album.

E

F

Footnotes can use the same code as anchors but they also require changing font sizes to superscript and footnote standard reference styles.

Flickr

Flickr generates this code automatically when an image is blogged:

[div style="float: right; margin-bottom: 10px; margin-left: 10px"]
[a href="http://www.flickr.com/photos/oceanflynn/2328978837/" title="photo sharing"][img src="http://farm4.static.flickr.com/3088/2328978837_3cbed1c1a1_m.jpg" style="border: #000000 2px solid" /][/a]
[span style="margin-top: 0px; font-size: 0.9em"]
[a href="http://www.flickr.com/photos/oceanflynn/2328978837/"]Wordpress, Flickr and Digg[/a]
Originally uploaded by [a href="http://www.flickr.com/people/oceanflynn/"]ocean.flynn[/a].
[/span][/div]

Which looks like this in visual:



WordPress, Flickr and Digg
Originally uploaded by ocean.flynn

Flickr with stretchy tables in WordPress

I use stretchy tables to control size and alignment of text and images inserted by Flickr:
This code:
[table width="450"]
[tr]
[td class="first"][a href="http://www.flickr.com/photos/oceanflynn/2328978837/" title="photo sharing"][img src="http://farm4.static.flickr.com/3088/2328978837_3cbed1c1a1_m.jpg" style="border: #000000 2px solid" /][/a][/td]
[td class="last"]This freeze-screen image [a href="http://www.flickr.com/photos/oceanflynn/2328978837/"]Wordpress, Flickr and Digg[/a] is from my Flickr album.[/td]
[/tr]
[/table]

Gives this result in visual:

This freeze-screen image WordPress, Flickr and Digg is from my Flickr album.

G

H

I

J

K

L

M

N

O

P

The HTML code separating paragraphs [p] [/p] does not seem to work well in wordpress.com. I have begun to use
[p class="front"][/p] instead. For my bibliographies I have used this:

[dl][dt]
[p class="front"][a name="Beauvais2002" title="Beauvais2002"][/a]Beauvais, Caroline, and Jane Jenson. 2002. “Social Cohesion: Updating the State of the Research.” CPRN Discussion Paper No. F/22. Ottawa: Canadian Policy Research Network.[/p]
[/dt][dt]
[/dt][dt]
[/dl]

Which looks like this in visual:

Beauvais, Caroline, and Jane Jenson. 2002. “Social Cohesion: Updating the State of the Research.” CPRN Discussion Paper No. F/22. Ottawa: Canadian Policy Research Network.

Page id

Each post and page in wordpress has its own page id. Each blog has its own id. There can also be permalinks which differ from the post’s url as used by mainstream media such as NYT to ensure that an article remains available once it is archived.

The ID for this page is https://oceanflynn.wordpress.com/?page_id=360

Anchors work using the page ID. Digg and del.icio.us also use page IDs. The author can submit a post, page or permalink to delicious or Digg to get the page ID in the proper format so that the titles, abstracts (notes, synopsis) will be automatically generated by these social media aggregators.


The New York Times Web 2.0 standards for metatags are admired by such sites as ReadWriteWeb. It is interesting to note the applications The New York Times provides to facilitate managing, sharing, printing, storing, retrieving and accessing links. They offer an interesting feature called PERMALINK which provides a cut-and-paste permanent url address ensuring access to the article even after it becomes part of the NYT archive. For example the article Sorkin, Andrew Ross. 2008. “Sale Price Reflects the Depth of Bear’s Problems.” << New York Times. March 17, 2008. has this permalink
www.nytimes.com/2008/03/17/business/17cnd-bear.html?ex=13… I have used this in a webliography on the mortgage meltdown, a work in progress.

Q

R

.rss
This code:
[a href="https://oceanflynn.wordpress.com/feed/"][img border="0" align="left" width="28" src="https://oceanflynn.files.wordpress.com/2008/02/rss.jpg" height="28" /][/a]Gives this result in Visual:

S

Strong, bold, b
This code:
[strong>Strong, bold, b</strong]:

Gives this result in Visual: Strong, bold, b

This code for superscript
Used in footnotes [sup][1][/sup]

Looks like this in visual

Used in footnotes [1]

T

Tables, stretchy

This code: 
[table width="450"]
[tr]
[td class="first"]
[a href="http://www.xx.com" mce_href="http://www.xx.com" title="title here"]
[img src=".jpg, .png. .gif" class="xxx" alt="imagedescription" ]
[/A]
[/td]
[td class="last"]c. 150 words (tbc) about the image here.
[/td][/tr]
[/table]

Gives this result:



imagedescription
c. 150 words (tbc) about the image here.

U

V

W

X

Y

Z

One Response to “wordpress.com friendly codes collected by a bricoleuse”


  1. Thanks for the good resources.


Leave a Reply

Fill in your details below or click an icon to log in:

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

Follow

Get every new post delivered to your Inbox.

Join 56 other followers

%d bloggers like this: