Change the font size of the articles
Blog Lead Tips



Blog SEO Tips Blog Marketing Tips

Legal

Creative Commons 

License
This work is licensed under a Creative Commons Attribution - NonCommercial - NoDerivs 2.5 License.
©2006-2013 RealEstateTomato.com

« 7 Reasons Why You Should Consider an Extreme Internet Marketing Makeover For Your Real Estate Business | Main | How Has Blogging Changed Your Real Estate Career? - Jackie Colson-Miller »

 

 

 

 

 

 

 

 

 

 

Another Easter Egg Hidden in the Real Estate Blog

Easter Egg HuntRecently we did a post on the Art of Easter Egging in blog articles to help gain subscribers.  Since that post, I have also been including other sneakier easter eggs into our articles using HTML.

Today's post is to satisfy the requests that have come in for a brief tutorial on how it's done.

The bad news:
We need to dig into the HTML of the blog article to apply this easter egg.
The good news:
It couldn't be simpler

The Easter Egg effect we are learning here can be seen in the image below.
When a reader of your blog article 'rolls' their mouse over the word that has been 'enhanced' a hidden message appears.  The display before 'rolling over' is dramatically different in Firefox than it is in Internet Explorer. 

You will see that the hidden message is much harder to locate in Internet Explorer.  The Firefox egg is visible because of the thin, dotted line that appears below the indicator phrase.

The trick is that we are using the Abbreviation command in the HTML.  It's original function was to give copy writers the ability to describe the abbreviations they used.  MLS for example, would have the hidden words “Multiple Listing Service” appear upon the roll-over'.

Easter Eggs in Firefox vs Internet ExplorerWe're modifying this feature and using it as an opportunity to include alternative messages.  I intend for the alternative messages to be fun and engaging.  These messages can also be used to improve SEO or build description.

Step 1.
Getting to the HTML of your blog article.

This step takes place after you have written, but not published an article.
In the upper most area of your article editor (aka WYSIWYG), in the back end of the blog, look for a link, button or tab that says either “Code” or “HTML”.  Selecting this will take you to the actual code for the post you have written. 

Note - Depending on where you first started the article, either in the article editor of your blog, or something like WORD, you may see very different code structure.  WORD and other text processing programs can carry a ton of luggage in their raw code that make for a very ugly mess.  My recommendation is to avoid using 3rd party software for your blogging if you want to maintain a consistent look and formatting for your articles.
Related article: Word is like gum in your blog's hair

Step 2. 
Choosing the location of your egg.

In the code, find the word or phrase that you intend to tie the hidden message.  We're looking for English here, so ignore all the code if you are feeling lost.

Step 3.
Adding the Abbreviation commands in the code.

The command has a Beginning, Middle and an End:
The Beginning: <abbr title="Your Hidden Message Here">
The Middle: Original word of phrase to which we are tying the hidden message.
The End: </abbr>

So if we wanted to tie the hidden message "Bloggers make better lovers" to the word "commitment" in an article, then the code you would have to write would look like this:

Before: Blogging is a serious commitment

After: Blogging is a serious <abbr title="Bloggers make better lovers">commitment</abbr>.

Step 4.
Save or publish the article.

Step 5.
Test it out.
 

You can now 'roll over' the word with the hidden message and it will display like magic.

Happy hiding and hunting!

 Follow Us on Twitter and Get Our Daily Real Estate Blog Tips!

 If you enjoyed reading this article, why not Subscribe to be notified of the next one?

Are You Ready?



TrackBack

TrackBack URL for this entry:
http://www.typepad.com/services/trackback/6a00d8341bf76153ef00e54ff002998834

Listed below are links to weblogs that reference Another Easter Egg Hidden in the Real Estate Blog:

Comments

We've been using Easter eggs on images for quite sometime, but I didn't even KNOW about the abbr html- thanks Jim! Too fun!!! :)

Something fun to play with - shhhh don't tell everyone bloggers make better lovers - we'll have no time to blog - lol! :-)

Ah ha! A very interesting idea! I'd been doing this with images and links, but didn't know you could this with just words. And now I want to interject a little more into mine than I had been, after reading this post.

I opened this article in both Firefox and IE, and very easy to see the hidden eggs in Firefox. But they're just not showing up at all, on my end anyway, in IE, no matter how many times I roll-over them.

I LOVE this kind of fun stuff - fun for me and for readers!!

Thinking SEO, I guess the Google bot will see it regardless of browser, and this is a great way to add "thought balloons" to our sentences to explain and confound.Thanks Jim

I am SO glad you are back in the saddle... I've missed these types of articles!! The SEO opportunities make this very appealing, in addition to the "fun" factor.

These SEO Easter Eggs come in very Handy. Thanks for the Tip. I will start implementing right away!

Teaching sells, doesn't it? Easy tip to do, and fun, too.

Thanks for the great tips and tricks.
I am already hooked on your blog.

The comments to this entry are closed.