Latest Blog News: Διαβάζετε πάντα και τα ΣΧΟΛΙΑ των αναρτήσεων!

Scroll Bar Widget For Blogger


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Καλησπέρα,

σήμερα θα σας δείξω μια πολύ καλή λειτουργία του 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

Stumble
Delicious
Technorati
Twitter
Facebook

7 comments:

Θεό7δωρος είπε...

Πολύ καλό html. Το δοκιμασα στο πειρατικό μου. Μια ερωτηση:
Υπάρχει κάποιος τρόπος στον οποίο να φαίνονται οι τελευταίες αναρτησεις του κάθε blog;

Johnpatra είπε...

Θεόδωρε κοίτα στο http://johnpatrablog.blogspot.com/2009/08/gadget.html

Suspect είπε...

ευχαριστουμε! :)

Theogr ο κηπουρός είπε...

Πέρασα να ευχηθώ
Καλό Πάσχα.

Messolonghi είπε...

αγαπήτε ότι και να πω είναι λίγο

μας έχεις κάνει όλους να φαινόμαστε επιστήμονες!!!!

Ευχαριστώ

ΑΓΝΑΝΤΙ ΤΗΣ ΡΟΥΜΕΛΗΣ είπε...

σ΄ευχαριστώ πολύ για όλες τις πληροφορίες και συμβουλές μ΄έχουν βοηθήσει πολύ για να σουλουπώσω το μπλογκ ...καλημέρα

Lana είπε...

Ευχαριστούμε, πολύ χρήσιμο tip! :-)

Δημοσίευση σχολίου

Παρακαλούμε τους φίλους αναγνώστες:

ΟΧΙ SPAM,
ΟΧΙ GREEKLISH,
ΟΧΙ ΠΡΟΣΒΛΗΤΙΚΑ ΣΧΟΛΙΑ

Παρακαλώ το σχόλιό σας να είναι σχετικό με την παραπάνω ανάρτηση.
Γενικές απορίες μόνο στη σελίδα μας στο facebook.

 
© Copyright 2009-14 bloggertips.gr | All rights reserved. | Επικοινωνία | LK Magazine v2 from Lasantha | Πίσω στην ΚΟΡΥΦΗ | | Subscribe in a reader (Google,Yahoo κα)

* free blogger tips,tricks,gadgets,widgets,templates,themes,help,hacks,design,domains,xml,html,blogspot.gr *