Hide/Show στο blog μας

Έ
να πολύ ωραίο widget έχω για σας σήμερα.
Πρόκειται για το "εμφάνιση/απόκρυψη" ή αλλιώς Show/Hide button.
Είναι ένα πάρα πολύ εύχρηστο widget, καθώς με αυτό μπορούμε να "κρύψουμε" θέματα στην sidebar μας, εξοικονομώντας έτσι πολύτιμο χώρο.
Μέσα στο "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 μας), μπορούμε να το διαγράψουμε ολόκληρο ή εναλακτικά να αφήσουμε κενό το σημείο με το μοβ χρώμα.
Αυτό ήταν. Ελπίζω να σας άρεσε. Περιμένω τα σχόλιά σας.

Add To Facebook Add To Twitter Add To Yahoo Stumble This Fav This With Technorati Add To Del.icio.us Digg This Add To Reddit

17 σχόλια:

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

Μπορείς σε αυτο το widget να βάλεις και το έτοιμο widget "λίστα ιστιολογίων" ;

ekabitis είπε...

Τα έτοιμα widget ου blogger δεν μπορούν να μπουν Θεόδωρε. Οτιδήποτε άλλο που "φαίνεται" ο κωδικός του μπορούν να μπουν.

Johnpatra είπε...

δηλάδη μπορεις να βαλεις μονο κωδικο html.

ekabitis είπε...

HTML αλλά και κείμενο.

Don't leave me είπε...

Παρα πολυ εξυπηρετικο amigo.

Να'σαι καλα,ειναι πολυ χρησιμα οσα δινεις και συ και τα υπολοιπα παιδια.

Κανετε τα blogs μας χαρακτηριστικα.

Γεια χαρα!!!!

"Don't"

ekabitis είπε...

Μα γι αυτό προσπαθούμε Don't leave me. Να διαδώσουμε όσα ξέρουμε, και να βοηθήσουμε όλους όσους ασχολούνται με το blogging.
Ευχαριστώ για τα καλά σου λόγια.

andreas είπε...

καλησπέρα φίλε μου μια απορια εχω γιατι σε εμένα δεν δουλευέι το hide/show ;

andreas είπε...

καλησπέρα φίλε μου γιατι το hide/showδεν δουλευέι σε εμένα;

ekabitis είπε...

Αντρέα, δεν ξέρω τι να σου πω. Ο κωδικός λειτουργεί κανονικά σε όσα blogs προστέθηκε.
Ίσως δεν αντέγραψες καλά τον κωδικό. Κάνε μια προσπάθεια ξανά, και άφησε ένα σχόλιο αν τελικά τα κατάφερες!

andreas είπε...

kαλησπέρα και πάλι δεν κάνει τίποτα το δοκίμασα πολλες φορές αλλα τζίφος
και στο αλλο που δοκίμασα με τα σχόλια και ποιοι ειναι on line δουλευει μονο το δέυτερο!

ekabitis είπε...

Βρε φίλε Αντρέα. Δεν μπορώ να καταλάβω τι ακριβώς κάνεις. Μόλις τώρα το ξαναδοκίμασα σε δοκιμαστικό blog, και δουλεύει μια χαρά. Το βάζεις κανονικά σαν gadget? HTML/JAVASCRIPT?
Στείλε μου ένα mail, να τα πούμε πιο αναλυτικά!

andreas είπε...

καλησπέρα φίλε μου λοιπόν εδώ τα λέμε andre.tsoper@yahoo.gr

Magic Fm 102,9 είπε...

πολυ καλο το εχω ηδη στο μπλοκ μου....

ekabitis είπε...

Να ΄σαι καλά Magic Fm.
ευχαριστώ πολύ.

Avon Beauty Shop είπε...

για ακόμα μία φορά σε ευχαριστώ πολύυυ !!! :)

Takis Fotinos είπε...

Καλησπερα !!!

Πρωτα απο ολα ΣΥΓΧΑΡΗΤΗΡΙΑ για ολη την βοηθεια που μας δινεις !!!!

Ηθελα μια βοηθεια - διευκρινηση :

Το hide/show λειτουργει μια χαρα αλλα θελω να φαινεται αυτη η φατσουλα που εχεις εσυ και κουναει το χερι του για να σου δειξει οτι εδω κατι κρυβεται...

Πως το κανω αυτο ?

ekabitis είπε...

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>

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