Πως βάζω κείμενο μέσα σε spoiler στο Blogspot

   Σήμερα θα εξηγήσω ένα κολπάκι και συμβουλές που βρήκα στο Blogging Tricks and Tips για να μπορούμε να βάζουμε ένα κείμενο, και όχι μόνο, στο Blogspot χρησιμοποιώντας το Spoiler. Το Spoiler είναι επεκτάσιμη περιοχή που μπορεί να γεμίσει με όλα όσα θέλουμε, όπως κείμενο, εικόνα, HTML κώδικα κλπ. Το παράδειγμα του σπόιλερ είναι σαν αυτό.

Τίτλος του Σπόιλερ:

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

   Η κύρια λειτουργία του σπόιλερ είναι να μειωθεί η επιβάρυνση φόρτωσης της σελίδας σας, ώστε να μπορεί να φορτώσει το site σας γρήγορα. Επιπλέον, με το σπόιλερ η ανάρτησή σας θα φαίνεται τακτοποιημένη. Εντάξει, τώρα θα σας δείξω τον κωδικό για να κάνετε το σπόιλερ και να το βάλετε στο blog σας
   Για να κάνετε το σπόιλερ, απλά τοποθετείτε τον κώδικα στο πρόγραμμα επεξεργασίας HTML (π.χ.: Δημοσίευση, widget, κλπ)

Ο κωδικός:

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b>Τίτλος του Σπόιλερ</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Κλείσιμο'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Άνοιγμα'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Άνοιγμα" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

  

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

</div>
</div>
</div>

   Μην ξεχάσετε να αφαιρέσετε το Continue to article » όλο το λινκ. Κάντε κλικ στο κουμπί "Δημοσίευση". Αυτό ήταν!
   Αυτό ήταν ο απλός τρόπος να χρησιμοποιούμαι το Σπόιλερ (Spoiler) στον blogger που μου άρεσε για να τον μοιραστώ σήμερα μαζί σας και ελπίζω να είναι χρήσιμο και ωφέλιμο σε όλους σας. Σας ευχαριστώ για την επίσκεψη στο blog μου.

Blogging Tricks and Tips