Γίνετε μέλος του Dr-blogger στο fb.Απλά πατήστε like από κάτω

photto




14 HIDE / SHOW ΣΤΟ BLOG ΜΑΣ



Νέοι bloggers γεια σας !!!! Πολλοί φίλοι με έχουν ρωτήσει, και μου έχουν ζητήσει να τους δείξω, πως να κρύψουν με κουμπιά, κάποια gadgets στο blog τους...σε πολλούς μάλιστα έφτιαξα με ειδική παραγγελία, κάποια κουμπιά, για συγκεκριμένα gadgets....
Ολα όμως ξεκινούν από τον κώδικα 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/)







Related Posts Plugin for WordPress, Blogger...
Print Friendly and PDF

14 σχόλια:

PoWer blogspot είπε...

pws mporw na prosthesw ena link sto hide oste otan pataei kapoios to hide na ton petaei automata se auto to link

pan de lees είπε...

ΑΠ' ΟΤΙ ΚΑΤΑΛΑΒΑ, ΔΕΝ ΧΡΕΙΑΖΕΣΑΙ ΑΥΤΟ ΤΟ ΚΩΔΙΚΑ...ΧΡΕΙΑΖΕΣΑΙ ΕΝΑ ΑΠΛΟ ΚΩΔΙΚΑ ΓΙΑ LINK...ΝΑ ΕΧΕΙΣ ΔΗΛΑΔΗ ΜΙΑ ΕΙΚΟΝΑ (ΚΟΥΜΠΙ Η ΦΩΤΟ) ΚΑΙ ΠΑΤΩΝΤΑΣ ΤΗ ΝΑ ΠΡΟΩΘΕΙ ΣΤΟ LINK ΠΟΥ ΘΕΣ...ΑΝ ΠΑΤΗΣΕΙΣ ΜΕ ΤΟ ΠΟΝΤΙΚΙ ΕΠΑΝΩ ΣΤΟ "HIDE" (ΕΙΤΕ ΚΟΥΜΠΙ ΕΙΤΕ ΚΕΙΜΕΝΟ), ΑΠΛΑ ΘΑ ΣΟΥ ΦΑΝΕΡΩΣΕΙ ΤΟ ΚΡΥΜΜΕΝΟ ΥΛΙΚΟ... ΕΙΔΑ ΤΗ ΣΕΛΙΔΑ ΣΟΥ, ΚΑΙ ΚΑΤΑΛΑΒΑ ΤΙ ΘΕΣ ...ΣΤΕΙΛΕ ΜΟΥ ΕΝΑ ΜΕΙΛ (ΚΟΥΜΠΙ ΕΠΙΚΟΙΝΩΝΙΑ), ΝΑ ΣΟΥ ΣΤΕΙΛΩ ΕΝΑ ΚΩΔΙΚΑ...

pan de lees είπε...

...ΣΕ ΠΕΡΙΠΤΩΣΗ ΠΟΥ ΘΕΣ ΝΑ ΒΑΛΕΙΣ ΜΕΣΑ ΣΤΟ ΚΡΥΜΜΕΝΟ ΚΕΙΜΕΝΟ ΕΝΑ Η ΠΕΡΙΣΣΟΤΕΡΑ LINK, ΒΑΖΕΙΣ ΤΟ ΚΩΔΙΚΑ ΤΟΥΣ ΕΚΕΙ ΠΟΥ ΛΕΕΙ "Εδώ γράφουμε αυτό που θα φαίνεται"...

PoWer blogspot είπε...

thelw na exw mesa sto hide ena video krimeno (auto to katafera) apla thelw otan pataei kapoios to hide ektos apo to video pou tou emfanizi na ton petaei se mia selida (kati san diafimisi dld), einai efikto auro???

pan de lees είπε...

ΔΕΝ ΓΙΝΕΤΑΙ ΕΤΣΙ ΟΠΩΣ ΤΟ ΘΕΣ...ΑΝ ΒΑΛΕΙΣ ΤΟ ΛΙΝΚ ΜΠΡΟΣΤΑ ΑΠΟ ΤΗ ΦΡΑΣΗ "HIDE/SHOW" ΘΑ ΣΟΥ ΑΝΟΙΓΕΙ ΤΗ ΣΕΛΙΔΑ, ΑΛΛΑ ΟΧΙ ΤΟ ΚΡΥΦΟ ΒΙΝΤΕΟ Η ΜΗΝΥΜΑ...ΑΝ ΟΜΩΣ ΒΑΛΕΙΣ ΤΟΝ ΚΩΔΙΚΑ ΤΟΥ ΛΙΝΚ ΑΝΑΜΕΣΑ ΣΤΟ "HIDE/ (εδω το λινκ) SHOW", TOTE ME TO "HIDE" ΘΑ ΣΟΥ ΑΝΟΙΓΕΙ ΤΟ ΒΙΝΤΕΟ, ΚΑΙ ΜΕ ΤΟ "SHOW" ΘΑ ΣΟΥ ΑΝΟΙΓΕΙ ΤΗ ΝΕΑ ΣΕΛΙΔΑ...ΑΝ ΕΧΕΙΣ ΑΠΟΡΙΑ, ΣΤΕΙΛΕ ΜΟΥ ΜΗΝΥΜΑ...ΑΠΟ ΤΑ ΣΧΟΛΙΑ ΔΕΝ ΜΠΟΡΩ ΝΑ ΣΤΟ ΕΞΗΓΗΣΩ ΠΙΟ ΑΝΑΛΥΤΙΚΑ...

stavrospapage99 είπε...

Το δοκίμασα πολύ καλό!!!

Ανώνυμος είπε...

Πολυ καλο.θελω ομως να με βοηθησεις να βαλω την εικονα οριζοντια με τον τιτλο και οχι το ενα κατω απο το αλλο.λοιπον,αυτο ειναι το λινκ της εικονας-http://www.printableworldflags.com/icon-flags/24/Greece.png ,και αυτος ειναι ο τιτλος - Greece πως θα γινει μεσα στον κωδικο αυτο? ευχαριστω..

pandelees karagiann είπε...

...ανώνυμε,εννοείς έτσι;

<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> <a aiotitle="click to expand" href="javascript:togglecomments('UniqueName')"
><img border="0" src="http://www.printableworldflags.com/icon-flags/24/Greece.png" /></a></b><br />
<div class="commenthidden" id="UniqueName"
>Εδώ γράφουμε αυτό που θα φαίνεται</div>

Ανώνυμος είπε...

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

pandelees karagiann είπε...

1)η φωτογραφια φταιει και ειναι ανισόπεδο....εχει μεγαλο περιθώριο...
2)για το σημειο του τιτλου: σβησε τελείως το "τιτλος 2" και γραψε τον τιτλο δίπλα στο link της φωτογραφιας...

Marios είπε...

ευχαριστω για την απαντηση
θα το δοκιμασω

ΠΡΑΚΤΟΡΕΙΟ ΟΠΑΠ - ΣΕΠΠΠ ΓΕΩΡΓΙΟΥ είπε...

Dr. Bloger εισαι καταπληκτικος.
Ειμαι νεος bloger και εχω κολλησει με αυτα.
Το δοκίμασα στο blog μου και ειναι ωραιο εφτιαξα και της εικονες ολα τελεια ...
χιλια ευχαριστω .. αν και δεν το δοκιμασα αλλα πιστευω οτι ετσι θα ειναι και γρηγορο στο ανοιγμα !!!
Συνεχιζω να ψαχνω αυτα που εχεις εδω μεσα σε οτι κολλησω θα σε ρωτησω !!
( Δεν γραφω το Url του blog ..πιστευω να το βρεις απο το ονομα μου και να μου πεις αν το εκανα σωστα )
και παλι ευχαριστω

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

sunergaths kalispera kai ena polh megalo euxaristw gia olla ta omorfa pramata pou mas prosfereis!!egw to ebala apla den mou to anoigei enw sto demo douleyei eyxaristw!!!

pandelees karagiann είπε...

...ναι, δυστυχως , εδω και λιγες εβδομαδες δεν λειτουργει σε ολα τα πρότυπα, αλλα δεν το εχω ψαξει γιατί...στα δικά μου blogs σε άλλα δουλεύει, και σε άλλα όχι...οταν μπορέσω και εχω χρονο, θα το ψαξω με τι συγκρούεται ο κώδικας...