Thursday, September 07, 2006

Want to share HTML in your posts?

"D" says...I happened to find this sweet little "Online Tool" that says it encodes HTML so it can be posted on your blog/site posts. I assume this stops the code from doing it's code thing. It just sits there in your post waiting to be copied and pasted. I've looked for this in the past and never found it...must have searched poorly. just copy HTML you want to display on your blog/site...paste it in the box on , click the "encode" button then "recopy" the HTML from the box and then put it on your blog/site.

Here is a sample

Flickr Badge...

<!-- Start of Flickr Badge -->
<style type="text/css">
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_uber_wrapper {width:150px;}
#flickr_www {display:block; text-align:center; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#ffffff;border: solid 1px #CCCCCC}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
<table id="flickr_badge_uber_wrapper" cellpadding="0" cellspacing="10" border="0"><tr><td><a href="" id="flickr_www">www.<strong style="color:#3993ff">flick<span style="color:#ff1c92">r</span></strong>.com</a><
table cellpadding="0" cellspacing="10" border="0" id="flickr_badge_wrapper">
<script type="text/javascript" src="
<td id="flickr_badge_source" valign="center" align="center">
<table cellpadding="0" cellspacing="0" border="0"><tr>
<td id="flickr_badge_source_txt">More <a href="">Flickr photos tagged with blog</a></td>
<!-- End of Flickr Badge -->

You should be able to copy this and paste it to your blog/site. This code produces a Flickr badge that displays random users images.

| ______ digg IT


who i am / how to get me
blogs/sites to visit
Search Widgets
RSS Ticker/News Headlines
photo badge widgets
blog buttons and text
Counters & Comments etc.
mp3 players on your blog
Web Polls--Free
Chat Box blog
Misc. Add-Ons
Maps for your blog
my other sites
Powered by