Display a blog button with text box for code in Blogger

Bet you've often seen blog buttons of varying shapes and designs being displayed on websites or weblogs, together with its Html code in a text box beneath - something like my blog's button and its code as illustrated below and wished you know how to create one for your own blog too, yes?

A blog button is a hyperlink thumbnail image that when clicked on will lead the reader to your blog, usually the homepage or to any desired destination. Providing a cool blog button is an interesting alternative way in promoting your blog by others rather than just an ordinary text link.

When you add your blog button or logo at the sidebar or footer with its HTML code in a scrolling text box beneath, then interested parties can easily copy and paste its code if so desire, to display the button at their own blogs or websites. Thus providing easy access to your blog which is another way of advertising for you and probably increase traffic to your blog when their readers click on the button.

Creating your blog's button with its code is quite simple really. You just need to create your button, apply some basic HTML to make it clickable and provide its code for copy and paste.

How to place HTML in a Scroll Box, Blog Post or Elsewhere

Creating a scroll box is simple, you can follow this easy tutorial here on making one!

Thus, in this post, I will focus more on how to type HTML (Hypertext Markup Language) code, using HTML entities so that they appear as they are, that is, normal character text and not as markup.

Learning how to do it properly is essential for all of us who'd like to share tutorials on blogging tips and the like, where correct HTML script/codes are needed to be presented as guides.

Some others may simply want to share their blog's buttons and need to display the proper HTML codes so that interested parties can copy and paste to their blogs or websites.

Yet others may want to email some HTML to friends, not realizing that the code will be processed by the web browser as markup in transition.

Create easy HTML Scroll Box on Blogger

When I wanted to do a tutorial on how to install a related posts widget for Blogger recently, I was forced into learning how to create a scroll box to contain the exceptionally long script codes. And, mighty glad about that because I managed to learn how to make a scroll box and much more in the process, and get to document and share it here for the benefit of others as well!

Scroll box is very handy when you have a lot of data or text but limited space to display them. Besides text, the scroll box can contain images and HTML codes too! And, it's so easy to create one that can be located within your blog post or pages and even at the sidebar, footer or below a header for announcement and the like! It helps to save valuable space in your blog, giving a professional touch too!

2 examples of scroll boxes