How to Create Floating Twitter Follow Image?

I have ever posted about how to put twitter follow icon on blog. This is simple way because we don't need to host image and edit any CSS code. Wanna try another way to put Twitter icon on your blog?

We can put Twitter icon as floating image with fixed position, so it will attract your visitor to click it. You can check demo on Emocutez , and see on right bottom position, there's floating Twitter icon.

How to? Follow this step below
1. Go to Layout > Edit HTML
2. Copy these code

#floatingimage {
bottom:10px;
right:0px;
position:fixed;
_position:absolute;
clip:inherit;
_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
_right:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
}
#floatingimage a img {border:0}

3. Paste before

]]></b:skin>

4. Copy these code

<div id='floatingimage'>
<a href='http://twitter.com/emocutez'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJGD9OBFJfRzFL9tbZWrb4_4vIkd-igEuM6DwTOaVNhfTbAqqZmDuSKcImUDgWyoaCFZpGDSaWpv0Y9jVnLngu87qMXNgjFKkisBxu1OO_TfcDYxmcnEUcjCAfvSuNh5_jR0Q5YpemFnHA/s1600/follow+us.png'/></a></div>

5. Paste before

</body>

6. Save

Note : change the red text to your Twitter username