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/AVvXsEjSUa_M8IDOqpF34imwt0q80jo10cROE2imbWCBNNQy44qvED6S1gHx88B3yODAdobq5jSQP6FkkN1EmbQrrvqAzhtfjt2lE6k1bven2tjycqFZ44H0IEQBlOwc-s_pXk4Wz1OnEDVyWgnw/s1600/follow+us.png'/></a></div>
5. Paste before
</body>
6. Save
Note : change the red text to your Twitter username
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/AVvXsEjSUa_M8IDOqpF34imwt0q80jo10cROE2imbWCBNNQy44qvED6S1gHx88B3yODAdobq5jSQP6FkkN1EmbQrrvqAzhtfjt2lE6k1bven2tjycqFZ44H0IEQBlOwc-s_pXk4Wz1OnEDVyWgnw/s1600/follow+us.png'/></a></div>
5. Paste before
</body>
6. Save
Note : change the red text to your Twitter username