Animated (On Hover) Twitter follow badge to blogger
1. Log it to your blogger and go to Design >> Edit HTML
2. First,download the present template as a backup.
3.Make sure you put check mark to “Expand Widget Templates”
4.Find this tag by using Ctrl+F </ head>
5. Paste below code before </ head> tag
6. Now click save template.
7. Now Go to Page Element and Click Add Gadget and Select HTML/JavaScript
8. Paste below code
* Replace with Profile name with your twitter id
9. Now save it. you are done.
1. Log it to your blogger and go to Design >> Edit HTML
2. First,download the present template as a backup.
3.Make sure you put check mark to “Expand Widget Templates”
4.Find this tag by using Ctrl+F </ head>
5. Paste below code before </ head> tag
<!--ANIMATE FOLLOW-ME-STARTS-->
<style type='text/css'>
.feedbacktw {
width: 31px;
height: 136px;
display: block;
font-size: 10px;
text-decoration: none;
background-repeat:no-repeat;
background-image:url(http://i26.tinypic.com/1zb4509.jpg);
position:fixed;
top:20%;
right:2px;
}
.feedbacktw:hover {
width: 31px;
height: 136px;
display: block;
text-decoration: none;
background-repeat:no-repeat;
background-image:url(http://i26.tinypic.com/xpu99c.jpg);
position:fixed;
top:20%;
right:10px;
}
</style>
<!--ANIMATE FOLLOW-ME-STOPS-Widget-by-http://Bloggertrix.com-->6. Now click save template.
7. Now Go to Page Element and Click Add Gadget and Select HTML/JavaScript
8. Paste below code
<!--FOLLOW-ME-STARTS--><a style="display:scroll;" href="http://twitter.com/profile name" class="feedbacktw"> </a><!--FOLLOW-ME-STOPS-->
* Replace with Profile name with your twitter id
9. Now save it. you are done.
thank u so much, it works for my blog.
ReplyDeletekeep posting and good luck ;-)
DSPinfotechindia is not add twiiter bugde
ReplyDelete