Clipmarks | Share This Clip

The easiest way to blog the interesting things you find on the web.
Supports Blogger, Wordpress, Typepad, Live Journal, Movable Type, and Vox. learn more»

Post this to your blog or embed code
Blog Type:
Blog Username: (Your Email Address)
Blog Password:
Blog Url:
XML-RPC Url:
Copy and Paste the following code into a new blog post... <div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clipmark/93CE401E-2AFD-4B23-B70E-EA46D2592549/" title="go to this clipmark"><img src="http://content.clipmarks.com/blog_embed/97339a6e-7429-4fb9-9c54-2a3fdd10a56f/93CE401E-2AFD-4B23-B70E-EA46D2592549/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://webdevelopersfieldguide.com/" href="http://webdevelopersfieldguide.com/" style="font-size: 11px;">webdevelopersfieldguide.com</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://webdevelopersfieldguide.com/"><DIV id="header"> <DIV id="title_link"> <A href="http://webdevelopersfieldguide.com"> </A> </DIV> </DIV></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://webdevelopersfieldguide.com/"><DIV id="master_menu"> <UL> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#inspiration">inspiration</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#webdesigndailyreading">web design reading</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#typography">typography</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#fonts">fonts</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#colortheory">color theory</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#colortools">color tools</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#colorschemes">color palettes</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#colorpatterns">color patterns</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#cssdailyreading">css: reading</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#cssgalleries">css galleries</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#csslayouts">css: layouts</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#navmenus">css: nav menus</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#csstechniques">css: techniques</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#csssoftware">css: Firefox</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#csswebtools">css-web-tools</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#htmlwebtools">html-web-tools</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#usabilitya">usability & accessability</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#accessibilitycheckers">accessibility checkers</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#misctools">misc. tools</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#ajaxapps">ajax</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#javascript">javascript</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#dom">DOM</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#rss">RSS</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#cms">CMS software</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#blogging">blogging</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#gettingthingsdone">Get To Done.</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#freelancers">freelancing</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#royaltyfree">royalty free photos</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#specifications">specifications</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#freesearchsubmission">free search engine submission</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#seotools">seo tools</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#seoreferences">seo references</A></H2></LI> <li style="margin-left:16px;padding-left: 0px;"><H2><A href="http://webdevelopersfieldguide.com/#friends">friends of the field guide</A></H2></LI> <LI class="page"><A href="http://www.dreamhost.com/r.cgi ">hosted by Dreamhost (link pops) <IMG src="http://webdevelopersfieldguide.com/wp-content/themes/handbook/images/tiny_leaf_white_on_trans.png" /></A></LI> <LI class="page"><A href="http://webdevelopersfieldguide.com/suggestreport-links/">contact (suggest a link / complain)</A></LI> <LI class="page"><A href="http://webdevelopersfieldguide.com/about">about this site </A></LI> <LI class="note"> </LI> <LI class="note"> </LI> <LI class="note"><IMG src="http://webdevelopersfieldguide.com/wp-content/themes/handbook/images/tiny_leaf_maroon_on_white.gif" /> = affiliate link</LI> </UL> </DIV></blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;"> </td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/93CE401E-2AFD-4B23-B70E-EA46D2592549/blog/" title="blog or email this clip"><img src="http://content9.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>
Login or Sign Up to save your blog settings.

Title of Post:

Remarks for Post:	BBCode No HTML

Style Options

See also: View on clipmarks.com Email it to friends

Clip Preview:

style options...

Include Clip before or after Remarks

Before After

Customize Clip Colors

Border

Background

Font

Video Size

If you are clipping video to your blog, and it is too wide, select this option.

Use smaller video

Clipmarks Logo and Link

If you chose not to have the Clipmarks logo and link in this blog post, select "Don't include" here.

Don't include

Line Breaks (Advanced)

If your blog software is configured to automatically convert new lines into HTML, select "Don't format" here to prevent Clipmarks from doing so.

Don't format

Styles (Advanced)

By default, Clipmarks uses inline styles to format content in your blog post. If you would like to prevent this styling and customize the css rules yourself, select this option and copy this stylesheet into your blog template.

Don't use inline styles

Search Options

inspiration

web design reading

typography

fonts

color theory

color tools

color palettes

color patterns

css: reading

css galleries

css: layouts

css: nav menus

css: techniques

css: Firefox

css-web-tools

html-web-tools

usability & accessability

accessibility checkers

misc. tools

ajax

javascript

DOM

RSS

CMS software

blogging

Get To Done.

freelancing

royalty free photos

specifications

free search engine submission

seo tools

seo references

friends of the field guide

style options...

copy and paste this stylesheet
into your blog template...

embed this clipmark in your site...

Search Options

style options...

copy and paste this stylesheetinto your blog template...

embed this clipmark in your site...

copy and paste this stylesheet
into your blog template...