We are serving our users the best, In this posts i will tell you how to add animated fixed floating follow me badge". We are providing you with 15+ cool animated fixed-floating follow-me badge with hover effect as this will make your site or blog popular on twitter as a result your blog traffic will be increased.
2). Select Layout and Edit HTML.
5). Copy and Paste the followig code just BEFORE the code you have searched.
<!--FOLLOW-ME-->
<style type='text/css'>
.feedbacktw {
width: 31px;
height: 116px;
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: 116px;
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>
<!--FOLLOW-ME-Widget-by-http://www.pcleaks.blogspot.com-->
NOTE :- We are providing you with 15+ different twitter follow me badge images, you can select any of them and change the highlighted code, 1 code with Direct Link and 2 code with the Hover Direct Link.
1). Open your blog and go to Dashboard.
3). Check 'Expand Widget Templates'.
4). Find the following piece of code in your blog HTML code. HOW TO FIND CODE IN YOUR BLOG HTML CODE
</head>
5). Copy and Paste the followig code just BEFORE the code you have searched.
<!--FOLLOW-ME-->
<style type='text/css'>
.feedbacktw {
width: 31px;
height: 116px;
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: 116px;
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>
<!--FOLLOW-ME-Widget-by-http://www.pcleaks.blogspot.com-->
NOTE :- We are providing you with 15+ different twitter follow me badge images, you can select any of them and change the highlighted code, 1 code with Direct Link and 2 code with the Hover Direct Link.
Direct link image On Hover Direct link
01. http://i42.tinypic.com/353cvh4.jpg --- http://i42.tinypic.com/212en7t.jpg
02. http://i40.tinypic.com/j65sts.jpg --- http://i44.tinypic.com/2cncvq1.jpg
03. http://i40.tinypic.com/x283dc.jpg --- http://i43.tinypic.com/m9sj5y.jpg
04. http://i42.tinypic.com/30kf7mp.jpg --- http://i42.tinypic.com/330ab9s.jpg
05. http://i43.tinypic.com/20hwowl.jpg --- http://i41.tinypic.com/i1mauo.jpg
06. http://i43.tinypic.com/x5nygw.jpg --- http://i43.tinypic.com/2nk2qn9.jpg
07. http://i44.tinypic.com/1zqsowk.jpg --- http://i39.tinypic.com/33nukja.jpg
08. http://i43.tinypic.com/24c8jm9.jpg --- http://i39.tinypic.com/14112c7.jpg
09. http://i44.tinypic.com/r8ug3o.jpg --- http://i43.tinypic.com/18nf54.jpg
10. http://i44.tinypic.com/2rz7u9s.jpg --- http://i44.tinypic.com/2gxmamx.jpg
11. http://i44.tinypic.com/6jozr4.jpg --- http://i43.tinypic.com/25iaycy.jpg
12. http://i39.tinypic.com/2a68u1k.jpg --- http://i42.tinypic.com/2rnk9py.jpg
13. http://i43.tinypic.com/34zjfo5.jpg --- http://i43.tinypic.com/a4ak2v.jpg
14. http://i43.tinypic.com/8wjfbs.jpg --- http://i41.tinypic.com/5wbecx.jpg
15. http://i42.tinypic.com/23uucco.jpg --- http://i43.tinypic.com/fee7ht.jpg
16. http://i41.tinypic.com/dcfzag.jpg --- http://i44.tinypic.com/200g0w4.jpg
17. http://i41.tinypic.com/2quhswn.jpg --- http://i42.tinypic.com/f5a83s.jpg
6). Save your template and Go to Page Elemants.
7). Select 'add a gadget' HTML/Javascript.
8). Copy and Paste the following code inside it and Save it.
<!--FOLLOW-ME--><a style="display:scroll;" href="http://twitter.com/#!/anujgoyal1992" class="feedbacktw"> </a><!--FOLLOW-ME-->
NOTE :- Change the Highlighet code with your Twitter Profile.
If you got a good experience than leave comments and Email Me for any assistance.
No comments:
Post a Comment