-->
Searching...
Monday, April 28, 2008

Adding the Peeking Green Smiley

A smile is an inexpensive way to change your looks. ~Charles Gordy

Some may realize that I have a green smiley peeking on the top right corner of my blog. Well that was courtesy of Greensmilies . How do you put the smiley on your blog? If you can understand German than you can follow the instruction at the GreenSmilies website.

For those having trouble with German languange than this is the English instruction. My German is limited to guttentag and mein name ist...so there is no point trying to translate the post there

First put this on your blog Cascading Style Sheet (CSS). I'll put it at the bottom after the my footer. In beta that will be before the closing of <b:skin> part. It looks something like this; ]]><b:skin>

In other CSS you just put it before the </style> tag.

a#fbutton {
position: fixed;
z-index: 2000;
right: 0;bottom: 0;
text-decoration: none;
text-indent: -999em;
height: 100px;
width: 100px;
background: url(http://www.greensmilies.com/smile/smiley_emoticons_eckbanner01.gif) bottom right no-repeat;
display: block;
}

So how is this thing going to appear on you blog. Put this code somewhere in the (body) part of your blog

< a id="fbutton" href="http://www.greensmilies.com/">Smileys by GreenSmilies.com </a>

since beta has all the wrapper thing..it is better to put it at the very bottom of you code. Just before the closing of </body> tag appear. So your smiley will be peeking from the the bottom right of your page.

If you want the green things to be peeking from your top right than just copy the code and place it just after the opening of <body> tag and change your CSS a bit, just the

position: fixed;

change to

float: right;

If you want the smiley to be peeking from your header than put the code at the <div id ='header'> part just before the closing </div> tag and change your CSS

position: fixed;
z-index: 2000;

to

float: rigth;
z-index: -1;

this is to make sure the smiley overlap with your wording.

A smile is a curve that sets everything straight. ~Phyllis Diller

5 comments:

Anonymous said...

Your blog keeps getting better and better! Your older articles are not as good as newer ones you have a lot more creativity and originality now keep it up!

Anonymous said...

I want not acquiesce in on it. I regard as nice post. Specially the appellation attracted me to study the intact story.

Anonymous said...

Nice post and this enter helped me alot in my college assignement. Gratefulness you seeking your information.

Anonymous said...

nice to be here.... thanks for share

Anonymous said...
This comment has been removed by a blog administrator.
 
Back to top!