dr-blogger2: gadget

Κρυφό Share Menu
ένα μενού που βρίσκεται στη δεξιά πλευρά του blog σας, στατικό, κρυφό, και ανοίγει όταν περνάει από πάνω το ποντίκι σας...

Αφαιρέστε το: Εγγραφή σε Αναρτήσεις (Atom)
Πολλοί από εσάς θέλετε να σβήσετε από το blog σας τη φράση "Εγγραφή σε Αναρτήσεις (Atom)"....

Εμφάνιση αναρτήσεων με ετικέτα gadget. Εμφάνιση όλων των αναρτήσεων

Διάφορα Cartoons που πετάνε (twitter gadget)

Νέοι bloggers γεια σας !!! Πριν από μήνες, σας είχα δώσει το κώδικα για το πουλί του twitter, που μάλιστα υπήρχε και σε πολλά χρώματα...Οσοι βαρεθήκατε το πουλί, και θέλετε κάτι πιο καινούργιο και περίεργο, σας έχω μια μεγάλη ποικιλία από ιπτάμενα cartoon, να βάλετε σε όλα τα blogs σας...

Το κώδικα που θα σας δώσω θα τον βάλετε σαν gadget (δείτε εικόνα)

Διαβάστε την υπόλοιπη ανάρτηση...

Gadget για Facebook Pop up Like Μιας Χρήσεως

...Και ο τίτλος σημαίνει οτι αυτό το gadget θα εμφανιστεί ΜΟΝΟ ΜΙΑ ΦΟΡΑ, σε κάθε επισκέπτη σας, (εκτός αν σβήσει από τον υπολογιστή του τα cookies που καταγράφουν τις διευθύνσεις που έχει επισκεφθεί στο διαδίκτυο)... Αρα και σεις θα το δείτε μόνο μια φορά στο blog σας...Είναι ένα gadget που εμφανίζεται σε pop up παράθυρο, και δείχνει στον επισκέπτη σας να κάνει "like" στη facebook σελίδα σας.
Τον παρακάτω κώδικα, βάλτε τον σαν gadget => HTML/javascript, (ΔΕΊΤΕ τη φωτογραφία)

Ο ΚΩΔΙΚΑΣ:

_________________________________________________

<style>

ColorBox Core Style:

The following CSS is consistent between example themes and should not be altered.

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}

#cboxOverlay{position:fixed; width:100%; height:100%;}

#cboxMiddleLeft, #cboxBottomLeft{clear:left;}

#cboxContent{position:relative;}

#cboxLoadedContent{overflow:auto;}

#cboxTitle{margin:0;}

#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

.cboxPhoto{float:left; margin:auto; border:0; display:block;}

.cboxIframe{width:100%; height:100%; display:block; border:0;}

User Style:

Change the following styles to modify the appearance of ColorBox. They are

ordered & tabbed in a way that represents the nesting of the generated HTML.

#cboxOverlay{background:#000;opacity:0.5 !important;}

#colorbox{

box-shadow:0 0 15px rgba(0,0,0,0.4);

-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);

-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);

}

#cboxTopLeft{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaTjs6aUqPVlZ1O0Cny1en_e1RWOrY1z_J-w7MdCNypnVf8Yv7A33vW77oAtt4YqFJ6ZwKV8P7bv0dTCx42lchUHvI5cRcQznjyJpgCQZy38mCqWJ6TLg2genf6suj_lAQZKmZtQvKNS8l/s1600/controls.png) no-repeat 0 0;}

#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimll6AWdJUht-FnEWZ9_fzZaNVKnv2a3PASTCMuY9AC34dvchZA87szABAGpZg7gBs2DegRATZa1cG3EVNGJlKh6lwyNxCN6Qz-cxh978y2tzaUwNcEf_LFkb6Z4x8oo-ankGzWQIKH4Kx/s1600/border.png) repeat-x top left;}

#cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaTjs6aUqPVlZ1O0Cny1en_e1RWOrY1z_J-w7MdCNypnVf8Yv7A33vW77oAtt4YqFJ6ZwKV8P7bv0dTCx42lchUHvI5cRcQznjyJpgCQZy38mCqWJ6TLg2genf6suj_lAQZKmZtQvKNS8l/s1600/controls.png) no-repeat -36px 0;}

#cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaTjs6aUqPVlZ1O0Cny1en_e1RWOrY1z_J-w7MdCNypnVf8Yv7A33vW77oAtt4YqFJ6ZwKV8P7bv0dTCx42lchUHvI5cRcQznjyJpgCQZy38mCqWJ6TLg2genf6suj_lAQZKmZtQvKNS8l/s1600/controls.png) no-repeat 0 -32px;}

#cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimll6AWdJUht-FnEWZ9_fzZaNVKnv2a3PASTCMuY9AC34dvchZA87szABAGpZg7gBs2DegRATZa1cG3EVNGJlKh6lwyNxCN6Qz-cxh978y2tzaUwNcEf_LFkb6Z4x8oo-ankGzWQIKH4Kx/s1600/border.png) repeat-x bottom left;}

#cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaTjs6aUqPVlZ1O0Cny1en_e1RWOrY1z_J-w7MdCNypnVf8Yv7A33vW77oAtt4YqFJ6ZwKV8P7bv0dTCx42lchUHvI5cRcQznjyJpgCQZy38mCqWJ6TLg2genf6suj_lAQZKmZtQvKNS8l/s1600/controls.png) no-repeat -36px -32px;}

#cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaTjs6aUqPVlZ1O0Cny1en_e1RWOrY1z_J-w7MdCNypnVf8Yv7A33vW77oAtt4YqFJ6ZwKV8P7bv0dTCx42lchUHvI5cRcQznjyJpgCQZy38mCqWJ6TLg2genf6suj_lAQZKmZtQvKNS8l/s1600/controls.png) repeat-y -175px 0;}

#cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaTjs6aUqPVlZ1O0Cny1en_e1RWOrY1z_J-w7MdCNypnVf8Yv7A33vW77oAtt4YqFJ6ZwKV8P7bv0dTCx42lchUHvI5cRcQznjyJpgCQZy38mCqWJ6TLg2genf6suj_lAQZKmZtQvKNS8l/s1600/controls.png) repeat-y -211px 0;}

#cboxContent{background:#fff; overflow:visible;}

#cboxLoadedContent{margin-bottom:5px;}

#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmny1BsuIAxLu_yKUq_lS7zDlk6hKDR3kfx0mGLFAxpC4c0qJMcXTl6xgtwhpLVZ0fgzuMcJaHUuEoLlwsP0bUVeugKHFXW8UVQs1w76WEHO6Dc-5j6064brlHs42tHUOAt4VOELKFijA9/s1600/loading-background.png) no-repeat center center;}

#cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1rq4oTQsLYxBo1rvGj39mY_Ile3r9fN8IOEfgu1Jid-lDzweRaOrDoox7KrRepI45C3YCACZrZnFbA_MZEHVrhiPSMtXoKToSfa2dQWfT6TRt7_DlAF2gZ0DE6FM5mLnyy-OU3dw0OvQV/s1600/loading.gif) no-repeat center center;}

#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}

#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaTjs6aUqPVlZ1O0Cny1en_e1RWOrY1z_J-w7MdCNypnVf8Yv7A33vW77oAtt4YqFJ6ZwKV8P7bv0dTCx42lchUHvI5cRcQznjyJpgCQZy38mCqWJ6TLg2genf6suj_lAQZKmZtQvKNS8l/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}

#cboxPrevious{left:0px; background-position: -51px -25px;}

#cboxPrevious.hover{background-position:-51px 0px;}

#cboxNext{left:27px; background-position:-75px -25px;}

#cboxNext.hover{background-position:-75px 0px;}

#cboxClose{right:0; background-position:-100px -25px;}

#cboxClose.hover{background-position:-100px 0px;}

.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}

.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}

.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}

.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}

/*-----------------------------------------------------------------------------------*/

/* Facebook Likebox popup For Blogger

/*-----------------------------------------------------------------------------------*/

#subscribe {

font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;

}

#subscribe a,

#subscribe a:hover,

#subscribe a:visited {

text-decoration:none;

}

.box-title {

color: #3B5998;

font-size: 20px !important;

font-weight: bold;

margin: 10px 0;

border:1px solid #ddd;

-moz-border-radius:6px;

-webkit-border-radius:6px;

border-radius:6px;

box-shadow: 5px 5px 5px #CCCCCC;

padding:10px;

line-height:25px; font-family:arial !important;

}

.box-tagline {

color: #999;

margin: 0;

text-align: center;

}

#subs-container {

padding: 35px 0 30px 0;

position: relative;

}

a:link, a:visited {

border:none;

}

.demo {

display:none;

}

</style>

jQuery(document).ready(function(){

if (document.cookie.indexOf('visited=true') == -1) {

var fifteenDays = 1000*60*60*24*30;

var expires = new Date((new Date()).valueOf() + fifteenDays);

document.cookie = "visited=true;expires=" + expires.toUTCString();

$.colorbox({width:"400px", inline:true, href:"#subscribe"});

}

});

</script>

<h3 class="box-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >▼</p></center></h3>

</center>

</div>

_____________________________________________

*Προσοχή...είπαμε οτι ο κάθε επισκέπτης θα το δει μόνο στη πρώτη επίσκεψη στο blog σας...

**ΠΡΟΣΟΧΗ ...αλλάξτε τη διεύθυνση με τα κόκκινα γράμματα, και βάλετε τη δική σας (της σελίδας του facebook που έχετε φτιάξει)

ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!!

Πηγή : thanks to : mybloggertricks.com/ & spiceupyourblog.com
{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}

2 Navigation codes

Nέοι bloggers γεια σας...σας παρουσιάζω 2 απλά navigation codes με HTML...θα τα βάλετε σαν gadget (αν δεν ξέρετε πως βάζουμε ένα gadget δείτε ΕΔΩ)...

Ο ΚΩΔΙΚΑΣ HTML για το Νο1:

<tbody><tr>
<td valign="MIDDLE" align="CENTER"> <font face="ARIAL" color="#EE0000">
<img alt="pick a category and click the CLICK button" border="0" height="24" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVBOtYISR7UwcbHQQ6Ua6cdZ5MdFKYqBz07SUOnIwXAmYWUQU4GEA7JWnD86emHvs9Sqiz6QiGyISSQpS31ULDO6QshNdCF66i9piI0xNOzSoJPYK2tc30saAwPAieQUVoIs9nF_foGXY/s174/navigation-img.gif " width="154"></font>
</td>
<td valign="MIDDLE" align="CENTER">
<font color="#CCCCCC">
<form name="navform" method="POST">
<select name="inchoice" size="1">

<option value="/index.html" selected="">ΔΙΑΛΕΞΤΕ ΚΑΙ ΠΑΤΗΣΤΕ ΤΟ ΚΟΥΜΠΙ
</option><option value="ΔΙΕΥΘΥΝΣΗ ΑΡΧΙΚΗΣ ΣΕΛΙΔΑΣ">ΑΡΧΙΚΗ ΣΕΛΙΔΑ
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 1">ΤΙΤΛΟΣ ΛΙΝΚ 1
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 2">ΤΙΤΛΟΣ ΛΙΝΚ 2
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 3">ΤΙΤΛΟΣ ΛΙΝΚ 3
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 4">ΤΙΤΛΟΣ ΛΙΝΚ 4
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 5">ΤΙΤΛΟΣ ΛΙΝΚ 5
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 6">ΤΙΤΛΟΣ ΛΙΝΚ 6
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 7">ΤΙΤΛΟΣ ΛΙΝΚ 7
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 8">ΤΙΤΛΟΣ ΛΙΝΚ 8
</option></select>
<input type="button" onclick="location = '' + document.navform.inchoice.options[ document.navform.inchoice.selectedIndex ].value;" value="CLICK HERE">
</form>
</font>
</td>
</tr>
</tbody>

Ο ΚΩΔΙΚΑΣ HTML για το Νο2: (ανοίγει τα link σε νέο παράθυρο)

<center>
<form>
<select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="width: 240px;" name="menu" size="1">

<option>ΤΙΤΛΟΣ ΤΟΥ NAVIGATION
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 1">ΤΙΤΛΟΣ ΛΙΝΚ 1
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 2">ΤΙΤΛΟΣ ΛΙΝΚ 2
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 3">ΤΙΤΛΟΣ ΛΙΝΚ 3
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 4">ΤΙΤΛΟΣ ΛΙΝΚ 4
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 5">ΤΙΤΛΟΣ ΛΙΝΚ 5
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 6">ΤΙΤΛΟΣ ΛΙΝΚ 6
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 7">ΤΙΤΛΟΣ ΛΙΝΚ 7
</option><option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ 8">ΤΙΤΛΟΣ ΛΙΝΚ 8
</option></select></form>
</center>

***για να επαναλάβετε και να αυξήσετε τα link, επαναλάβετε (και στους 2 κώδικες) τη φράση
<option value="ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ ">ΛΙΝΚ </option>
***όπου ΔΙΕΥΘΥΝΣΗ ΛΙΝΚ βάλτε το LINK της σελίδας και όπου ΤΙΤΛΟΣ ΛΙΝΚ τον τίτλο της σελίδας
DEMO (2) δείτε τη σελίδα του Βαγγέλη πόσο ωραία το χρησιμοποιεί (εκεί που λέει "πιάτσες")...
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!
{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}

Lightbox για Είσοδο στο Blog σας

Νέοι bloggers γεια σας !!!Χωρίς πολλά λόγια σας δίνω ένα κώδικα για εικόνα, η βίντεο η κείμενο (στατικό) που καλωσορίζει τον επισκέπτη στο blog σας...DEMO...την εικόνα που βλέπετε, μπορεί να είναι και βίντεο, η κείμενο, και να δείχνει η γράφει οτιδήποτε !!!Και βέβαια, αντί για καλωσόρισμα μπορείτε να βάλετε ότι μήνυμα εσείς θέλετε...Δεν μπαίνει ο επισκέπτης στο blog σας αν δεν το κλείσει....
Ο ΚΩΔΙΚΑΣ: (βάλτε τον σαν gadget-javascript)

<div class="widget-content">
<style type="text/css">

</style>

<script type="text/JavaScript">

</script>

<script language="JavaScript1.2">

isMouseover = false;
isDragging = false;

function MouseDownLayer(e)
{
isIE = document.all;

documentTag = isIE ? "BODY" : "HTML";
srcElement = isIE ? event.srcElement : e.target;
layerElement = isIE ? document.all.Layer1 : document.getElementById("Layer1");

while (srcElement.id != "Layer1TitleBar" && srcElement.tagName != documentTag)
{
srcElement = isIE ? srcElement.parentElement : srcElement.parentNode;
}
if (srcElement.id == "Layer1TitleBar")
{
offsetX = isIE ? event.clientX : e.clientX;
offsetY = isIE ? event.clientY : e.clientY;
currentX = parseInt(layerElement.style.left);
currentY = parseInt(layerElement.style.top);
isDragging = true;
document.onmousemove = MouseMoveLayer;
}
}

function MouseMoveLayer(e)
{
if (!isDragging) return;

// Internet Explorer ?
if (document.all)
{
layerElement.style.left = currentX+event.clientX-offsetX;
layerElement.style.top = currentY+event.clientY-offsetY;
}
else
{
layerElement.style.left = currentX+e.clientX-offsetX + "px";
layerElement.style.top = currentY+e.clientY-offsetY + "px";
}
return false;
}

document.onmousedown = MouseDownLayer;
document.onmouseup = Function("isDragging=false");

</script>

<div id="Layer1"> <table border="0" bgcolor="#103C7B" width="100%" cellspacing="0" cellpadding="2">
<tbody><tr>
<td id="Layer1TitleBar" style="cursor:move" width="100%">
<ilayer width="100%" onselectstart="return false">
<layer width="100%" onmouseover="isMouseover=true" onmouseout="isMouseover=false">
<font face="Arial" color="#FFFFFF" style="font-size:13px;text-decoration:none"><b></b></font> </layer>
</ilayer>
</td>
<td style="cursor:hand" valign="top">
<a href="#" onclick="layerElement.style.visibility='hidden';return false">
<font color="#FFFFFF" face="Arial" style="font-size:13px;text-decoration:none"><b>Κλείσιμο</b></font>
</a>
</td>
</tr>
</tbody></table><a href="#" style=""><center><img height="550" width="700" src="http://i972.photobucket.com/albums/ae206/RuSsiA_Bboy/Welcome-to-my-page.gif" /></div></center></a></div>

***τα χρωματιστά σημεία, σας δείχνουν τα μεγέθη, τις διαστάσεις και με το μπλε φόντο, σας δείχνω που θα βάλετε τη φωτογραφία, το βιντεο η το κείμενο
***ΠΟΛΥ ΣΗΜΑΝΤΙΚΟ .....επειδή δεν πρέπει να λειτουργεί συνέχεια και σε όλες τις σελίδες του blog σας, (γιατί θα σπάσετε τα νεύρα στους επισκέπτες σας που θα πρέπει να το κλείνουν σε κάθε ανάρτηση σας που θα διαβάζουν), διαβάστε αυτην την ανάρτηση, ΚΑΝΤΕ ΤΑ WIDGETS ΟΡΑΤΑ/ΚΡΥΦΑ ΣΕ ΣΥΓΚΕΚΡΙΜΕΝΕΣ ΣΕΛΙΔΕΣ για να βάλετε αυτό το gadget ΜΟΝΟΝ στην αρχική σελίδα....
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!(για απορίες σας, στείλτε email η γράψτε σχόλιο)
{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}

GADGET ΜΕ ΓΙΟΡΤΙΝΕΣ ΕΥΧΕΣ

Νέοι bloggers γεια σας!!!Χριστούγεννα έρχονται, και σας ξαναδίνω ένα gadget που έκανε πάταγο πέρισυ, τα Χριστούγεννα...Ο Αη-Βασίλης με ευχές...Βάλτε το κώδικα που σας δίνω, σαν gadget-javascript....O περσινός κώδικας ήταν εδώ
Αντιγράψτε τον παρακάτω κώδικα που σας δίνω και επικολλήστε τον σαν gadget στο BLOGGER επεξεργασία διάταξης=>Σχεδίαση=>Στοιχεία Σελίδας=>GADGET=>HTML/JavaScript :
Ο ΚΩΔΙΚΑΣ:
 <style type="text/css"> #daniFX{ position:fixed; top:70px; z-index:+1200; } * html #daniFX{position:relative;} .daniFXtab{ height:250px; width:117px; float:left; cursor:pointer; background:url(' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Hz-jYWLmmSEUpTwKEw5o6S9ggg7L3L27zKMUuQ44iSbingvxJyNDhBJob8WK8Pj0aX98C8vYiTCIx7IQDodnRn4b_ua0HzZNJ1RDz7uC7kbRqJsbxSa_IS7zhwbUrX6AV-ra-gkflbwW/s227/santa2.gif ') no-repeat; } .daniFXcontent{ float:left; border:2px solid #000000; -moz-border-radius-topleft:0px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; background:#ffffff; padding:22px; } </style> <script type="text/javascript"> function showHidedaniFX(){ var daniFX = document.getElementById("daniFX"); var w = daniFX.offsetWidth; daniFX.opened ? movedaniFX(0, 40-w) : movedaniFX(40-w, 0); daniFX.opened = !daniFX.opened; } function movedaniFX(x0, xf){ var daniFX = document.getElementById("daniFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; daniFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movedaniFX("+x+", "+xf+")", 10);} } </script>
<div id="daniFX"><div class="daniFXtab" onclick="showHidedaniFX()"></div><div class="daniFXcontent"><br/><br/>MERRY <br/> CHRISTMAS <br/> AND <br/> HAPPY <br/> NEW <br/> YEAR<br/><script type="text/javascript"> var daniFX = document.getElementById("daniFX"); daniFX.style.right = (30-daniFX.offsetWidth).toString() + "px"; </script><script type="text/javascript"> var daniFX =
document.getElementById("daniFX"); daniFX.style.right =
(110-daniFX.offsetWidth).toString() + "px"; </script>  <br /></div></div>

***Επειδή δεν βάζουμε πια τίτλους στα gadget μας, θυμηθείτε η σημειώστε που θα βάλετε το "κουτάκι" με αυτό το κώδικα, ώστε μετά τις γιορτές να το βγάλετε εύκολα !!!
***Βάλτε τη δική σας ευχή, αντικαθιστώντας τις μπλε φράσεις....(το <br/> σημαίνει οτι αλλάζουμε σειρά...κάνει ότι και το enter όταν γράφουμε κείμενο)
***Θ σας δώσω και κάποια tips των ρυθμίσεων του, μήπως θέλετε να τον τοποθετήσετε, κάπως διαφορετικά....1.εάν έχετε ευρεία οθόνη , η το επηρεάσει το css του blog σας, αλλάξτε τη τιμή (110-daniFX.offsetWidth) στο τέλος του κώδικα...αν αυξήσετε αυτή τη τιμή, θα βγει όλος ο Αη-Βασίλης μέσα στο blog σας.....2.το top:70px; είναι το ύψος που βρίσκεται το gadget ...σαν στατικό που είναι, αν μεγαλώσει η τιμή (πχ 170, 270, 320 κλπ) το gadget θα κατεβεί πιο κάτω.....3.το border:2px solid #000000; είναι το πάχος της κορνίζας και το χρώμα της.....4.το background:#ffffff; είναι το φόντο πίσω από τις ευχές.....
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!
{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}

GADGET ΜΕ ΓΙΟΡΤΙΝΕΣ ΕΥΧΕΣ

Νέοι bloggers γεια σας!!!Χριστούγεννα έρχονται, και σας ξαναδίνω ένα gadget που έκανε πάταγο πέρισυ, τα Χριστούγεννα...Ο Αη-Βασίλης με ευχές...Βάλτε το κώδικα που σας δίνω, σαν gadget-javascript....O περσινός κώδικας ήταν εδώ
Αντιγράψτε τον παρακάτω κώδικα που σας δίνω και επικολλήστε τον σαν gadget στο BLOGGER επεξεργασία διάταξης=>Σχεδίαση=>Στοιχεία Σελίδας=>GADGET=>HTML/JavaScript :
Ο ΚΩΔΙΚΑΣ:
 <style type="text/css"> #daniFX{ position:fixed; top:70px; z-index:+1200; } * html #daniFX{position:relative;} .daniFXtab{ height:250px; width:117px; float:left; cursor:pointer; background:url('http://i1029.photobucket.com/albums/y353/pantelakos/santa2.gif') no-repeat; } .daniFXcontent{ float:left; border:2px solid #000000; -moz-border-radius-topleft:0px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; background:#ffffff; padding:22px; } </style> <script type="text/javascript"> function showHidedaniFX(){ var daniFX = document.getElementById("daniFX"); var w = daniFX.offsetWidth; daniFX.opened ? movedaniFX(0, 40-w) : movedaniFX(40-w, 0); daniFX.opened = !daniFX.opened; } function movedaniFX(x0, xf){ var daniFX = document.getElementById("daniFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; daniFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movedaniFX("+x+", "+xf+")", 10);} } </script>
<div id="daniFX"><div class="daniFXtab" onclick="showHidedaniFX()"></div><div class="daniFXcontent"><br/><br/>MERRY <br/> CHRISTMAS <br/> AND <br/> HAPPY <br/> NEW <br/> YEAR<br/><script type="text/javascript"> var daniFX = document.getElementById("daniFX"); daniFX.style.right = (30-daniFX.offsetWidth).toString() + "px"; </script><script type="text/javascript"> var daniFX =
document.getElementById("daniFX"); daniFX.style.right =
(110-daniFX.offsetWidth).toString() + "px"; </script>  <br /></div></div>

Lightbox για Προτεινόμενες Αναρτήσεις

Φίλοι bloggers γεια σας !!!Σας έχω σήμερα ένα lightbox για προτεινόμενα link !!!Το βρήκα σε μια σελίδα, μου άρεσε, το έβαλα στο blog μου, και επειδή μου το ζήτησαν κάποιοι φίλοι, σκέφτηκα οτι θα ήταν χρήσιμο και σε άλλους...Σας προτείνω να το βάλετε σαν gadget-javascript, όλο το κώδικα που σας δίνω (που περιέχει και CSS και SCRIPT και HTML) !!!

Ο ΚΩΔΙΚΑΣ:
<style>
#pscroller2{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSvtKE_5N2i6KSETXhImkBo3mE18KPWXJZueRnAVaS5T_cbQg3MRYA3Gxho61O9lFfXspiCYpl257OKhh8gnlaqt4HMepUTu4yGSEgSeUCCQtUuPnfMASJVCUn2i3lAr-NoGVkbMrbt9cH/s30/look.png) no-repeat top left;
width: 430px;
height:20px;
Light border: 1px solid #ddd;
padding: 3px 3px 3px 40px;
margin:10px 0;
}

#pscroller2 a{
text-decoration: none;
color:#2ECCFA;
}

#pscroller2 a:hover{
text-decoration: underline;
color:#0080ff;
}

.someclass{
}
</style>

<script type="text/javascript">
function pausescroller(content, divId, divClass, delay){
this.content=content //message array content
this.tickerid=divId //ID of ticker div to display information
this.delay=delay //Delay between msg change, in miliseconds.
this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is)
this.hiddendivpointer=1 //index of message array for hidden div
document.write('<div id="'+divId+'" class="'+divClass+'" style="position: relative; overflow: hidden"><div class="innerDiv" style="position: absolute; width: 100%" id="'+divId+'1">'+content[0]+'</div><div class="innerDiv" style="position: absolute; width: 100%; visibility: hidden" id="'+divId+'2">'+content[1]+'</div></div>')
var scrollerinstance=this
if (window.addEventListener) //run onload in DOM2 browsers
window.addEventListener("load", function(){scrollerinstance.initialize()}, false)
else if (window.attachEvent) //run onload in IE5.5+
window.attachEvent("onload", function(){scrollerinstance.initialize()})
else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec
setTimeout(function(){scrollerinstance.initialize()}, 500)
}
// -------------------------------------------------------------------
// initialize()- Initialize scroller method.
// -Get div objects, set initial positions, start up down animation
// -------------------------------------------------------------------
pausescroller.prototype.initialize=function(){
this.tickerdiv=document.getElementById(this.tickerid)
this.visiblediv=document.getElementById(this.tickerid+"1")
this.hiddendiv=document.getElementById(this.tickerid+"2")
this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv))
//set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2)
this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px"
this.getinline(this.visiblediv, this.hiddendiv)
this.hiddendiv.style.visibility="visible"
var scrollerinstance=this
document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1}
document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0}
if (window.attachEvent) //Clean up loose references in IE
window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null})
setTimeout(function(){scrollerinstance.animateup()}, this.delay)
}
// -------------------------------------------------------------------
// animateup()- Move the two inner divs of the scroller up and in sync
// -------------------------------------------------------------------
pausescroller.prototype.animateup=function(){
var scrollerinstance=this
if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){
this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px"
this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"
setTimeout(function(){scrollerinstance.animateup()}, 50)
}
else{
this.getinline(this.hiddendiv, this.visiblediv)
this.swapdivs()
setTimeout(function(){scrollerinstance.setmessage()}, this.delay)
}
}
// -------------------------------------------------------------------
// swapdivs()- Swap between which is the visible and which is the hidden div
// -------------------------------------------------------------------

pausescroller.prototype.swapdivs=function(){
var tempcontainer=this.visiblediv
this.visiblediv=this.hiddendiv
this.hiddendiv=tempcontainer
}

pausescroller.prototype.getinline=function(div1, div2){
div1.style.top=this.visibledivtop+"px"
div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"
}

// -------------------------------------------------------------------
// setmessage()- Populate the hidden div with the next message before it's visible
// -------------------------------------------------------------------

pausescroller.prototype.setmessage=function(){
var scrollerinstance=this
if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)
setTimeout(function(){scrollerinstance.setmessage()}, 100)
else{
var i=this.hiddendivpointer
var ceiling=this.content.length
this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1
this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]
this.animateup()
}
}

pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any
if (tickerobj.currentStyle)
return tickerobj.currentStyle["paddingTop"]
else if (window.getComputedStyle) //if DOM2
return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")
else
return 0
}

</script>
<script type="text/javascript">

//new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)
new pausescroller(pausecontent2, "pscroller2", "someclass", 4000)
</script>

<script type="text/javascript">
/*Example message arrays for the two demo scrollers*/
var pausecontent2=new Array()
pausecontent2[0]='<a target="_blank" href="ΔΙΕΥΘΥΝΣΗ ΑΝΑΡΤΗΣΗΣ 1">ΤΙΤΛΟΣ 1...</a>'
pausecontent2[1]='<a target="_blank" href="ΔΙΕΥΘΥΝΣΗ ΑΝΑΡΤΗΣΗΣ 2">ΤΙΤΛΟΣ 2...</a>'
pausecontent2[2]='<a target="_blank" href="ΔΙΕΥΘΥΝΣΗ ΑΝΑΡΤΗΣΗΣ 3">ΤΙΤΛΟΣ 3...</a>'
pausecontent2[3]='<a target="_blank" href="ΔΙΕΥΘΥΝΣΗ ΑΝΑΡΤΗΣΗΣ 4">ΤΙΤΛΟΣ 4...</a>'
pausecontent2[4]='<a target="_blank" href="ΔΙΕΥΘΥΝΣΗ ΑΝΑΡΤΗΣΗΣ 5">ΤΙΤΛΟΣ 5...</a>'
pausecontent2[5]='<a target="_blank" href="ΔΙΕΥΘΥΝΣΗ ΑΝΑΡΤΗΣΗΣ 6">ΤΙΤΛΟΣ 6...</a>'
pausecontent2[6]='<a target="_blank" href="ΔΙΕΥΘΥΝΣΗ ΑΝΑΡΤΗΣΗΣ 7">ΤΙΤΛΟΣ 7...</a>'
pausecontent2[7]='<a target="_blank" href="ΔΙΕΥΘΥΝΣΗ ΑΝΑΡΤΗΣΗΣ 8">ΤΙΤΛΟΣ 8...</a>'
pausecontent2[8]='<a target="_blank" href="ΔΙΕΥΘΥΝΣΗ ΑΝΑΡΤΗΣΗΣ 9">ΤΙΤΛΟΣ 9...</a>'
</script>

***Αλλάξτε ΟΠΩΣΔΗΠΟΤΕ τις ανάλογες διευθύνσεις με τις δικές σας και τους τίτλους των (τις φράσεις ΔΙΕΥΘΥΝΣΗ ΑΝΑΡΤΗΣΗΣ και ΤΙΤΛΟΣ ) !!!
***Το 4000 είναι η ταχύτητα που αλλάζουν τα link...
*** Tο width: 430px; height:20px; είναι οι διαστάσεις του πλαισίου (βλέπε εικόνα)
***Εάν ο κώδικας css συγκρουστεί με το css του blog σας, μην το χρησιμοποιήσετε ...(μάλλον δεν θα συμβεί αυτό)...
***Για όσους γνωρίζουν html, έχω αφήσει και τις επεξηγήσεις στα επί μέρους σημεία του κώδικα ...
***Οταν περνά το ποντίκι πάνω από το lightbox , σταματά να γυρνά...
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!
{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}

Lightbox για Προτεινόμενες Αναρτήσεις

Χριστούγεννα έρχονται, ο Dr-Blogger προτείνει

Nέοι bloggers γεια σας!!! Ερχονται Χριστούγεννα !!! Ο dr-blogger έχει και φέτος για σας ιδέες και λύσεις για χριστουγεννιάτικο στολισμό του blog σας...σήμερα σας δίνω κώδικες που μπαίνουν σαν gadget => HTML/JavaScript, και δείχνουν διάφορα αντικείμενα να "πέφτουν" στο blog σας...Προσοχή όμως !!!! μη το παρακάνετε....

Falling Colored Stars :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/ColoredStars.txt" />
</script>

Falling fire Stars :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/fireStars.txt" />
</script>

Falling Stars :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Stars.txt" />
</script>

Falling snow : Falling SnowFlakes

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/snow.txt" />
</script>

Falling Snow flakes 1 :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Snowflakes1.txt" />
</script>

Falling Snow flakes 2 :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Snowflakes2.txt" />
</script>

Falling Snow flakes 3 :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Snowflakes3.txt" />
</script>

Falling Snow flakes 4 :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Snowflakes4.txt" />
</script>

Falling Snow flakes 5 :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Snowflakes5.txt" />
</script>

Falling Snow flakes 6 :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Snowflakes6.txt" />
</script>

Falling Leaves :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/FallingLeaves.txt" />
</script>

Falling Green Leaf :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/GreenLeaf.txt" />
</script>

Falling Yellow Leaf :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/YellowLeaf.txt" />
</script>

Falling Greenish :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Greenish.txt" />
</script>

Falling Tree Leaf :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/TreeLeaf.txt" />
</script>

Falling Heart 1 :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Heart1.txt" />
</script>

Falling Heart 2 :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Heart2.txt" />
</script>

Falling Heart 3 :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Heart3.txt" />
</script>

Falling Blue Heart :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/BlueHeart.txt" />
</script>

Falling Red-1 Heart :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/RedHeart.txt" />
</script>

Falling Heart 4 :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Heart4.txt" />
</script>

Falling Flower :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Flower.txt" />
</script>

Falling Love Heart :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/LoveHeart.txt" />
</script>

Falling butterfly Orange 1 :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/butterflyOrange.txt" />
</script>

Falling butterfly Pink 1 :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/butterflyPink.txt" />
</script>

Falling butterfly Blue 1 :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/butterflyBlue.txt" />
</script>

Falling butterfly Green 1 :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/butterflyGreen.txt" />
</script>

Falling butterfly ani 1 :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/butterfly-1-dance.txt" />
</script>

Falling Heart ani 1 :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/LoveHeart-1-dance.txt" />
</script>

Falling Heart ani 2 :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/LoveHeart-1-lights.txt" />
</script>

Falling red heart :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Fallingredheart.txt" />
</script>

Falling orange heart :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Fallingorangeheart.txt" />
</script>

Falling pink heart :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Fallingpinkheart.txt" />
</script>

Falling blue heart :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Fallingblueheart.txt" />
</script>

Falling purple heart :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Fallingpurpleheart.txt" />
</script>

Falling yellow heart :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Fallingyellowheart.txt" />
</script>

Falling objects-heart :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Fallingobjects-heart.txt" />
</script>

alling hrt2b heart :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Fallinghrt2bheart.txt" />
</script>

Falling objects-snow :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Fallingobjects-snow.txt" />
</script>

Falling ani-ornament :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Fallingani-ornament.txt" />
</script>

Falling red star :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Fallingredstar.txt" />
</script>

Falling blue star :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Fallingbluestar.txt" />
</script>

Falling orange star :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Fallingorangestar.txt" />
</script>

Falling pink star :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Fallingpinkstar.txt" />
</script>

Falling blinking star :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Fallingblinkingstar.txt" />
</script>

Falling colored cross :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Fallingcoloredcross.txt" />
</script>

Falling colored flake :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Fallingcoloredflake.txt" />
</script>

Falling green butterfly :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Fallinggreenbutterfly.txt" />
</script>

Falling yellow butterfly :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Fallingyellowbutterfly.txt" />
</script>

Falling objects-fish :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Fallingobjects-fish.txt" />
</script>

Falling objects-bee :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Fallingobjects-bee.txt" />
</script>

Falling objects-drip :

<script type="text/javascript" src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/Fallingobjects-drip.txt" />
</script>

Πηγή: thanks to: 24works.blogspot.com/
{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}