Έ
να πολύ ωραίο widget έχω για σας σήμερα.Πρόκειται για το "εμφάνιση/απόκρυψη" ή αλλιώς Show/Hide button.
Είναι ένα πάρα πολύ εύχρηστο widget, καθώς με αυτό μπορούμε να "κρύψουμε" θέματα στην sidebar μας, εξοικονομώντας έτσι πολύτιμο χώρο.
Μέσα στο "show/hide, μπορούμε να βάλουμε οτιδήποτε θέλουμε. Από κείμενο μέχρι φωτογραφίες ή banners.
Μέσα στο "show/hide, μπορούμε να βάλουμε οτιδήποτε θέλουμε. Από κείμενο μέχρι φωτογραφίες ή banners.
Στην άλλη σελίδα μου συγκεκριμένα, έχω τοποθετήσει όλα τα φιλικά banners, όπου έπιαναν υπερβολικό χώρο.
Πάμε να το δούμε λοιπόν.
Από τον Πανόπτη μας επιλέγουμε Διάταξη-->Προσθήκη gadget-->Html/Javascript
και βάζουμε εκεί μέσα τον παρακάτω κώδικα.
<style type="text/css">
.commenthidden {display:none}
.commentshown {display:inline}
</style>
<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script> <a name="table">Tίτλος2</a>
<b> <br/> <a aiotitle="click to expand" href="javascript:togglecomments('UniqueName')"
>Hide / Show</a></b><br />
<div class="commenthidden" id="UniqueName"
>Εδώ γράφουμε αυτό που θα φαίνεται</div>
Εκεί που γράφει Hide/Show με κόκκινα γράμματα, είναι το link που πατάμε για την εμφάνιση/απόκρυψη. Αν θέλουμε μπορούμε να το αλλάξουμε και να γράψουμε ότι άλλο μας αρέσει.
Εκεί που γράφει "Εδώ γράφουμε αυτό που θα φαίνεται" με μπλε γράμματα είναι αυτό που θα βάλουμε εμείς για να κρύψουμε. Όπως προανέφερα, αυτό μπορεί να είναι κείμενο, φωτοφραφία, banner, widget ή οτιδήποτε άλλο.
Αν θέλουμε μέσα στο blog μας να χρησιμοποιήσουμε πάνω από μία φορά το συγκεκριμένο widget θα πρέπει αυτό με το πράσινο χρώμα που γράφει UniqueName να το αλλάζουμε κάθε φορά, βάζοντας μια διαφορετική (μοναδική) ονομασία. Πάντα με λατινικούς χαρακτήρες.
Τέλος άμα θέλουμε να υπάρχει και ένας δεύτερος (πιο διευκρινιστικός) τίτλος έξω από το widget χρησιμοποιούμε το <a name="table">Tίτλος2</a> (αυτό με το γαλάζιο χρώμα). Όπου "Τίτλος2" βάζουμε τον τίτλο που θέλουμε.
Αν δεν το χρειαζόμαστε αυτό, (καθώς υπάρχει και ο τίτλος που ήδη διαθέτει το blog μας), μπορούμε να το διαγράψουμε ολόκληρο ή εναλακτικά να αφήσουμε κενό το σημείο με το μοβ χρώμα.
Αυτό ήταν. Ελπίζω να σας άρεσε. Περιμένω τα σχόλιά σας.
Πάμε να το δούμε λοιπόν.
Από τον Πανόπτη μας επιλέγουμε Διάταξη-->Προσθήκη gadget-->Html/Javascript
και βάζουμε εκεί μέσα τον παρακάτω κώδικα.
<style type="text/css">
.commenthidden {display:none}
.commentshown {display:inline}
</style>
<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script> <a name="table">Tίτλος2</a>
<b> <br/> <a aiotitle="click to expand" href="javascript:togglecomments('UniqueName')"
>Hide / Show</a></b><br />
<div class="commenthidden" id="UniqueName"
>Εδώ γράφουμε αυτό που θα φαίνεται</div>
Εκεί που γράφει Hide/Show με κόκκινα γράμματα, είναι το link που πατάμε για την εμφάνιση/απόκρυψη. Αν θέλουμε μπορούμε να το αλλάξουμε και να γράψουμε ότι άλλο μας αρέσει.
Εκεί που γράφει "Εδώ γράφουμε αυτό που θα φαίνεται" με μπλε γράμματα είναι αυτό που θα βάλουμε εμείς για να κρύψουμε. Όπως προανέφερα, αυτό μπορεί να είναι κείμενο, φωτοφραφία, banner, widget ή οτιδήποτε άλλο.
Αν θέλουμε μέσα στο blog μας να χρησιμοποιήσουμε πάνω από μία φορά το συγκεκριμένο widget θα πρέπει αυτό με το πράσινο χρώμα που γράφει UniqueName να το αλλάζουμε κάθε φορά, βάζοντας μια διαφορετική (μοναδική) ονομασία. Πάντα με λατινικούς χαρακτήρες.
Τέλος άμα θέλουμε να υπάρχει και ένας δεύτερος (πιο διευκρινιστικός) τίτλος έξω από το widget χρησιμοποιούμε το <a name="table">Tίτλος2</a> (αυτό με το γαλάζιο χρώμα). Όπου "Τίτλος2" βάζουμε τον τίτλο που θέλουμε.
Αν δεν το χρειαζόμαστε αυτό, (καθώς υπάρχει και ο τίτλος που ήδη διαθέτει το blog μας), μπορούμε να το διαγράψουμε ολόκληρο ή εναλακτικά να αφήσουμε κενό το σημείο με το μοβ χρώμα.
Αυτό ήταν. Ελπίζω να σας άρεσε. Περιμένω τα σχόλιά σας.
16 σχόλια:
Μπορείς σε αυτο το widget να βάλεις και το έτοιμο widget "λίστα ιστιολογίων" ;
Τα έτοιμα widget ου blogger δεν μπορούν να μπουν Θεόδωρε. Οτιδήποτε άλλο που "φαίνεται" ο κωδικός του μπορούν να μπουν.
δηλάδη μπορεις να βαλεις μονο κωδικο html.
HTML αλλά και κείμενο.
Παρα πολυ εξυπηρετικο amigo.
Να'σαι καλα,ειναι πολυ χρησιμα οσα δινεις και συ και τα υπολοιπα παιδια.
Κανετε τα blogs μας χαρακτηριστικα.
Γεια χαρα!!!!
"Don't"
Μα γι αυτό προσπαθούμε Don't leave me. Να διαδώσουμε όσα ξέρουμε, και να βοηθήσουμε όλους όσους ασχολούνται με το blogging.
Ευχαριστώ για τα καλά σου λόγια.
καλησπέρα φίλε μου μια απορια εχω γιατι σε εμένα δεν δουλευέι το hide/show ;
καλησπέρα φίλε μου γιατι το hide/showδεν δουλευέι σε εμένα;
Αντρέα, δεν ξέρω τι να σου πω. Ο κωδικός λειτουργεί κανονικά σε όσα blogs προστέθηκε.
Ίσως δεν αντέγραψες καλά τον κωδικό. Κάνε μια προσπάθεια ξανά, και άφησε ένα σχόλιο αν τελικά τα κατάφερες!
kαλησπέρα και πάλι δεν κάνει τίποτα το δοκίμασα πολλες φορές αλλα τζίφος
και στο αλλο που δοκίμασα με τα σχόλια και ποιοι ειναι on line δουλευει μονο το δέυτερο!
Βρε φίλε Αντρέα. Δεν μπορώ να καταλάβω τι ακριβώς κάνεις. Μόλις τώρα το ξαναδοκίμασα σε δοκιμαστικό blog, και δουλεύει μια χαρά. Το βάζεις κανονικά σαν gadget? HTML/JAVASCRIPT?
Στείλε μου ένα mail, να τα πούμε πιο αναλυτικά!
καλησπέρα φίλε μου λοιπόν εδώ τα λέμε andre.tsoper@yahoo.gr
πολυ καλο το εχω ηδη στο μπλοκ μου....
Να ΄σαι καλά Magic Fm.
ευχαριστώ πολύ.
Καλησπερα !!!
Πρωτα απο ολα ΣΥΓΧΑΡΗΤΗΡΙΑ για ολη την βοηθεια που μας δινεις !!!!
Ηθελα μια βοηθεια - διευκρινηση :
Το hide/show λειτουργει μια χαρα αλλα θελω να φαινεται αυτη η φατσουλα που εχεις εσυ και κουναει το χερι του για να σου δειξει οτι εδω κατι κρυβεται...
Πως το κανω αυτο ?
Taki, ευχαριστώ για τα καλά σου λόγια.
Εκεί που έχω το
"τίτλος2"
πρόσθεσε αυτό
<center><a href="http://http://takisfotinos.blogspot.gr//"><img src="http://img403.imageshack.us/img403/6231/herel.gif" alt="zwani.com myspace graphic comments" border="0" /></a><br /><a href="http://takisfotinos.blogspot.gr/" target="_blank"></a></center>
Δημοσίευση σχολίου