Adding a Text Box

Dawn at Almost Ready Blogs gave me this code, and I’m going to share it with you (thank you thank you Dawn!). It’s perfect for posting your blinkie, along with the code for others to snag your blinkie as well.

The code is broken into two sections. The first section tells the website that you are creating an image (your blinkie) with a text box below it. The second section of code is for the blog reader to copy and paste the code to add your blinkie to their blog. Learn to make your own blinkie HERE.

The two sections of code are put together to add it to your blog.

Step 1 – Sample Code

Here is a sample code Dawn made for me. It would be used to 1) Add my blinkie and text area box and 2) allow others to copy and paste the code to snag my blinkie. Sometimes seeing the complete code helps you create your own.

<a href="http://easycustomblogs.blogspot.com/" target="_blank" title="Learn blog tips and tricks"><img src="http://upload1.scrapbookflair.com/scrapbooks/0/29/2975/o/297512_e3855300-be25-4f77-9f51-7e679b27ee5c_o.gif" border="0" width="200" height="75" alt="Easy Custom Blogs" /></a><br/><textarea rows="2" cols="22"><a href="http://easycustomblogs.blogspot.com/" target="_blank" title="Learn blog tips and tricks"><img src="http://upload1.scrapbookflair.com/scrapbooks/0/29/2975/o/297512_e3855300-be25-4f77-9f51-7e679b27ee5c_o.gif" border="0" width="200" height="75" alt="Easy Custom Blogs" /></a></textarea>

Here’s what it looks like:

Step 2 – Section ONE: Add your specific information. You can adjust the size of your text box here in this section of code by increasing/decreasing the width and/or the height.

<a href="YOUR BLOG ADDRESS OR URL" target="_blank" title="YOUR TAG LINE"><img src="YOUR BLINKIE IMAGE LINK" border="0" width="200" height="75" alt="YOUR BLOG NAME" /></a><br/><textarea rows="2" cols="22">

Step 3 – Section TWO (what will show in the box): Add your specific information about what will go into the text area box

<a href="YOUR BLOG URL OR ADDRESS" target="_blank" title="YOUR TAG LINE"><img src="YOUR BLINKIE IMAGE LINK" border="0" width="200" height="75" alt="YOUR BLOG NAME" /></a></textarea>

Step 4 – Put the two pieces of code together (with your specific information). It should look like this:

<a href="YOUR BLOG ADDRESS OR URL" target="_blank" title="YOUR TAG LINE"><img src="YOUR BLINKIE IMAGE LINK" border="0" width="200" height="75" alt="YOUR BLOG NAME" /></a><br/><textarea rows="2" cols="22"><a href="YOUR BLOG URL OR ADDRESS" target="_blank" title="YOUR TAG LINE"><img src="YOUR BLINKIE IMAGE LINK" border="0" width="200" height="75" alt="YOUR BLOG NAME" /></a></textarea>

Step 5 – Add the code to your blog.

Go to CUSTOMIZE/LAYOUT/PAGE ELEMENT/Add a GADGET

Select HTML/Java Script, and when the window pops up add the code from step 4.

Click the SAVE button.

Click here for a copy of these instructions on a WORD DOCUMENT.

Transparent Navbar

Blogger has created a new option for the navbar (navigational bar) that runs across the top of your blog.

Go to CUSTOMIZE/LAYOUT

You will see the NAVBAR in the middle of your layout. On the right of the NAVBAR is the word EDIT. Click on this and you can select the new Transparent Navbar. I also have directions for making your Navbar disappear, except when you mouse over it. You can find those HERE!