Tuesday, June 24, 2008

How to share HTML in Blogger without it being "read"...

.
This girl & I were chatting about how frustrating it is that we haven't been able to share HTML on our blogs without that pesky (but cute) button popping up in our posts. We know the Typepad girls can do it - surely there must be a way!

If you've got some HTML you'd like to share on your Blogger blog this is a step by step how to share the code without having that oh so cute button appearing in your post or sidebar.



First things first:
You've got a brilliant idea/game/meme that you'd like displayed in sidebars all over the place.


Then
Re-write your code replacing the <a the >< & the ></a> as pictured above in red.



Copy & paste this code into your compose window in Blogger. Blogger will convert it back to useable code for use by others. Like this:

<a href=" http://kootoyoo.blogspot.com/"><img src="http://farm4.static.flickr.com/3456/3178070433_bfd5f8c0f8.jpg?v=1231386060"/></a>

Ask your readers to copy and paste as a button in their sidebars (in Blogger this is done by adding Third Party HTML via Layout & Add a Page Element)

Now
Watch your button pop up all over the place.



Yay hooray.

6 comments:

CurlyPops said...

Thanks for the linky links Kirsty!

Leni &amp; Rose said...

Great! Thats a much better way than the one I knew (enclosing the html in a text box)...thanks!

h&amp;b said...

Had 106 new blogs from you according to Bloglines this morning - didn't think you'd gone crazy, but thought i'd better check :p

*Love* you sidebar of fresh local content etc - how did you do that ? It looks pretty spesh !

Sally Ann said...

My question is the same as the one above,how did you get your lefthand side wider and a different colour. As for your post on HTML you lost me???

Kirsty said...

Sally Ann - If you have a blogger blog my blog is just a standard template - Tekka I think.

The Fresh Content List is a relatively new standard blogger feature & can be found in your "add a page element" pop up menu. It's the top left icon.

This post about adding HTML as readable type is only helpful if you've got a button/image you want displayed with a link back to your blog (or to another site).

Hope this helped.

barbach said...

<img class=" jsk-ItemAttachmentIcon" style="width: 15px; height: 15px; cursor: pointer;" src="http://js-kit.com/blob/tjLeWsQ9lRJmyl3g8cIAZO.gif" alt=""/>

just for testing the script