Tuesday, April 12, 2011

0

Add Floating Twitter Follow Me Badge to Blogger

  • Tuesday, April 12, 2011
  • Share
  • 1.Log in to your dashboard--> Desing- -> Edit HTML

    2. Put checked marked in Expand Widget Templates

    3. Find this tag by using Ctrl+F </head>  tag

    4. Paste below code before </head> tag



    <!--TWITTER-FOLLOW-ME-STARTS-->
    
    <style type='text/css'>
    
    .feedbacktw {
    
    width: 31px;
    
    height: 116px;
    
    display: block;
    
    font-size: 10px;
    
    text-decoration: none;
    
    background-repeat:no-repeat;
    
    background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURYC4YfDZMJwclvwf6aF9GWncUBwHBal6Ks_IDJBo-nQ3-MVfny2Uk9n1PwndJD25o0Ob1yfk-gQqH4wFXdXLQp2Q4qRDJmhCy-3GEP18geleNP50XfG34VvL6gidbRK3-i5uV_xHEb8/);
    
    position:fixed;
    
    top:20%;
    
    right:2px;
    
    }
    
    
    
    .feedbacktw:hover {
    
    width: 31px;
    
    height: 116px;
    
    display: block;
    
    text-decoration: none;
    
    background-repeat:no-repeat;
    
    background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURYC4YfDZMJwclvwf6aF9GWncUBwHBal6Ks_IDJBo-nQ3-MVfny2Uk9n1PwndJD25o0Ob1yfk-gQqH4wFXdXLQp2Q4qRDJmhCy-3GEP18geleNP50XfG34VvL6gidbRK3-i5uV_xHEb8/);
    
    position:fixed;
    
    top:20%;
    
    right:10px;
    
    }
    
    </style>
    

    5.Click Save the Template.

    6.Now Go To > Design > Page Elements.

    7.Click on 'Add a Gadget' on the sidebar.

    8.Select 'HTML/Javascript' and add the one of code given below and click save.

    <!--FOLLOW-ME-STARTS--><a style="display:scroll;" href="http://twitter.com/Your profile" class="feedbacktw"> </a><!--FOLLOW-ME-STOPS-->
    

    Note: Replace Your profile with your twitter account name

    8.Now you are done.

    0 Responses to “Add Floating Twitter Follow Me Badge to Blogger”

    Post a Comment

    Related Posts Plugin for WordPress, Blogger...