Scroll Bar Widget For Blogger

Αν έχετε πολλές ετικέτες ή οτιδήποτε άλλο με μια πολύ μακριά λίστα από λινκς (π.χ. άλλα μπλογκς) το σημερινό widget είναι η λύση.
Το scroll bar widget έχει ομοιότητες και με το Pull-Down Menu αλλά έχει κάποιες σημαντικές διαφορές.
 Λοιπόν πάμε Διάταξη και πατάνε προσθήκη gadget και κατόπιν επιλέγουμε το HTML/JavaScript.
Eκεί επικολλούμε τον παρακάτω κώδικα:

<div class="widget-content">
<ul style="height:150px;width:150px; overflow:auto; ">

<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li><span style="font-weight:bold;"></span>

</ul></div>

Με κόκκινο σας έχω μαρκάρει το μέγεθος του widget.

Όπου λέει "http://www.blogaddress.com" βάζετε το δικό σας link και όπου λέει "Your Text" γράφετε το όνομα του λινκ.

Μπορείτε να προσθέσετε ή να αφαιρέσετε λινκς ,προσθέτοντας ή αφαιρώντας το <li><a href="http://www.blogaddress.com">Your Text</a></li>

Και αφού επεξεργαστείτε τον κώδικα μην ξεχάσετε να πατήστε αποθήκευση.