Ολα όμως ξεκινούν από τον κώδικα hide/show, που χρησιμοποιώ χρόνια τώρα, που βρήκα στο 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 μας), μπορούμε να το διαγράψουμε ολόκληρο ή εναλακτικά να αφήσουμε κενό το σημείο με το μοβ χρώμα.
Αν θέλουμε να βάλουμε κουμπιά αντί για τη φράση hide/ show η το "τίτλος 2", βάζουμε τον παρακάτω κώδικα, που θα κάνει να φαίνεται μια φωτογραφία (πιθανόν αν θέλουμε, μια φωτογραφία από ένα κουμπί ), στο σημείο που υπάρχει η φράση
Hide / Show
(βγάζουμε τη φράση, και βάζουμε τον κώδικα):
<img src="ΔΙΕΥΘΥΝΣΗ URL ΤΗΣ ΦΩΤΟΓΡΑΦΙΑΣ" height="270" width="500" />
(αλλάξτε τις τιμές στα
height="270" width="500" για να έρθει η φωτογραφία στο μέγεθος που θέλετε).Βρείτε μέσα στις αναρτήσεις μου, κι άλλα θέματα με πλήκτρα (κουμπιά/buttons) και θέματα σχετικά με hide/show.....
Aν δυσκολευτείτε, κάπου, στείλτε mail να σας βοηθήσω....ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!
ΠΗΓΗ : ΕΚΑΒΙΤΗΣ (http://ekabitis-tips-tricks.blogspot.com/)