How to get this kind of badges?

Discussion in 'HTML & Website Design' started by sadaf, Jul 24, 2011.

  1. #1
    Hello,

    I want you guys to plz open this site www.10steps.sg and check the badges or buttons on the right side of the screen... Twitter & Subscribe.

    I want these kind of buttons for my site but don't know how to add them. I saw a site few days ago where you just enter your twitter ID and it gives you a code to enter on your site, but I forgot the URL of that site :(

    Can anyone please help?
     
    sadaf, Jul 24, 2011 IP
  2. dthoai

    dthoai Member

    Messages:
    106
    Likes Received:
    2
    Best Answers:
    1
    Trophy Points:
    38
    #2
    To add twitter buttons, you go to this link:
    
    http://twitter.com/about/resources/
    
    Code (markup):
     
    dthoai, Jul 24, 2011 IP
  3. sadaf

    sadaf Guest

    Messages:
    12
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I hope you are not blind, did you really see the site I mentioned in the post?
     
    sadaf, Jul 24, 2011 IP
  4. dthoai

    dthoai Member

    Messages:
    106
    Likes Received:
    2
    Best Answers:
    1
    Trophy Points:
    38
    #4
    You can add following codes to you page. Replace 'red' parts with yours.
    
    <style>
    .scrollAds {position:fixed; z-index:999; top:200px; right:0;}
    .scrollAds a{ display:block; margin:0 0 10px 0; text-decoration:none; border:none;}
    </style>
    <div class="scrollAds"> 
      <a href="http://twitter.com/[COLOR="red"]10steps[/COLOR]" title="Twitter" target="_blank">
        <img src="http://10steps.sg/wp-content/themes/10StepsSG/imgs/visu_twitter.png" alt="Follow My Twitter" width="30" height="105" border="0" />
      </a> 
      <a href="[COLOR="red"]http://feeds2.feedburner.com/10steps/[/COLOR]" title="RSS Feed" target="_blank">
        <img src="http://10steps.sg/wp-content/themes/10StepsSG/imgs/visu_subscribe.png" alt="Subcribe Full RSS" width="29" height="106" border="0" />
      </a> 
    </div> 
    
    Code (markup):
     
    dthoai, Jul 25, 2011 IP