Floating Twitter Followers Box for Blogger
Είναι πιστεύω ένα αρκετά χρήσιμο Gadget που πρέπει να έχει κάθε blog, αφού:
- Κερδίζεις αρκετό χώρο στο siderbar σου που είναι σημαντικό για κάθε blogger.
- Κερδίζεις Followers κάνοντας το twitter followers box πιο φανερό στους επισκέπτες.
1) Σύνδεση στον Blogger
2) Σχεδίαση
3) Προσθήκη Gadget
4) HTML/JavaScript
Και στο δεύτερο κουτάκι προσθέστε τον παρακάτω κώδικα:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">
</script>
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".twitterboxot").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function()
{$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//--> </script>
<style type="text/css">
.twitterboxot{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKaptMYykPdDUAPbdbSg68C3cpQrDAVqv_7vn4HSo4xF-5FPlpVyng7XTrFp9uqrCzU2jc9pi2em4iWDQpZH1zwFhiDkmW17xt-21yvDj6EZFgEBfcedEjv-0JO5IgptXrvR2HW76Vg9Y/s1600/twitter_button.png")
no-repeat scroll left center transparent !important;
display: block;
float: right;
height: 240px;
padding: 0 5px 0 29px;
width: 245px;
z-index: 99999;
position:fixed;
right:-250px; top:1%;}</style>
<div class="twitterboxot"><div>
<script type="text/javascript"
src="http://script-ot.googlecode.com/svn/twitterbox.js"></script><div
id="twitterfanbox"></div
id="twitterfanbox"></div>
<script type="text/javascript">fanbox_init("foulscode");</script><center><span style="font-size: xx-small;">Powered by <a href="http://foulscode.blogspot.gr/2013/01/floating-twitter-followers-box-for.html" target="_blank">FoulsCode</a></span></center></div>
DEMO</script>
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".twitterboxot").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function()
{$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//--> </script>
<style type="text/css">
.twitterboxot{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKaptMYykPdDUAPbdbSg68C3cpQrDAVqv_7vn4HSo4xF-5FPlpVyng7XTrFp9uqrCzU2jc9pi2em4iWDQpZH1zwFhiDkmW17xt-21yvDj6EZFgEBfcedEjv-0JO5IgptXrvR2HW76Vg9Y/s1600/twitter_button.png")
no-repeat scroll left center transparent !important;
display: block;
float: right;
height: 240px;
padding: 0 5px 0 29px;
width: 245px;
z-index: 99999;
position:fixed;
right:-250px; top:1%;}</style>
<div class="twitterboxot"><div>
<script type="text/javascript"
src="http://script-ot.googlecode.com/svn/twitterbox.js"></script><div
id="twitterfanbox"></div
id="twitterfanbox"></div>
<script type="text/javascript">fanbox_init("foulscode");</script><center><span style="font-size: xx-small;">Powered by <a href="http://foulscode.blogspot.gr/2013/01/floating-twitter-followers-box-for.html" target="_blank">FoulsCode</a></span></center></div>
Αντικαταστήστε το foulscode με το δικό σας στο Twitter και πατήστε αποθήκευση.
Κατηγορίες:
Τo TWITTER FLOATING widget που μας παρουσίασες την τελευταία περίπου εβδομάδα εμφανίζεται ως ένα άδειο διάφανο κουτι στην σελίδα μου!
Σε chrome, firefox & explorer!
Μήπως μπορείς να βοηθήσεις?