GADGETS FOR BLOGS

Facebook Google plus YouTube Pinterest Tumblr Delicius DIIGO Start.me NETVIBES feedburner

ΠΩΣ ΒΑΖΩ ΑΝΑΔΥΟΜΕΝΟ WIDGET No 1

FLOATING WIDGET
ΠΩΣ ΒΑΖΩ ΑΝΑΔΥΟΜΕΝΟ WIDGET No 1
Με τον παρακάτω κώδικα μπορούμε να ενσωματώσουμε ένα widget το οποίο θα αναδύεται μετά το πάτημα ενός στατικού κουμπιού. Είναι αυτό που έχω βάλει πάνω αριστερά και περιέχει την λίστα με τα widgets. Είναι πολύ χρήσιμο για όσους θέλουν να βάλουν πολλά δεδομένα και δεν τα χωράει το πλάτος ανάρτησης που διαθέτουν. Αυτό μπορεί να χωρέσει χιλιάδες συνδέσμους με περιγραφές, πίνακες, παρουσιάσεις, βίντεο, έγγραφα, μουσική, φωτογραφίες και με λίγα λόγια δέχεται ότι έχει κώδικα html/javascript και ενσωματώνεται σαν gadget.

Ο κώδικας του widget που θέλετε να ενσωματώσετε πηγαίνει στη θέση του κώδικα iframe του δικού μου φύλλου ecxel που έχω ενσωματώσει περίπου στη μέση του παρακάτω κώδικα και αρχίζει με<iframe και τελιώνει με </iframe> Αντικαταστήστε τον με τον δικό σας κώδικα οποιουδήποτε widget θέλετε να ενσωματώσετε.
Για να βάλετε περισσότερα από ένα αναδυόμενα widget πρέπει να αλλάξετε όλα τα κίτρινα γράμματα m που βρίσκονται μέσα στις χρωματισμένες με πορτοκαλί χρώμα λέξεις με ένα άλλο οποιοδήποτε λατινικό γράμμα για να μην είναι ίδιος ο κώδικας και δεν λειτουργεί. Εννοείτε ότι ο παρακάτω κώδικας μπορεί να μπεί απλά σαν gadget σε οποιοδήποτε σημείο του ιστολογίου σας γιατί είναι στατικό και όπου και να το βάλετε αυτό θα εμφανίζεται στη θέση top:0px; left:0px; εκτός και του αλλάξετε αυτή την στατική θέση το οποίο αν το επιθυμήτε και αυτό γίνεται.

<div id="mboxbutton" alt="MEGA MENU" title="MEGA MENU"
style="position: fixed; top:0px; left:0px; width:160px; height: 20px; padding: 5px; text-align: center; cursor: pointer; background:#255720; border:0;border-radius: 5px; font:13px arial; color:#FFFFFF; z-index: 1000;" onclick="togglembox()"><b>OPEN MENU ▼</b></div>
<div id="mboxdiv" style="display: none; position: fixed; top:0px; left:261px; width: 960px; height:760px; background:transparent; padding:0px; line-height: 0;border:0; z-index: 1000;"></div>
<script type="text/javascript">
var mbvis = false;
var mbload = false;
var mbcookie = "mboxvis=";
function togglembox () {
var mbdiv = document.getElementById("mboxdiv");
var mbbut = document.getElementById("mboxbutton");
if (!mbvis) {
if (!mbload) {
mbdiv.innerHTML = '<iframe frameborder="0" height="760" src="https://docs.google.com/spreadsheets/d/1250n3upxFNUwA50hSL73OZK0fvXv0CHmFF1OTE_443M/pubhtml?gid=1951055053&amp;single=true&amp;widget=true&amp;headers=false" width="960"></iframe>';
mbload = true;}
mbdiv.style.display = "BLOCK";
mbbut.innerHTML = "CLOSE MENU ▼";}
else {mbdiv.style.display = "none"; mbbut.innerHTML = "OPEN MENU ";}
mbvis = !mbvis; document.cookie = mbcookie+((mbvis)?1:0);}
var mbcookiei = document.cookie.indexOf(mbcookie);
if (mbcookiei >= 0) {
if (document.cookie.substring(mbcookiei+mbcookie.length, mbcookiei+mbcookie.length+1) === "1") {
togglembox();}}
</script>

Δεν υπάρχουν σχόλια:

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

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".