Tuesday, April 12, 2011
0
Add Floating Twitter Follow Me Badge to Blogger
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

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.
Note: Replace Your profile with your twitter account name
8.Now you are done.
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.
Subscribe to:
Post Comments (Atom)




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