photto

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

Χιόνι στο blog σας - Snowstorm widget

Φίλοι bloggers γεια σας! Σήμερα σας έχω τρόπο να βάλετε χιονόπτωση στο blog σας! Σας δίνω 2 τρόπους, για να έχετε εναλλακτική λύση (μήπως δεν δουλέψει το widget στο blog σας)! Το ένα, ειδικά script, σας το δίνω για εσάς που έχετε άσπρο φόντο στο blog σας και δεν φαίνεται το άσπρο χιόνι... Και βέβαια, υπάρχει ήδη μια παλαιότερη ανάρτηση  => ΕΔΩ  <= με εικόνες που "πέφτουν " στο blog σας, για όσους θέλουν κάτι εναλλακτικό ....
1ος τρόπος:
Τη φράση που σας δίνω παρακάτω θα τη βάλετε στο HTML του προτύπου σας, (βρείτε τη φράση πατώντας ctrl F) (με copy-paste) ακριβώς ΠΑΝΩ από το </head>:

<!--  EΔΩ ΒΡΙΣΚΕΤΑΙ Η ΧΙΟΝΟΠΤΩΣΗ ΣΤΟ BLOG  -->
<script src="http://dr-blogger.com/files/scripts/snowstorm-min.js"></script>
<!--  ΤΕΛΟΣ ΤΗΣ ΧΙΟΝΟΠΤΩΣΗΣ ΣΤΟ BLOG  -->


2ος τρόπος: (βάλτε το σαν Gadget=> HTML/Javascript)
Αυτό το script είναι για τα blogs με άσπρο φόντο...Γιατί σας το δίνω ανοικτό αυτό το script ;;;  για να διαλέξετε εσείς το χρώμα του χιονιού που θα πέφτει (εγώ το έχω σε μπλε) ανάλογα με τα γούστα σας...απλά θα αντικαταστήσετε το χρώμα που σας έχω σημειώσει με μπλε γράμματα στο σημείο "background-color:blue" αλλάξτε το blue με άλλο χρώμα που θα βρείτε  =>ΕΔΩ<=


<!--  EΔΩ ΒΡΙΣΚΕΤΑΙ Η ΧΙΟΝΟΠΤΩΣΗ ΣΤΟ BLOG  -->
<img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGvX0ORHcut8RKR6V_VMrs0h9nq0L5oJTa4t7Isbo0nS5jCJ7-Qnl6sSiwAWpgqcZTzpSPsb3peKQm2z9arbSZBouRZVzU0duIkj9oqF4p3vkv38c36DPYD2azMwfPCKFjBc60qe_lGTZu/s1600/best+blogger+tips.png'/><script type='text/javascript'>
//Snow - http://www.btinternet.com/~kurt.grigg/javascript

if ((document.getElementById) &&
window.addEventListener || window.attachEvent){

(function(){

//Configure here.

var num = 140; //Number of flakes
var timer = 10; //setTimeout speed. Varies on different comps
var enableinNS6 = 1 //Enable script in NS6/Mozilla? Snow animation could be slow in those browsers. (1=yes, 0=no).

//End.

var y = [];
var x = [];
var fall = [];
var theFlakes = [];
var sfs = [];
var step = [];
var currStep = [];
var h,w,r;
var d = document;
var pix = "px";
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;

if (d.documentElement.style &&
typeof d.documentElement.style.MozOpacity == "string")
num = 12;

for (i = 0; i < num; i++){
sfs[i] = Math.round(1 + Math.random() * 1);

document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:'
+sfs[i]+'px;height:'+sfs[2]+'px;background-color:blue;font-size:'+sfs[2]+'px"><\/div>');

currStep[i] = 0;
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}


if (domWw) r = window;
else{
if (d.documentElement &&
typeof d.documentElement.clientWidth == "number" &&
d.documentElement.clientWidth != 0)
r = d.documentElement;
else{
if (d.body &&
typeof d.body.clientWidth == "number")
r = d.body;
}
}


function winsize(){
var oh,sy,ow,sx,rh,rw;
if (domWw){
if (d.documentElement && d.defaultView &&
typeof d.defaultView.scrollMaxY == "number"){
oh = d.documentElement.offsetHeight;
sy = d.defaultView.scrollMaxY;
ow = d.documentElement.offsetWidth;
sx = d.defaultView.scrollMaxX;
rh = oh-sy;
rw = ow-sx;
}
else{
rh = r.innerHeight;
rw = r.innerWidth;
}
h = rh - 2;
w = rw - 2;
}
else{
h = r.clientHeight - 2;
w = r.clientWidth - 2;
}
}


function scrl(yx){
var y,x;
if (domSy){
y = r.pageYOffset;
x = r.pageXOffset;
}
else{
y = r.scrollTop;
x = r.scrollLeft;
}
return (yx == 0)?y:x;
}


function snow(){
var dy,dx;

for (i = 0; i < num; i++){
dy = fall[i];
dx = fall[i] * Math.cos(currStep[i]);

y[i]+=dy;
x[i]+=dx;

if (x[i] >= w || y[i] >= h){
y[i] = -10;
x[i] = Math.round(Math.random() * w);
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}

theFlakes[i].top = y[i] + scrl(0) + pix;
theFlakes[i].left = x[i] + scrl(1) + pix;

currStep[i]+=step[i];
}
setTimeout(snow,timer);
}


function init(){
winsize();
for (i = 0; i < num; i++){
theFlakes[i] = document.getElementById("flake"+(idx+i)).style;
y[i] = Math.round(Math.random()*h);
x[i] = Math.round(Math.random()*w);
}
snow();
}


if (window.addEventListener){
window.addEventListener("resize",winsize,false);
window.addEventListener("load",init,false);
}
else if (window.attachEvent){
window.attachEvent("onresize",winsize);
window.attachEvent("onload",init);
}

})();
}//End.
</script>
<!--  ΤΕΛΟΣ ΤΗΣ ΧΙΟΝΟΠΤΩΣΗΣ ΣΤΟ BLOG  -->


ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!! 
{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιραστείτε με στους φίλους σας με τα πλήκτρα από κάτω}


Μέχρι τα Χριστούγεννα...

Φίλοι bloggers, έρχονται Χριστούγεννα, και σίγουρα οι νεώτεροι (που δεν κατέχουν από εορταστικά widgets) θα βάλετε κάποια gadgets στο blog σας...Κάθε χρόνο σας δίνω μερικά...Ορίστε άλλο ένα...Για να μετράτε τις ημέρες μέχρι τα Χριστούγεννα η την Πρωτοχρονιά ...
Μπείτε στη σελίδα Μycountdown.org  και φτιάξτε το δικό σας αντίστροφο ρολόι μέχρι την ημέρα που θέλετε εσείς (Χριστούγεννα η Πρωτοχρονιά) βάλετε τα δικά σας χρώματα , σχέδια, μεγέθη και πάρετε τον κώδικα που θα σας δώσει, και επικολλήστε τον σαν Gadget => HTML/Javascript ...



Αυτό το widget που βλέπετε από πάνω έχει τον κώδικα (αν βαριέστε να μπείτε και να φτιάξετε δικό σας):
<div align="left" style="margin: 15px 0px 0px;"><div align="center" style="width: 140px; border: 1px solid rgb(204, 204, 204); text-align: center; color: rgb(248, 15, 15); font-weight: bold; font-size: 12px; background-color: transparent;"><a href="http://mycountdown.org/Holiday/Christmas/" style="text-decoration: none; font-size: inherit; color: rgb(248, 15, 15);">Μέχρι τα Χριστούγεννα...</a></div><script type="text/javascript" src="http://mycountdown.org/countdown.php?cp2_Hex=060000&cp1_Hex=f80f0f&img=1&hbg=1&fwdt=180&lab=0&ocd=Christmas&text1=Christmas&text2=Christmas&group=Holiday&countdown=Christmas&widget_number=3015&timezone=UTC&rep=4"></script></div>


Επίσης θα βρείτε παρόμοιο ρολόι με εικόνες στη σελίδα  www.widgetbox.com ...
...και στη σελίδα   myangelcardreadings.com/christmascountdown  πολλά ακόμη εορταστικά !!!

Επίσης μπείτε στο παλιό Demo-Blog μου   http://www.barmonodromos.blogspot.gr/   και δείτε κι άλλα εορταστικά gadgets που μπορεί να χρειαστείτε ....θα τα ξαναπαρουσιάσω λίγα-λίγα ...
KAΛΗ ΕΠΙΤΥΧΙΑ !!!

Χριστουγεννιάτικο gadget - christmas gadget

Φίλοι bloggers πάντα όταν κοντεύουν τα Χριστούγεννα σας δίνω κάποιους κώδικες για το blog σας ! Ετσι λοιπόν σας έφτιαξα ένα μοναδικό gadget για χριστουγεννιάτικες ευχές...Demo θα βρείτε μέσα στην ανάρτηση, και μάλιστα σε 5 διαφορετικές εφαρμογές του, για να έχετε ποικιλία και να βρείτε αυτό που σας αρέσει...


Πρώτα απ' όλα θα πάτε στο κώδικα του προτύπου σας, και θα κάνετε copy-paste τη φράση που σας δίνω,  ακριβώς ΠΑΝΩ από το </head>
...και πατήστε ΑΠΟΘΗΚΕΥΣΗ...

<!-- christmas gadget css by Dr-blogger -->
<link type="text/css" href="http://dr-blogger.com/files/css/christmas-styles.css" rel="stylesheet" />

***έχω γράψει και τι ακριβώς είναι αυτή η φράση, για να τη βρείτε και να τη βγάλετε εύκολα, μετά τις γιορτές !!!!

Πηγαίνετε τώρα στη "ΔΙΑΤΑΞΗ" (στα 'κουτάκια' των gadgets )...
Βάλτε σε ένα gadget => HTML/Javascript έναν από τους παρακάτω κώδικες...

1η εικόνα ...Εάν βάλετε τη φράση :
<div class="dr1"><b>  ΕΔΩ ΓΡΑΨΤΕ ΤΟ ΚΕΙΜΕΝΟ ΣΑΣ </b></div>
θα δείχνει έτσι =>
O Dr-Blogger σας εύχεται,
καλά χριστούγεννα
και ευτυχισμένο το 2014



2η εικόνα ...Εάν βάλετε τη φράση :
<div class="dr2"><b>  ΕΔΩ ΓΡΑΨΤΕ ΤΟ ΚΕΙΜΕΝΟ ΣΑΣ </b></div>
θα δείχνει έτσι =>
O Dr-Blogger σας εύχεται,
καλά χριστούγεννα
και ευτυχισμένο το 2014


3η εικόνα ...Εάν βάλετε τη φράση :
<div class="dr3"><b>  ΕΔΩ ΓΡΑΨΤΕ ΤΟ ΚΕΙΜΕΝΟ ΣΑΣ </b></div>
θα δείχνει έτσι =>
O Dr-Blogger σας εύχεται, καλά χριστούγεννα και ευτυχισμένο το 2014



4η εικόνα ...Εάν βάλετε τη φράση :
<div class="dr4"><b>  ΕΔΩ ΓΡΑΨΤΕ ΤΟ ΚΕΙΜΕΝΟ ΣΑΣ </b></div>
θα δείχνει έτσι =>




O Dr-Blogger σας εύχεται, καλά χριστούγεννα και ευτυχισμένο το 2014


5η εικόνα ...Εάν βάλετε τη φράση :
<div class="dr5"><b>  ΕΔΩ ΓΡΑΨΤΕ ΤΟ ΚΕΙΜΕΝΟ ΣΑΣ </b></div>
θα δείχνει έτσι =>


O Dr-Blogger σας εύχεται,
το θείο φώς των χριστουγέννων
να σας οδηγεί πάντα


***το  <b> εκφράζει ότι το κείμενο θα φαίνεται με χοντρή γραμματοσειρά ...
***μπορείτε να χρησιμοποιήσετε τη φράση  <br/> που 'κατεβάζει' τα γράμματα μια σειρά κάτω
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!

Ευχές για τις γιορτές (gadget)

Νέοι bloggers γεια σας....Η κόρη μου, έφτιαξε χθες ένα πολύ όμορφο πρωτοχρονιάτικο μήνυμα, για το blog της, και σκέφτηκα οτι θα σας άρεσε να το έχετε κι εσείς στο blog σας....Το έφτιαξε στο  http://www.voki.com/  , όπου μπορείτε κι εσείς να φτιάξετε ένα αντίστοιχο δικό σας.....Σήμερα θα σας δώσω έτοιμο το κώδικα για τον Αη-Βασίλη που εύχεται καλά Χριστούγεννα και καλή πρωτοχρονιά !!! Μιλάει και κινείται...
Ο ΚΩΔΙΚΑΣ: (μπαίνει σαν gadget)


<center>Πατήστε play να σας ευχηθώ  <center></center>
<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMjQ*MTY5NTc5MzcmcHQ9MTMyNDQxNjk3Mzc3MiZwPTk3NTA3MiZkPTAwMCUyMC*lMjBWb2tpJTIwV2lkZ2V*Jmc9/MSZvPWQ3ZDdlYjg1Y2EwMDQ*ZDRiZWUwMDgxMmUzNGFhMzBlJm9mPTA=.gif" /><object height="267" width="200" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" id="widget_name"><param name="movie" value="http://vhss-d.oddcast.com/vhss_editors/voki_player.swf?doc=http%3A%2F%2Fvhss-d.oddcast.com%2Fphp%2Fvhss_editors%2Fgetvoki%2Fchsm%3Daecd6658bc194db0eb4b65f4f637df23%26sc%3D5072070" /><param name="quality" value="high" /><param name="allowScriptAccess" value="always" /><param name="width" value="200" /><param name="height" value="267" /><param name="allowNetworking" value="all"/><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><embed height="267" width="200" src="http://vhss-d.oddcast.com/vhss_editors/voki_player.swf?doc=http%3A%2F%2Fvhss-d.oddcast.com%2Fphp%2Fvhss_editors%2Fgetvoki%2Fchsm%3Daecd6658bc194db0eb4b65f4f637df23%26sc%3D5072070" quality="high" allowscriptaccess="always" allownetworking="all" wmode="transparent" allowfullscreen="true" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" name="widget_name"></embed></object></center>

ΚΑΛΑ ΧΡΙΣΤΟΥΓΕΝΝΑ ΚΑΙ ΚΑΛΗ ΠΡΩΤΟΧΡΟΝΙΑ !!!
{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}

Christmas Gadgets for Blogs

Νέοι bloggers γεια σας!!!Λόγω των γιορτών έκατσα και σας έφτιαξα μερικά gadgets για το blog σας...είναι όλα στατικά, και "ντύνουν" όλες τις πλευρές του...σας δίνω έτοιμο κώδικα για τις επάνω-κάτω-δεξιά-αριστερή πλευρά του blog, και σας εξηγώ και πως να το ρυθμίσετε, για να μη σας κρύβει κουμπιά και link...
DEMO   &  DEMO και επίσης σας έχω μερικά περσινά ΕΔΩ
Μπαίνουν όλα σαν gadget στο  BLOGGER επεξεργασία διάταξης=>Σχεδίαση=>Στοιχεία Σελίδας=>GADGET=>HTML/JavaScript :

Οριζόντιο: επάνω
 <img style="display:scroll;position:fixed;top:-40px;left:-20px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglS897jGVw17BNoWSEZ-C9tXpOhnjOMUPsB4uVz8ksNSBnco6jwe4J87GMyze8Qm_1CwsznJ_ZAi5JpTYxZHeVpYSviSlQxCZJysS697D1ddutnxnk6Sw7B3fyzMxAtIOx5NUXg7aXE38/s1240/christmas%252520garl%2525203%252520horizontal.gif" />

Οριζόντιο: κάτω
<img style="display:scroll;position:fixed;bottom:-40px;left:-20px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglS897jGVw17BNoWSEZ-C9tXpOhnjOMUPsB4uVz8ksNSBnco6jwe4J87GMyze8Qm_1CwsznJ_ZAi5JpTYxZHeVpYSviSlQxCZJysS697D1ddutnxnk6Sw7B3fyzMxAtIOx5NUXg7aXE38/s1240/christmas%252520garl%2525203%252520horizontal.gif" />

Κάθετο δεξιά :

<img style="display:scroll;position:fixed;top:-40px;right:-50px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY_VLa6K7Qut8hudvqraoowWQV9zmtLQpgV2fZxEh3aT0JXn8QlEYBPZWFce1bnsKc_jGk5fBnskBW7rEgOx1HGyEyVhxHE3ExOSeoSi49NPZMEE9X9NdeoKlj6bpr5zVV80gfJ-dv1PU/s1500/christmas%252520garl%2525203%252520vertical.gif" />

Κάθετο αριστερά:
<img style="display:scroll;position:fixed;top:-40px;left:-50px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY_VLa6K7Qut8hudvqraoowWQV9zmtLQpgV2fZxEh3aT0JXn8QlEYBPZWFce1bnsKc_jGk5fBnskBW7rEgOx1HGyEyVhxHE3ExOSeoSi49NPZMEE9X9NdeoKlj6bpr5zVV80gfJ-dv1PU/s1500/christmas%252520garl%2525203%252520vertical.gif" />

***Σας εξηγώ και κάποια σημαντικά στοιχεία του κώδικα....top:-40px; σημαίνει ότι δεν θα φαίνεται κατά 40px...δηλαδή αν θέλετε να το εμφανίσετε περισσότερο μέσα στο blog θα το μειώσετε -30, -20, -10 (δηλ, το "έκρυψα" κατά 40px για να μη σας κρύβει σημαντικά θέματα στο blog...)
***το   left:-50px;   και  right:-50px;  δηλώνουν ότι το "έκρυψα" δεξιά (right) η αριστερά (left) κατά 50px  για να μη σας κρύβει σημαντικά θέματα στο blog...
...έτσι μπορείτε να τα ρυθμίσετε ώστε να κρύβονται λιγότερο η περισσότερο !!!
Κάντε μια δοκιμή και δοκιμάστε το κώδικα στο demo blog μου http://demobloghtml.blogspot.com/
Σας δίνω και μερικές γιρλάντες ακόμα....ΕΔΩ...ΕΔΩ....ΕΔΩ...
Φυσικά, μην τα βάλετε όλα μαζί και γίνει πανηγύρι το blog σας...
***ΕΠΙΣΗΣ=> Μπορείτε να βρείτε πολλά χριστουγεννιάτικα widgets ΕΔΩ
***ΕΠΙΣΗΣ=> Πάρτε και ένα κώδικα για 2 gadgets (χιόνι και χριστ. καμπάνες)(βάλτε το σαν gadget)
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>  <script type="text/javascript"> $("body").append($("<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx9aCORR6S_iXNqrcPqsPc10CpNtReskViv6rr1cEfygFBfFZfZgTu4XxZUgSpmFaSDvrVcfIWNtIkjO8a6n2z2JIrE_F7_Hx__0SKUQ_QtEZUr7X6M2_3Kw_qoPvsS-snzWCrAeSV_y8/s1600/christmas-bells-icon.png' style='position:absolute; top: 0px;left:0px;border:none;'/><img id='xmasleftbell' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwi9Kj_0zI1Oc2UCGdhxwApGmmorG-Jlo18EFWTEIlx-fzf9PgxCH5_U3LqJPfWOLQKgWN-5UffNgNF2rtmY8PsLBzeqZCD9bbHhZ3pWp5Mzw9YCKM_-9eWE7WsiYSqNZySJZETO9W__I/s1600/christmas-bells-icon-right.png' style='position:absolute; top: 0px;right:0px;border:none;'/>")); </script> <script src='http://blogergadgets.googlecode.com/files/snowfall.min.jquery.js' type='text/javascript'></script> <script type="text/javascript"> $(document).snowfall({flakeCount:199}); </script> 

ΠΡΟΣΟΧΗ !!! να τα σημαδέψετε που τα βάζετε (βάλτε τα gadgets πολύ χαμηλά, στο τέλος της σελίδας σας), για να τα βρείτε πάλι εύκολα και μετά τις γιορτές, όταν τα βγάλετε....
{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}

Χριστουγεννιάτικη Ρουλέτα / Christmas Roulette

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

<div class="demo-app"><div class="da da-center" style="width:600px;">
<!--[if IE]><script type="text/javascript" src="/sites/default/files/1010/source/excanvas.js"></script><![endif]-->
<input type="button" value="spin" onclick="spin();" style="float: left;">
<canvas id="wheelcanvas" width="500" height="500"></canvas>
<script type="application/javascript">
  var colors = ["#B8D430", "#3AB745", "#029990", "#3501CB",
               "#2E2C75", "#673A7E", "#CC0071", "#F80120",
               "#F35B20", "#FB9A00", "#FFCC00", "#FEF200"];
  var restaraunts = ["10 EURO", "20 EURO", "50 EURO", "100 EURO",
                     "200 EURO", "300 EURO", "500 EURO", "1.000 EURO",
                     "2.000 EURO", "5.000 EURO", "10.000 EURO", "20.000 EURO"];

  var startAngle = 0;
  var arc = Math.PI / 6;
  var spinTimeout = null;

  var spinArcStart = 10;
  var spinTime = 0;
  var spinTimeTotal = 0;

  var ctx;

  function draw() {
    drawRouletteWheel();
  }

  function drawRouletteWheel() {
    var canvas = document.getElementById("wheelcanvas");
    if (canvas.getContext) {
      var outsideRadius = 200;
      var textRadius = 160;
      var insideRadius = 125;
   
      ctx = canvas.getContext("2d");
      ctx.clearRect(0,0,500,500);
   
   
      ctx.strokeStyle = "black";
      ctx.lineWidth = 2;
   
      ctx.font = 'bold 12px sans-serif';
   
      for(var i = 0; i < 12; i++) {
        var angle = startAngle + i * arc;
        ctx.fillStyle = colors[i];
     
        ctx.beginPath();
        ctx.arc(250, 250, outsideRadius, angle, angle + arc, false);
        ctx.arc(250, 250, insideRadius, angle + arc, angle, true);
        ctx.stroke();
        ctx.fill();
     
        ctx.save();
        ctx.shadowOffsetX = -1;
        ctx.shadowOffsetY = -1;
        ctx.shadowBlur    = 0;
        ctx.shadowColor   = "rgb(220,220,220)";
        ctx.fillStyle = "black";
        ctx.translate(250 + Math.cos(angle + arc / 2) * textRadius, 250 + Math.sin(angle + arc / 2) * textRadius);
        ctx.rotate(angle + arc / 2 + Math.PI / 2);
        var text = restaraunts[i];
        ctx.fillText(text, -ctx.measureText(text).width / 2, 0);
        ctx.restore();
      }
   
      //Arrow
      ctx.fillStyle = "black";
      ctx.beginPath();
      ctx.moveTo(250 - 4, 250 - (outsideRadius + 5));
      ctx.lineTo(250 + 4, 250 - (outsideRadius + 5));
      ctx.lineTo(250 + 4, 250 - (outsideRadius - 5));
      ctx.lineTo(250 + 9, 250 - (outsideRadius - 5));
      ctx.lineTo(250 + 0, 250 - (outsideRadius - 13));
      ctx.lineTo(250 - 9, 250 - (outsideRadius - 5));
      ctx.lineTo(250 - 4, 250 - (outsideRadius - 5));
      ctx.lineTo(250 - 4, 250 - (outsideRadius + 5));
      ctx.fill();
    }
  }

  function spin() {
    spinAngleStart = Math.random() * 10 + 10;
    spinTime = 0;
    spinTimeTotal = Math.random() * 3 + 4 * 1000;
    rotateWheel();
  }

  function rotateWheel() {
    spinTime += 30;
    if(spinTime >= spinTimeTotal) {
      stopRotateWheel();
      return;
    }
    var spinAngle = spinAngleStart - easeOut(spinTime, 0, spinAngleStart, spinTimeTotal);
    startAngle += (spinAngle * Math.PI / 180);
    drawRouletteWheel();
    spinTimeout = setTimeout('rotateWheel()', 30);
  }

  function stopRotateWheel() {
    clearTimeout(spinTimeout);
    var degrees = startAngle * 180 / Math.PI + 90;
    var arcd = arc * 180 / Math.PI;
    var index = Math.floor((360 - degrees % 360) / arcd);
    ctx.save();
    ctx.font = 'bold 30px sans-serif';
    var text = restaraunts[index]
    ctx.fillText(text, 250 - ctx.measureText(text).width / 2, 250 + 10);
    ctx.restore();
  }

  function easeOut(t, b, c, d) {
    var ts = (t/=d)*t;
    var tc = ts*t;
    return b+c*(tc + -3*ts + 3*t);
  }

  draw();
</script></div></div>

DEMO ΕΔΩ
***Αλλάζουν τα χρώματα και τα νούμερα...
***Δεν νομίζω ότι θα λειτουργήσει με internet explorer...
ΚΑΛΗ ΕΠΙΤΥΧΙΑ και ΚΑΛΑ ΚΕΡΔΗ !!!
Πηγή : thanks to switchonthecode.com/
{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}

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

Νέοι bloggers γεια σας!!!Χριστούγεννα έρχονται, και σας ξαναδίνω ένα gadget που έκανε πάταγο πέρισυ, τα Χριστούγεννα...Ο Αη-Βασίλης με ευχές...Βάλτε το κώδικα που σας δίνω, σαν gadget-javascript....O περσινός κώδικας ήταν εδώ
Αντιγράψτε τον παρακάτω κώδικα που σας δίνω και επικολλήστε τον σαν gadget στο BLOGGER επεξεργασία διάταξης=>Σχεδίαση=>Στοιχεία Σελίδας=>GADGET=>HTML/JavaScript :
Ο ΚΩΔΙΚΑΣ:
<!-- Begin christmas Floating by dr blogger---> <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/AVvXsEgvygQMT2NdOCfvrqWicOLI7qPu0pcQL0FAXQo9SXpBYz6keKTQ0tioKUWLNNShfVVlFyisIuGbYuSIwwOjKEXFwEnmhhD7AiaXBU_R0NDQls0E9sc3MNn0fCzZIOrdqkSwUIIoLA8OR6K0/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>  <!-- End christmas Floating by dr blogger- --> <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'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}

Χριστούγεννα έρχονται, ο 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'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}