Scroll Bar Widget For Blogger

Καλησπέρα,

σήμερα θα σας δείξω μια πολύ καλή λειτουργία του html.
Αν έχετε πολλές ετικέτες ή οτιδήποτε άλλο με μια πολύ μακριά λίστα από λινκς (π.χ. άλλα μπλογκς) το σημερινό 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>

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

Καλή σας μέρα!
Johnpatra