Floating CSS vertical menu widget για τον Blogger

• Σύνδεση στον Blogger
• Σχεδίαση προσθήκη gadget
• Επιλέξτε HTML/JavaScript
• Επικολλήστε τον παρακάτω κώδικα:

<style text-type="CSS">

#bloggermenu{

position:fixed;

right:5px;

center:0px;

background-color:#000;

border-radius:10px;

-moz-border-radius:10px;

border:1px solid #FFF;

width:202px;

height:20px;

color:#FF0606;

transition:all .5s ease-in;-moz-transition:all .5s
ease-in;-webkit-transition:all .5s ease-in;-o-transition:all .5s
ease-in;z-index:3;overflow:hidden;padding:9px 15px 10px;}



#bloggermenu h3{

margin:0;

padding:0;

text-align:center;

cursor:pointer;}



#bloggermenu ul{

border-radius:10px;-moz-border-radius:10px;

border:2px solid #FFf;

background-color:#FF0606;

margin:15px 0;

padding:0 15px;}



#bloggermenu li{list-style:none;margin:0 0 5px;padding:0;} #bmenu li a{

color:#000;

text-decoration:none;

font-size:12px;}



#bloggermenu li a:hover{

color:#fff;}



#bloggermenu:hover{

z-index:5;

height:168px;

</style>



<div id="bloggermenu">

<h3>

Floating menu</h3>

<ul>

<li><a href="URL 1 HERE">TITLE 1 HERE</a></li>

<li><a href="URL 2 HERE">TITLE 2 HERE</a></li>

<li><a href="URL 3 HERE">TITLE 3 HERE</a></li>

<li><a href="URL 4 HERE">TITLE 4 HERE</a></li>

<li><a href="URL 3 HERE">TITLE 3 HERE</a></li>

<li><a href="URL 4 HERE">TITLE 4 HERE</a></li>

</ul>

</div>

• Αντικαταστήστε τα URLs με δικούς σας συνδέσμους, βάλτε τους τίτλους που τους αντιστοιχούν και πατήστε αποθήκευση.

LIVE DEMO