Advanced Blogging Tutorial

Note to Subscribers: Please click through to Chrysalis. HTML code is not published in some Feed Readers.

PhotoHunt: Theme—Monthly
Written by e-Mom. Share on Twitter or FB. Subscribe in a Reader

This week, the theme at tnChick's PhotoHunt happens to be "monthly." Very timely, since I'll be using the button for my "monthly" Marriage Monday meme as an example in today's tutorial. And who among us doesn't enjoy beautiful wedding photos? I never grow tired of them,
do you?

How to Create a Scroll Box Below a Button

Most bloggers know how post a button in their sidebar. If you want to make it really easy for visitors to copy your blog's button and paste it in their sidebar, you will need to put your button's HTML code into a scroll box.

To create a scroll box, simply surround your button's code with "textarea" tags. These tags contain the parameters of how wide (rows) and how high (cols) you want the box to be. You can easily adjust these numbers to make the scrollbox wider or taller.

NOTE: In order for the scroll box to configure, you must REMOVE all four single quote marks. DO NOT remove the double quotes. Also, take careful note of the spaces. There is a single space after "6" and cols where the line of code breaks on this page.

Example: <'textarea rows="6" cols="30"'>BUTTONCODEHERE<'/textarea'>

To center the scrollbox below your button, simply surround the textarea tags with <'center'> and <'/center'>. (You can use these same tags around your button's code to center it too.)

NOTE: You must REMOVE all eight single quote marks.

Example: <'center'><'textarea rows="6" cols="30"'>BUTTONCODEHERE<'/textarea'><'/center'>

Here's how my Marriage Monday button and scroll box look when they're configured:

Want this button?

<center><a href="http://chrysaliscom.blogspot.com/search/label/Marriage%20Monday"><img alt="1st Monday Every Month at Chrysalis" src="http://i61.photobucket.com/albums/h79/chrysaliscom/MarriageMonday2.jpg" border="0" /></a><span style="font-size:78%;"><br /><a href="http://chrysaliscom.blogspot.com/2007/09/new-marriage-monday-button-code.html">Want this button?</a></span></center>

By the way, please join us for Marriage Monday on
June 7, 2010. Our group topic will be "Our Honeymoon Memories." More guidelines and information will be posted here at Chrysalis the weekend before. For information about how to join the Marriage Monday blogroll, please see my sidebar. Oh, and feel free to grab the code for the Marriage Monday button if you want it.

Happy PhotoHunting!

Photos: Heather Lazar (Flickr)

Please do not hesitate to ask for help if you have any problems.