Καρτέλα στο πλάι της σελίδας με Twitter Follow Us Box

Βάλτε στο blog σας μία καρτέλα στο πλάι της σελίδας με Twitter Follow Us Box.
Δείτε και : Καρτέλα στο πλάι της σελίδας με facebook likebox

Δείτε demo

Για να το εφαρμόσετε στο blog σας κάντε τα παρακάτω:

Από το αριστερό μενού του Blogger επιλέγουμε το [Πρότυπο] και [επεξεργασία HTML]

Με Ctrl + F αναζητούμε το </head> και ακριβώς πριν από αυτό επικολλάμε τον παρακάτω κώδικα.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

Πατήστε αποθήκευση προτύπου.

Επιλέξτε [Διάταξη] - [Προσθήκη gadget] - [HTML/Javascript] και επικολλήστε τον παρακάτω κώδικα. Αντικαταστήστε τα κόκκινα γράμματα με το Username σας στο Twitter [Αποθήκευση]. (Μην βάλετε τίτλο στο gadget)

Απόκρυψη κώδικα

<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/AVvXsEhNxCC3YVSKcXOJ3difJsRnjClydWulWxUPXfL0obmiPACPHtl6iLP0RK773qVP9usBSSZGGn7XzAAfsx_Hf_UAJjzsrYiIsIzHZFJ1It5pF8h4_CnvoBZv7fOKlBXr6bRuBh0_Jr051qQ/s1600/twitterfanbox-OT.png") no-repeat scroll left center transparent !important;
display: block;
float: right;
height: 240px;
padding: 0 5px 0 46px;
width: 245px;
z-index: 99999;
position:fixed;
right:-250px; top:20%;}
</style>
<div class="twitterboxot"><div>
<script type="text/javascript"
src="http://script-ot.googlecode.com/svn/twitterbox.js"></script><div 
id="twitterfanbox"></div><script 
type="text/javascript">fanbox_init("Twitter Username");</script></div></div>