Ads 468x60px

Τρίτη, 4 Οκτωβρίου 2016

HIDE / SHOW WITH ICON

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε ένα πολύ εύχρηστο και πολύ
γνωστό widget το οποίο μας βοηθά-επιτρέπει να κρύβουμε (hide) θέματα στις sidebars μας!

Λειτουργεί με εμφάνιση/απόκρυψη, hide/show και έχω προσθέσει εικονίδιο στον κώδικα
για να φαίνεται καλύτερο ''εμφανισιακά''!Μπορείτε να βάλετε μέσα banners-Links-menu-
φωτογραφίες-κείμενα κτλ!



Δείτε εδώ το DEMO


Η εγκατάσταση του είναι απλή..

Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη 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 aiotitle="click to expand" href="javascript:togglecomments('UniqueName')"
><center><img src="https://lh4.googleusercontent.com/-NrH7goJ-uVY/Ulhb_5l8AeI/AAAAAAAAKhM/scHfUbxN6UQ/s103/entersp_e0.gif"/></center><br />
<div class="commenthidden" id="UniqueName"
>Εδώ γράφουμε αυτό που θα φαίνεται</div></a> 
.......................................................................................................................................................
ΑΛΛΑΓΕΣ

Εδώ γράφουμε αυτό που θα φαίνεται--Εδώ βάζουμε τους κώδικες που θα είναι κρυμμένοι
και θα εμφανίζονται με το κλικ στο εικονίδιο!Τους βάζετε έναν έναν με την σειρά!


UniqueName--Αν θέλετε να το χρησιμοποιήσετε πάνω από μια φορά στο blog σας αλλάζετε
το Unique name με άλλη ονομασία!Προσέξτε το αλλάζετε 2 φορές!

https://lh4.googleusercontent.com/-NrH7goJ-uVY/Ulhb_5l8AeI/AAAAAAAAKhM/scHfUbxN6UQ/s103/entersp_e0.gif--Εδώ είναι η διεύθυνση του εικονιδίου που έχω βάλει!Αν δεν σας αρέσει το αλλάζετε με δικό σας!
Μερικά έτοιμα Gifs:





 https://lh5.googleusercontent.com/-N5ok97Qd4Qk/UeSH6kpy-kI/AAAAAAAAGhQ/fBm95cKkZBI/s125/hands8.gif





https://lh5.googleusercontent.com/-8fXDThXYabs/UlhcAFwULnI/AAAAAAAAKhU/G1Iaun2-1ZQ/s74/ggiris_e0.gif

Αποθήκευση και είστε έτοιμοι!

Καλή επιτυχία!!



Edit by  

0 σχόλια :

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

Icon Icon Icon

spice up your blog