How to Display HTML code on a Blogger blog post

The seemingly simple task of showing someone a string of HTML or JavaScript code to use on their blog/web site can be a challenge because the blog compiler interprets the string to be displayed on the page as something it should process and turn into a web function.

One way around this is to enclose the code in a <textarea> 

To do this in Blogger, switch to the HTML view of your post and find where you want to display the code snippet.
insert a <textarea cols="70" rows="1"> tag followed by your code string and completed by the </textarea> tag so your post looks like this ...

and example of how to use html tags like <b><i>and</b></i> etc without them being compiled

Another way is to replace all actual < and > characters with their ASCII code equivalents &#60 ; and &#62 ; or &lt ; and &gt ; so your post looks like this ...

How to add Follow Me On Twitter to a Blogger blog

I know I'm a slow adopter of these things and many of you may snigger that I'm only just getting round to some of this stuff, but for those of you who haven't done it yet ... these are the exact steps to adding a Follow Me On Twitter link to your Blogger blogs.

On your Blogger Dashboard,  select the Blog you want to modify
 
then select Layout and choose where you want to place the button


I chose to add mine at the right by selecting Add a Gadget in that area

From the Basics section in the resulting dialog, choose  HTML/JavaScript gadget
 
In the Configure HTML/JavaScript dialog, provide a Title and paste the following code into the Content box, changing the "automation_man" text to the name of your twitter stream.


Code to copy and paste
<a class="twitter-follow-button" data-show-count="true" href="http://www.twitter.com/automation_man"></a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

 Save and this will take you back to the layout where you can Preview / Save arrangement and its done !