Also Read :
Add a Cool Dancing Twitter Bird to Your blog
Tweet Twitter Bird With Speech Bubble Widget for Blogger
How to Add Retweet Button To Blogger
Add Floating Twitter Follow Us Button To Blogger
Add a Flying Twitter Bird in Your Blog
So How to Add the Animated Twitter Floating Widget to Blogger :.
Login to Blogger < Dashboard < Design < Edit Html.
Check Expand Widget Templates.
Now Find the </head> Tag and Paste the 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/AVvXsEgjTR4epwuHjTGK6PFEYO4061Zs5SBIvFX8_GtZKzl9dqtHvpA2XesQi-zZ2RJR0ojfjy87nKO0MspsTnX9yiiJW6Vn_oHPgWfwM1Zx0u5Gukiv1HVweG-1Pp34_RVrhXS9zHN_NGFpQ_o/);
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/AVvXsEgjTR4epwuHjTGK6PFEYO4061Zs5SBIvFX8_GtZKzl9dqtHvpA2XesQi-zZ2RJR0ojfjy87nKO0MspsTnX9yiiJW6Vn_oHPgWfwM1Zx0u5Gukiv1HVweG-1Pp34_RVrhXS9zHN_NGFpQ_o/);
position:fixed;
top:20%;
right:10px;
}
</style>
<!--TWITTER-FOLLOW-ME-STOPS-Widget-by-http://www.bloggertricksandtoolz.com-->
Now Save the Template
Again Go Back to Design < Page Elements < Add a Gadget.
Now Choose Html / Javascript And Paste the Below Code in it.
<!--FOLLOW-ME-STARTS--><a style="display:scroll;" href="http://twitter.com/Your profile" class="feedbacktw"> </a><!--FOLLOW-ME-STOPS-->
Now Replace Your Profile With Your Twitter Username.
That's it Now You're Done.Happy Blogging!
0 comments: