Mar 18, 2010

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/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

30 comments:

  1. thanks for your tips, its so sweets on my blog.

    ReplyDelete
  2. Xixiix...kebetulan udah saya pasang dari dulu mbak floating image di Blog saya, hhehehhe.. :D

    ReplyDelete
  3. Tank you so much!!!!!!!!!!!!!!!!!!!!

    ReplyDelete
  4. terima kasih atas pencerahannya saya akan coba buktikan

    ReplyDelete
  5. thanks for share...

    demo this floating : http://www.buzmovie.com/

    ReplyDelete
  6. It´s cute! =) Thank you. Does it work whith Facebook?

    ReplyDelete
  7. Your blog is amazing!! You have helped me make my blog gorgeous! Thank you.

    ReplyDelete
  8. thanxx dude... how can i change mah address to http//bit.ly//

    ReplyDelete
  9. @gabriela: of course you can replace it with any social media
    @pradeep: find shorten URL website

    ReplyDelete
  10. can you request a change of a template format? for example: 3 columns to only 2?

    ReplyDelete
  11. thank you for all

    http://24mix.blogspot.com/

    ReplyDelete
  12. i tried to use this with your adsenseready template but it's not working. Any suggestion?

    ReplyDelete
  13. Очень хороший блог!
    http://myvkusnota.blogspot.com/

    ReplyDelete
  14. i only can say thanks a lot for the info provided

    ReplyDelete
  15. Hi thank you for nice topic
    http://24mix.blogspot.com/

    ReplyDelete
  16. What if you want to have two of these floating DIV's?

    How would you go about that, and what if you wanted to have two images in one div and wanted a "br" attribute so that one was below the other?

    ReplyDelete
  17. Hi yea, thanks for this script

    http://theasianpunter.blogspot.com

    ReplyDelete
  18. A lot of thanks for this great update. Casino affiliates always look for best casino affiliate programs to increase their revenue income from best casinos or poker rooms.

    ReplyDelete
  19. We appreciate your help. Turn your attention on auto insurance by zip code to help you to save on home policy.

    ReplyDelete
  20. We're glad to read about this. I'm happy to share with insurance cheap quotes that is supported by best insurance companies. Customer could save on homeowners insurance which allow customers to obtain cheap policy.

    ReplyDelete
  21. Twitter follow images is very nice and interesting blogger so that can be know that and enjoy it in this blogger and know that regarding post.

    ReplyDelete
  22. Twitter is very good social net working site and different types people are following and enjoying it.in the described the twitter and able to understand and know that regarding post.

    ReplyDelete

Hi, thanks for visiting. You can leave your comment here

 

Ipietoon - Blog Design and Online Business Blogging Since 2008