HTML Interior Banner. A How-To Post, By Request

By
Real Estate Agent with Florida Property Experts

Daytona Beach Real Estate & Community Events Blog. By Lisa C. Hill, "THE SMART CHOICE!"

For those of you who hadn't noticed, my last couple of blog posts have included something new. A banner inside the text box, at the top of each post. I've used this banner in the past but I had forgotten about it. Well, after some tweaking, I decided it was time for it to make a comeback. And this will probably be a permanent coconut headcomeback since it contains specific key words that will help my SEO, at the top of each post.

As soon as I posted the first "new" banner post, I received a message from Lisa Heindel, asking me how to do it. Now I wish I could take credit for the original idea of using this banner, but I can't. I originally learned about it from someone else here on Active Rain. I wish I could remember who it was, so I could give the proper credit, but it's been a long time, so my apologies to the person who showed me how to do it.

So in this post, I had planned to show you how to switch to HTML mode and copy the code I would provide. I was then going to direct you to HTML sites that give you color charts. So imagine my surprise when, while still in WYSIWYG mode, when I pasted in the HTML for my banner, which would allow you to copy and paste, I was not left with just code, but the actual, entire banner. Obviously Active Rain has changed something that allows us to paste HTML and have banners (and possibly other things?) work, while still in WYSWYG mode. Huh. Go figure.

So, after removing brackets, then adding junk code, then more fiddling around, doing everything I could think of to get just the code to show, I finally gave up. And just as I was changing this post to an "ask for help" post, I remembered the Freeware I had downloaded, that enables me to take snapshots of anything on my computer screen. So I pasted the code into a WordPerfect document, then took a snapshot of it. The snapshot is saved as a .jpeg image, so it can be embedded as a photo. So here you go! Below is the HTML code for the banner you see above.

HTML banner code

 

 

 

 

 

 

 

 

 

 

 

 

 

 

You won't be able to copy and past this code, since I had to embed it as a .jpeg image, but you can type it into your own post. You'll also need to place your own text in the box, and you may want to change the background colors, border colors and text colors.

buttonThere are many web sites that offer the HTML or CSS code color lists. I prefer (for obvious reasons) the lists that show the code along with the actual color. But bear in mind, colors look different on every computer monitor.

Here is one list of HTML colors. You'll also notice that if you turn the page on this list, it also provides basic HTML code for a number of things you can do on your blogs and web sites.

You may notice that my color codes are different than the codes on the list above. That's because I used codes from the web color Hexidecimal/RGB chart. (BTW, RGB is red, green, blue) The hexidecimal/RGB chart will allow you to duplicate web colors on print media as well. If you're trying to get an exact duplicate color both on and offlice, you may notice that when using Adobe Photoshop, you can change the colors of objects by entering the precise numbers of red, green and blue.

Lastly, I keep basic HTML, and HTML/CSS color charts printed and clipped together and tucked in the very front of the metal folder holder on my desk. It's great to keep them handy because let's face it. We're REALTORS®, not web masters, but we usually only need the basic codes, which we can easily do ourselves. But it's easy to forget the little parts of HTML code that make a BIG difference in the outcome of your HTML projects! So I recommend keeping handy cheat-sheets nearby.

If you really want to learn more about HTML, but don't want to experiment on your web site, or ruin a blog post while you're learning, here's an idea. Create an extra page on your web site, but don't make it visible to the public. This way you can experiment til your heart's content =) Heck, you might even want to keep that page there and just copy and past what you've created, anytime you need it. I haven't done this, (since I just thought of it) but it would sure save a lot of time in the future!

Good luck!

So are you wondering why I used the coconut head picture?

Page copy protected against web site content infringement by Copyscape

close

This entry hasn't been re-blogged:

Re-Blogged By Re-Blogged At
Groups:
It's a Geek Thing
Misfits, losers and loners
Technology
Web 2.0
Tags:
html

Spam prevention
Show All Comments
Rainer
50,714
LS Rogers Realty
LS Rogers Realty - Richardson, TX

That's impressive for me. I need all the help I can get. THANKS!

Jul 15, 2008 07:25 PM #1
Rainmaker
251,793
Katrina Madewell
Charles Rutenberg Rlty- More than 5,000 agents(813) 777-1196 - Tampa, FL
Tampa FL Homes for sale | Tampa Bay - (813) 777-1196

LISA - Yeah it was me.. I'm sure of it ... LOL

so what's up with the cocnut head?       Is that your next great blog idea?

Jul 15, 2008 07:26 PM #2
Rainmaker
363,401
Susie Blackmon
Ocala, FL
Ocala, Horses, Western Wear, Horse Farms, Marketing

Hi Lisa, lots of good info in this post.  A bookmark for sure!  Not sure about the coconut head but we do have to know alot of 'stuff' to be realtors don't we.  And our jobs are evolving daily. 

Jul 15, 2008 07:27 PM #3
Rainmaker
413,305
Lisa Heindel
Crescent City Living LLC - New Orleans, LA
New Orleans Real Estate Broker

Thank you, thank you, thank you!!  I love to spice up posts and just could not figure out how you did that - I really appreciate you sharing it with all of us, Lisa :)

Jul 15, 2008 07:30 PM #4
Rainmaker
631,202
Don Rogers
Keller Williams Realty Chesterfield - O'Fallon, MO
Realtor, Broker, CDPE, GRI, OnullFallon MO & St Charles County MO homes

Lisa,

Thank you for the tip, I will have to work on this one.

BTW, the coconut head, could it be because some of us are HARD HEADED?

Don R.

Jul 15, 2008 11:18 PM #5
Rainmaker
340,220
Judy Greenberg
Coldwell Banker Long Grove - Buffalo Grove, IL
Coldwell Banker - Buffalo Grove - Long Grove Homes

Are you going to make us guess all day about the coconut head?  Thanks for the great info.

Jul 16, 2008 12:08 AM #6
Rainmaker
4,432,726
Gita Bantwal
RE/MAX Centre Realtors - Warwick, PA
REALTOR,ABR,CRS,SRES,GRI - Bucks County & Philadel

I will bookmark this and try it later.Thank you.

Jul 16, 2008 01:07 AM #8
Rainmaker
309,761
Mike Mueller
Tech and Social Media Consultant - Walnut Creek, CA

Lisa - Good stuff.  One addition you could make is to link the text to your outside blog.  That would look like this:

<table cellspacing="2" bgcolor="#cc99ff" border="3" bordercolor="#cc99ff" cellpadding="2" width="100%">
<tbody>
<tr>
<td valign="top"><strong> <span style="color: #cc3300;"> <a href="http://www.lisahillrealtor.com/">THE Daytona Beach Real Estate &amp; Community Event Report.  By Lisa C. Hill, "THE SMART CHOICE!"</a> </span> </strong></td>

</tr>
</tbody>
</table>

Active Mike

 

Jul 16, 2008 02:09 AM #9
Rainmaker
472,799
Sondra Meyer:
Star View Real Estate - Colorado Springs, CO
See It. Experience It. Live It.

Lisa, thank you for sharing your tips with us.  And the link to a list of the color codes.  I'm looking forward to experimenting with your tips. 

Jul 16, 2008 02:30 AM #10
Rainmaker
1,540,102
Gary L. Waters Broker Associate, Bucci Realty
Bucci Realty, Inc. - Melbourne, FL
Fifteen Years Experience in Brevard County

Lisa - I am still working on this. I got the box on one of my older posts so now I need to tweak it. Thanks.

Jul 16, 2008 03:31 AM #11
Rainmaker
595,531
Lisa Hill
Florida Property Experts - Daytona Beach, FL
Daytona Beach Real Estate

OK Mike. Showoff! How did you get it to work? Or... not work?

smiley

 

Everyone else. The coconut head has no reason. I just wanted to use the picture. LOL! But I had no idea how imaginative you all are!! HAHAHAHAAA!

Jul 16, 2008 07:15 AM #12
Rainmaker
416,486
Mesa, Arizona Real Estate Mesa Arizona Realtor
Homes Arizona Real Estate LLC - Mesa, AZ
AzLadyInRed

Lisa, this is goooood stuff. I'll definitely bookmark this one. I know just enough to be dangerous, and then I forget. Love the tip about cheat sheets. ;-)  Great job! I like Mike's stuff too...;-)

 

Pepper

Jul 18, 2008 02:03 PM #13
Rainmaker
595,531
Lisa Hill
Florida Property Experts - Daytona Beach, FL
Daytona Beach Real Estate

Terri- Sometimes I feel the same way... just enough knowledge to be dangerous. BTW, Mike Mueller had a great idea! He showed how to link the banner to our outside blogs. I'll have to change it more than what he demonstrated though, since I assigned a seperate domain name to my outside blog. Mine's www.ultimaterealestateblog.com  =)

Jul 18, 2008 03:45 PM #14
Rainer
42,790
Janie Masterson
RE/MAX Executives - Clarksville, TN
Realtor GRI CLHMS - Trusted Real Estate Resource

Hi Lisa and Mike,  thanks sooooooooo much for this info.  It's going to help me tremendously and everyone knows I need all the help I can get.

From your friendly AR connection in Clarksville, TN

Jul 19, 2008 08:20 AM #15
Rainmaker
467,872
Midori Miller
Talk 2 Midori, LLC - Daytona Beach, FL
Online Marketing For Real Estate Professionals

Lisa-I did not know how to do this! :)  Thanks..I think that will come in handy!

Jul 20, 2008 10:24 AM #16
Rainer
38,681
JB Brookman
JB Brookman Photography - Franklin, TN
High School Senior Portrait Photographer

Lisa-

I am trying to implement this tonite!  Thanks so much!  JB Brookman

Aug 13, 2008 07:01 PM #17
Rainer
11,747
Cindy Hartpence
Edisto Real Estate Company - Edisto Beach, SC

Thanks for more great info..I have so much to learn.

Cindy

Jan 16, 2009 09:55 AM #18
Show All Comments

What's the reason you're reporting this blog entry?

Are you sure you want to report this blog entry as spam?

Rainmaker
595,531

Lisa Hill

Daytona Beach Real Estate
Ask me a question
*
*
*
*
Spam prevention

Additional Information