Blogger Tips – Tricks – Gadgets – Templates – Hacks

ΤΑ 20 ΚΑΛΥΤΕΡΑ SITES ΓΙΑ ΔΩΡΕΑΝ ΑΝΕΒΑΣΜΑ ΑΡΧΕΙΩΝ FLASH KAI SWF – FREE FLASH & SWF UPLOADING & HOSTING



Print Friendly and PDFPrintPrint Friendly and PDFPDF




~

Καταρχάς δείτε στο /2009/11/create-upload-and-embed-in-html-code.html μια παλαιότερή μου ανάρτηση σχετικά με αυτό το θέμα.

~



Παρακάτω είναι μια λίστα με τα 20 καλύτερα websites όπου μπορείτε να ανεβάζετε δωρεάν swf (ShockWave) και adobe flash αρχεία.



1. http://megaswf.com/

2. http://swfcabin.com/

3. http://www.swfupload.com/

4. http://swfupload.org/

5. http://www.imageuploads.net/

6. http://www.imagecabin.com/

7. http://www.imageshack.us/

8. http://www.theimagehosting.com/

9. http://www.hostpic.biz/

10. http://www.imagehosting.gr/

11. http://www.instantimagehosting.com/

12. http://upload.plunder.com/

13. http://www.imageaddicts.net/

14. http://www.fhqhosting.com/

15. http://www.imageage.com/

16. http://www.photoshosting.com/

17. http://www.parkyourpic.com/

18. http://blogimagehost.com/

19. http://www.filefrog.net/

20. http://www.picpanda.com/



Ελπίζω να σας καλύπτουν!



Πηγές: http://www.k-director.com/blog/20-best-websites-to-host-your-flash-files-swf-for-free/

Copyrights: /




4 όμορφα Christmas Countdown Χρονόμετρα!



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Καλημέρα.

Μετρήστε τις μέρες μέχρι τα Χριστούγεννα, με αυτά τα πανέμορφα χρονόμετρα. Το μόνο κακό τους, ότι είναι flash και μπορεί να κάνει το blog σας ή την ιστοσελίδα σας λίγο αργή. Αλλά αυτό θα το καταλάβετε μόνο αν τα δοκιμάσετε!



Αν κάποιος θέλει να φαίνονται τα παρακάτω gadgets σε άλλες διαστάσεις δεν έχει παρά να αλλάξει τα μπλε γράμματα του κώδικα.


Christmas Countdown Snowflakes




Τύπος αρχείου : Flash

Πάμε Σχεδίαση, Στοιχεία Σελίδας, Προσθήκη gadget, HTML/JAVASCRIPT, και επικόλληση του παρακάτω κωδικού:

<embed src=”http://www.layoutcodez.net/christmas/countdown/swf/snowflakes.swf” width=”450” height=”320“></embed><br /><i><span style=”font-size: x-small;”><a href=”http://www.iks-team.com/2010/12/4-christmas-countdown.html” target=”_blank”>Take this gadget</a></span></i>


Christmas Gifts



Τύπος αρχείου : Flash

Πάμε Σχεδίαση, Στοιχεία Σελίδας, Προσθήκη gadget, HTML/JAVASCRIPT, και επικόλληση του παρακάτω κωδικού:

<div align=”center”><embed src=”http://i53.photobucket.com/albums/g78/webbfree/christmas/animations/countdown-1.swf” quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” width=”524” height=”142“></embed><br /><i><span style=”font-size: x-small;”><a href=”http://www.iks-team.com/2010/12/4-christmas-countdown.html” target=”_blank”>Take this gadget</a></span></i>


Christmas Countdown Santa




Τύπος αρχείου : Flash

Πάμε Σχεδίαση, Στοιχεία Σελίδας, Προσθήκη gadget, HTML/JAVASCRIPT, και επικόλληση του παρακάτω κωδικού:

<embed src=”http://www.layoutcodez.net/christmas/countdown/swf/santa.swf” width=”460” height=”350“></embed><br /><i><span style=”font-size: x-small;”><a href=”http://www.iks-team.com/2010/12/4-christmas-countdown.html” target=”_blank”>Take this gadget</a></span></i>


Christmas Countdown Sleigh




Τύπος αρχείου : Flash

Πάμε Σχεδίαση, Στοιχεία Σελίδας, Προσθήκη gadget, HTML/JAVASCRIPT, και επικόλληση του παρακάτω κωδικού:

<embed src=”http://www.layoutcodez.net/christmas/countdown/swf/sleigh.swf” width=”460” height=”350“></embed><br /><i><span style=”font-size: x-small;”><a href=”http://www.iks-team.com/2010/12/4-christmas-countdown.html” target=”_blank”>Take this gadget</a></span></i>



Αν κάποιος θέλει να φαίνονται τα παραπάνω gadgets σε άλλες διαστάσεις δεν έχει παρά να αλλάξει τα μπλε γράμματα του κώδικα.





Online κομπιουτεράκι στο blog σας – HTML Calculator for your desktop



Print Friendly and PDFPrintPrint Friendly and PDFPDF



Για σήμερα σας έχω ένα απλό, αλλά παρα πολύ χρήσιμο widget. Είναι ένα ψηφιακό κομπιουτεράκι. Ναι από αυτό που κάνουμε αριθμητικές πράξεις.

Αυτό το widget πρέπει να το έχει κάθε blog που ασχολείται με:
Στοίχημα, Χρηματιστήριο-Οικονομία, Μαθηματικά-Φυσικοχημείες-Τεχνολογία και όποιο άλλο blog που ασχολείται με αριθμούς. Γενικώς είναι ένα πολύ χρήσιμο εργαλείο.

Μάλιστα σας έχω δύο τέτοια widgetάκια για να διαλέξετε ποιο σας αρέσει περισσότερο.

Η προσθήκη του είναι απλή, σαν οποιοδήποτε άλλο widget.

(σχεδίαση>στοιχεία σελίδας>προσθήκη gadget>HTML-JAVASCRIPT)

Widget 1:

Κωδικός:


<style type="text;css">
.calcBtn
{
font-weight : bold/
width: 32px;
height: 32px;
}
</style>

<script language="JavaScript">

function Calculator_OnClick(keyStr)
{
var resultsField = document.calculator.calcResults;

switch (keyStr)
{
case "0":
case "1":
case "2":
case "3":
case "4":
case "5":
case "6":
case "7":
case "8":
case "9":
case "0":
case ".":

if ((this.lastOp==this.opClear) || (this.lastOp==this.opOperator))
{
resultsField.value = keyStr;
}
else
{
// ignore extra decimals
if ((keyStr!=".") || (resultsField.value.indexOf(".")<0))
{
resultsField.value += keyStr;
}

}

this.lastOp = this.opNumber;
break;

case "*":
case "/":
case "+":
case "-":
if (this.lastOp==this.opNumber)
this.Calc();
this.evalStr += resultsField.value + keyStr;

this.lastOp = this.opOperator;
break;

case "=":
this.Calc();
this.lastOp = this.opClear;
break;

case "c":
resultsField.value = "0";
this.lastOp = this.opClear;
break;

default:
alert("’" + keyStr + "’ not recognized.");
}

}

function Calculator_Calc()
{
var resultsField = document.calculator.calcResults;
//alert("eval:"+this.evalStr+resultsField.value);
resultsField.value = eval(this.evalStr+resultsField.value);
this.evalStr = "";
}

function Calculator()
{
this.evalStr = "";

this.opNumber = 0;
this.opOperator = 1;
this.opClear = 2;

this.lastOp = this.opClear;

this.OnClick = Calculator_OnClick;
this.Calc = Calculator_Calc;
}

gCalculator = new Calculator();

</script>


<form name="calculator">

<table border="2" cellpadding="4" cellspacing="0" bordercolor="#000000">
<tr>
<td>
<table border="0" cellpadding="2" cellspacing="0" width="100%">
<tr>
<td colspan="4">
<input type="text" name="calcResults" value="0" size="20" style="text-align: right" /></td>
</tr>
<tr>
<td><input class="calcBtn" type="button" value=" C " name="calclear" onclick="gCalculator.OnClick('c')" /></td>
<td></td>
<td> </td>
<td><input class="calcBtn" type="button" value=" = " name="calequal" onclick="gCalculator.OnClick('=')" /></td>
</tr>
<tr>
<td><input class="calcBtn" type="button" value=" 7 " name="cal7" onclick="gCalculator.OnClick('7')" ondblclick="gCalculator.OnClick('7')" /></td>
<td><input class="calcBtn" type="button" value=" 8 " name="cal8" onclick="gCalculator.OnClick('8')" ondblclick="gCalculator.OnClick('8')" /> </td>
<td><input class="calcBtn" type="button" value=" 9 " name="cal9" onclick="gCalculator.OnClick('9')" ondblclick="gCalculator.OnClick('9')" /> </td>
<td><input class="calcBtn" type="button" value=" / " name="caldiv" onclick="gCalculator.OnClick('/')" /></td>
</tr>
<tr>
<td><input class="calcBtn" type="button" value=" 4 " name="cal4" onclick="gCalculator.OnClick('4')" ondblclick="gCalculator.OnClick('4')" /> </td>
<td><input class="calcBtn" type="button" value=" 5 " name="cal5" onclick="gCalculator.OnClick('5')" ondblclick="gCalculator.OnClick('5')" /> </td>
<td><input class="calcBtn" type="button" value=" 6 " name="cal6" onclick="gCalculator.OnClick('6')" ondblclick="gCalculator.OnClick('6')" /> </td>
<td><input class="calcBtn" type="button" value=" * " name="calmul" onclick="gCalculator.OnClick('*')" /></td>
</tr>
<tr>
<td><input class="calcBtn" type="button" value=" 1 " name="cal1" onclick="gCalculator.OnClick('1')" ondblclick="gCalculator.OnClick('1')" /> </td>
<td><input class="calcBtn" type="button" value=" 2 " name="cal2" onclick="gCalculator.OnClick('2')" ondblclick="gCalculator.OnClick('2')" /> </td>
<td><input class="calcBtn" type="button" value=" 3 " name="cal3" onclick="gCalculator.OnClick('3')" ondblclick="gCalculator.OnClick('3')" /> </td>
<td><input class="calcBtn" type="button" value=" + " name="calplus" onclick="gCalculator.OnClick('+')" /></td>
</tr>
<tr>
<td> </td>
<td><input class="calcBtn" type="button" value=" 0 " name="cal0" onclick="gCalculator.OnClick('0')" ondblclick="gCalculator.OnClick('0')" /> </td>
<td><input class="calcBtn" type="button" value=" . " name="caldec" onclick="gCalculator.OnClick('.')" /></td>
<td><input class="calcBtn" type="button" value=" – " name="calminus" onclick="gCalculator.OnClick('-')" /></td>
</tr>
</table>
</td>
</tr>
</table>
</form>
<font face="Tahoma"><a target="_blank" href="http://johnpatrablog.blogspot.com/2010/07/online-blog-html-calculator-for-your.html"><span style="font-size: 6pt; text-decoration: none">Johnpatrablog</span></a></font>




Widget 2:

Κωδικός:


<!– This Script is from www.htmlfreecodes.com, Coded by: Krishna Eydat–>
<center>

<form name="Keypad" action="">
<table>
<b>
<table border=2 width=50 height=60 cellpadding=1 cellspacing=5>
<tr>
<td colspan=3 align=middle>
<input name="ReadOut" type="Text" size="24" value="0" width="100%" />
</td>

<td>
<input name="btnClear" type="Button" value=" C " onclick="Clear()" />
</td>
<td><input name="btnClearEntry" type="Button" value=" CE " onclick="ClearEntry()" />
</td>
</tr>
<tr>
<td>
<input name="btnSeven" type="Button" value=" 7 " onclick="NumPressed(7)" />
</td>
<td>
<input name="btnEight" type="Button" value=" 8 " onclick="NumPressed(8)" />
</td>
<td>
<input name="btnNine" type="Button" value=" 9 " onclick="NumPressed(9)" />
</td>
<td>
</td>
<td>
<input name="btnNeg" type="Button" value=" +/- " onclick="Neg()" />
</td>
<td>
<input name="btnPercent" type="Button" value=" % " onclick="Percent()" />
</td>
</tr>
<tr>
<td>
<input name="btnFour" type="Button" value=" 4 " onclick="NumPressed(4)" />
</td>
<td>
<input name="btnFive" type="Button" value=" 5 " onclick="NumPressed(5)" />
</td>
<td>
<input name="btnSix" type="Button" value=" 6 " onclick="NumPressed(6)" />
</td>
<td>
</td>
<td align=middle><input name="btnPlus" type="Button" value=" + " onclick="Operation('+')" />
</td>
<td align=middle><input name="btnMinus" type="Button" value=" – " onclick="Operation('-')" />
</td>
</tr>
<tr>
<td>
<input name="btnOne" type="Button" value=" 1 " onclick="NumPressed(1)" />
</td>
<td>
<input name="btnTwo" type="Button" value=" 2 " onclick="NumPressed(2)" />
</td>
<td>
<input name="btnThree" type="Button" value=" 3 " onclick="NumPressed(3)" />
</td>
<td>
</td>
<td align=middle><input name="btnMultiply" type="Button" value=" * " onclick="Operation('*')" />
</td>
<td align=middle><input name="btnDivide" type="Button" value=" / " onclick="Operation('/')" />
</td>
</tr>
<tr>
<td>
<input name="btnZero" type="Button" value=" 0 " onclick="NumPressed(0)" />
</td>
<td>
<input name="btnDecimal" type="Button" value=" . " onclick="Decimal()" />
</td>
<td colspan=3>
</td>
<td>
<input name="btnEquals" type="Button" value=" = " onclick="Operation('=')" />
</td>
</tr>
</table>
</b></table>

</form>
</center>
<font face="Verdana, Arial, Helvetica" size=2>
<script language="JavaScript">
<!– Begin
var FKeyPad = document.Keypad;
var Accumulate = 0;
var FlagNewNum = false;
var PendingOp = "";
function NumPressed (Num) {
if (FlagNewNum) {
FKeyPad.ReadOut.value = Num;
FlagNewNum = false;
}
else {
if (FKeyPad.ReadOut.value == "0")
FKeyPad.ReadOut.value = Num;
else
FKeyPad.ReadOut.value += Num;
}
}
function Operation (Op) {
var Readout = FKeyPad.ReadOut.value;
if (FlagNewNum && PendingOp != "=");
else
{
FlagNewNum = true;
if ( ‘+’ == PendingOp )
Accumulate += parseFloat(Readout);
else if ( ‘-‘ == PendingOp )
Accumulate -= parseFloat(Readout);
else if ( ‘/’ == PendingOp )
Accumulate /= parseFloat(Readout);
else if ( ‘*’ == PendingOp )
Accumulate *= parseFloat(Readout);
else
Accumulate = parseFloat(Readout);
FKeyPad.ReadOut.value = Accumulate;
PendingOp = Op;
}
}
function Decimal () {
var curReadOut = FKeyPad.ReadOut.value;
if (FlagNewNum) {
curReadOut = "0.";
FlagNewNum = false;
}
else
{
if (curReadOut.indexOf(".") == -1)
curReadOut += ".";
}
FKeyPad.ReadOut.value = curReadOut;
}
function ClearEntry () {
FKeyPad.ReadOut.value = "0";
FlagNewNum = true;
}
function Clear () {
Accumulate = 0;
PendingOp = "";
ClearEntry();
}
function Neg () {
FKeyPad.ReadOut.value = parseFloat(FKeyPad.ReadOut.value) * -1;
}
function Percent () {
FKeyPad.ReadOut.value = (parseFloat(FKeyPad.ReadOut.value) / 100) * parseFloat(Accumulate);
}
// End –>
</script>

<font face="Tahoma"><a target="_blank" href="http://johnpatrablog.blogspot.com/2010/07/online-blog-html-calculator-for-your.html"><span style="font-size: 6pt; text-decoration: none">Johnpatrablog</span></a></font></font>



Κάτω από κάθε widget έχω βάλει έναν σύνδεσμο που οδηγεί εδώ. Σας παρακαλώ μην τον σβήσετε, αλλά αν σας ενοχλεί τόσο δεν μπορώ να σας απαγορέψω να το διαγράψετε. Αλλά πόσο να σας ενοχλήσει? Τον έχω κάνει τόσο μικρό, που σχεδόν δε φαίνεται!

Αποθηκεύστε το widget κι απολαύστε το!

Ελπίζω να σας φανεί χρήσιμο 🙂

Διαδώστε αυτό το post στο facebook με ένα απλό πάτημα του παρακάτω κουμπιού:




Ξυπνητήρι στο blog σας



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Είμαι ο ekabitis και σήμερα έχω να σας δείξω ένα ωραίο gadget για το blog σας.
Όλοι μας όταν καθόμαστε μπροστά στον υπολογιστή μας, είναι βέβαιο ότι ξεχνιόμαστε! Η ώρα περνάει χωρίς να το καταλάβουμε καθόλου. Τι γίνεται όμως αν έχουμε ένα ραντεβου, ή πρέπει να πάρουμε την αντιβίωση για το κρύωμα που αρπάξαμε, ή πρέπει να κάνουμε ένα επείγον τηλεφώνημα, ή …ήρθε η ώρα να σχολάσουμε, και δεν το έχουμε πάρει χαμπάρι;
Εδώ σας έχω την λύση.
Ξυπνητήρι στο blog σας. Πάρτε τον παρακάτω κώδικα, και ένα όμορφο digital ξυπνητήρι θα είναι έτοιμο να σας αφυπνήσει!
Πάμε λοιπόν στον Πανόπτη μας –> Διάταξη –> Προσθήκη gadget, και βάζουμε τον παρακάτω κώδικα.

<script src=”http://www.gmodules.com/ig/ifr?url=http://digital-alarm-clock.googlecode.com/svn/trunk/index.xml&synd=open&w=210&h=115&title=Digital+Alarm+Clock&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js”></script>



Όπως είδατε και στην φωτό παραπάνω, έιναι πολύ εύκολο στη χρήση. Έχει 5 ειδών κουδουνίσματα για όλα τα γούστα.
Αν θέλεται να το διαμορφώσετε με τα δικά σας γούστα και χρώματα, μπορείτε να πάτε εδώ και να το φτιάξετε όπως σας αρέσει!
Βάλτε το και αφεθήτε στην μαγεία του internet!

Ρίξτε και μια ματιά στο νέο μου blog Tips & Tricks for All.
Να ‘στε καλά.




Κινούμενο ρολόι πίσω από τον δείκτη του ποντικιού σας!



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Με τη σημερινή μου ανάρτηση θα ήθελα να ευχαριστήσω τον φίλο μας Σάββα Σ. που έχει το kaneplaka και το savsidir ,που μου έστειλε τα παρακάτω scripts.Γιατί με τη δική σας βοήθεια και υποστήριξη κρατιέται αυτό το blog.Ο καθένας από εσάς ξέρει κάτι και στο στέλνει εδώ για να το μάθουν κι οι άλλοι.Έτσι θέλω να λειτουργεί αυτό το blog.Συλλογικά.Γιατί εγώ από μόνος μου κάνω λίγα.Να καλώς ορίσω και τον Ekabiti που δέχτηκε να γίνει ένας από τους συντάκτες αυτού του blog.Όποιος άλλος έχει όρεξη για να γράψει σε αυτό το blog ας μου το πει για να τον κάνω αμέσως συντάκτη.

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

1.Σύνδεση στον blogger λογαριασμό σας
2.Πανόπτης>Διάταξη>Στοιχεία σελίδας>Προσθήκη widget>HTML/JavaScript και εκεί επικολλήτε τον παρακάτω μακρύ html κωδικό:


<style type=”text/css”>
<!–
/*Do not Alter these. Set for alignment*/
.css1{
position:absolute;top:0px;left:0px;
width:20px;height:20px;
font-family:Arial,sans-serif;
font-size:16px;
text-align:center;
font-weight:bold;
}
.css2{
position:absolute;top:0px;left:0px;
width:10px;height:10px;
font-family:Arial,sans-serif;
font-size:9px;
text-align:center;
}
//–>
</style><script language=”JavaScript”>
<!– Mouse Follow Clock from Rainbow Arch –>
<!– This script and many more from : –>
<!– http://rainbow.arch.scriptmania.com –>

<!– Mouse Follow Clock from www.rainbow.arch.scriptmania.com
//Hide from older browsers
if (document.getElementById&&!document.layers){
// *** Clock colours
dCol=’#0000CD‘; //date colour.
fCol=’#800000‘; //face colour.
sCol=’#FFA500‘; //seconds colour.
mCol=’#FF0000‘; //minutes colour.
hCol=’#FF0000‘; //hours colour.
// *** Controls
del=0.6; //Follow mouse speed.
ref=40; //Run speed (timeout).
// Alter nothing below! Alignments will be lost!
var ieType=(typeof window.innerWidth != ‘number’);
var docComp=(document.compatMode);
var docMod=(docComp && docComp.indexOf(“CSS”) != -1);
var ieRef=(ieType && docMod)
?document.documentElement:document.body;
theDays=new Array(“ΚΥΡΙΑΚΗ”,”ΔΕΥΤΕΡΑ”,”ΤΡΙΤΗ”,”ΤΕΤΑΡΤΗ”,”ΠΕΜΤΗ”,”ΠΑΡΑΣΚΕΥΗ”,”ΣΑΒΒΑΤΟ”);
theMonths=new Array(“ΙΑΝΟΥΑΡΙΟΥ”,”ΦΕΒΡΟΥΑΡΙΟΥ”,”ΜΑΡΤΙΟΥ”,”ΑΠΡΙΛΙΟΥ”,”ΜΑΙΟΥ”,”ΙΟΥΝΙΟΥ”,”ΙΟΥΛΙΟΥ”,”ΑΥΓΟΥΣΤΟΥ”,”ΣΕΠΤΕΜΒΡΙΟΥ”,”ΟΚΤΩΒΡΙΟΥ”,”ΝΟΕΜΒΡΙΟΥ”,”ΔΕΚΕΜΒΡΙΟΥ”);
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900;
tmpdate=” “+theDays[date.getDay()]+” “+day+” “+theMonths[date.getMonth()]+” “+year;
D=tmpdate.split(“”);
N=’3 4 5 6 7 8 9 10 11 12 1 2′;
N=N.split(” “);
F=N.length;
H=’…’;
H=H.split(“”);
M=’….’;
M=M.split(“”);
S=’…..’;
S=S.split(“”);
siz=40;
eqf=360/F;
eqd=360/D.length;
han=siz/5.5;
ofy=-7;
ofx=-3;
ofst=70;
tmr=null;
vis=true;
mouseY=0;
mouseX=0;
dy=new Array();
dx=new Array();
zy=new Array();
zx=new Array();
tmps=new Array();
tmpm=new Array();
tmph=new Array();
tmpf=new Array();
tmpd=new Array();
var sum=parseInt(D.length+F+H.length+M.length+S.length)+1;
for (i=0; i < sum; i++){
dy[i]=0;
dx[i]=0;
zy[i]=0;
zx[i]=0;
}
algn=new Array();
for (i=0; i < D.length; i++){
algn[i]=(parseInt(D[i]) || D[i]==0)?10:9;
document.write(‘<div id=”_date’+i+'” class=”css2″ style=”font-size:’+algn[i]+’px;color:’+dCol+'”>’+D[i]+'</div>’);
tmpd[i]=document.getElementById(“_date”+i).style;
}
for (i=0; i < F; i++){
document.write(‘<div id=”_face’+i+'” class=”css2″ style=”color:’+fCol+'”>’+N[i]+'</div>’);
tmpf[i]=document.getElementById(“_face”+i).style;
}
for (i=0; i < H.length; i++){
document.write(‘<div id=”_hours’+i+'” class=”css1″ style=”color:’+hCol+'”>’+H[i]+'</div>’);
tmph[i]=document.getElementById(“_hours”+i).style;
}
for (i=0; i < M.length; i++){
document.write(‘<div id=”_minutes’+i+'” class=”css1″ style=”color:’+mCol+'”>’+M[i]+'</div>’);
tmpm[i]=document.getElementById(“_minutes”+i).style;
}
for (i=0; i < S.length; i++){
document.write(‘<div id=”_seconds’+i+'” class=”css1″ style=”color:’+sCol+'”>’+S[i]+'</div>’);
tmps[i]=document.getElementById(“_seconds”+i).style;
}

function onoff(){
if (vis){
vis=false;
document.getElementById(“control”).value=”Clock On”;
}
else{
vis=true;
document.getElementById(“control”).value=”Clock Off”;
Delay();
}
kill();
}
function kill(){
if (vis)
document.onmousemove=mouse;
else
document.onmousemove=null;
}
function mouse(e){
var msy = (!ieType)?window.pageYOffset:0;
if (!e) e = window.event;
if (typeof e.pageY == ‘number’){
mouseY = e.pageY + ofst – msy;
mouseX = e.pageX + ofst;
}
else{
mouseY = e.clientY + ofst – msy;
mouseX = e.clientX + ofst;
}
if (!vis) kill();
}
document.onmousemove=mouse;

function winDims(){
winH=(ieType)?ieRef.clientHeight:window.innerHeight;
winW=(ieType)?ieRef.clientWidth:window.innerWidth;
}
winDims();
window.onresize=new Function(“winDims()”);

function ClockAndAssign(){
time = new Date();
secs = time.getSeconds();
sec = Math.PI * (secs-15) / 30;
mins = time.getMinutes();
min = Math.PI * (mins-15) / 30;
hrs = time.getHours();
hr = Math.PI * (hrs-3) / 6 + Math.PI * parseInt(time.getMinutes()) / 360;

for (i=0; i < S.length; i++){
tmps[i].top=dy[D.length+F+H.length+M.length+i]+ofy+(i*han)*Math.sin(sec)+scrollY+”px”;
tmps[i].left=dx[D.length+F+H.length+M.length+i]+ofx+(i*han)*Math.cos(sec)+”px”;
}
for (i=0; i < M.length; i++){
tmpm[i].top=dy[D.length+F+H.length+i]+ofy+(i*han)*Math.sin(min)+scrollY+”px”;
tmpm[i].left=dx[D.length+F+H.length+i]+ofx+(i*han)*Math.cos(min)+”px”;
}
for (i=0; i < H.length; i++){
tmph[i].top=dy[D.length+F+i]+ofy+(i*han)*Math.sin(hr)+scrollY+”px”;
tmph[i].left=dx[D.length+F+i]+ofx+(i*han)*Math.cos(hr)+”px”;
}
for (i=0; i < F; i++){
tmpf[i].top=dy[D.length+i]+siz*Math.sin(i*eqf*Math.PI/180)+scrollY+”px”;
tmpf[i].left=dx[D.length+i]+siz*Math.cos(i*eqf*Math.PI/180)+”px”;
}
for (i=0; i < D.length; i++){
tmpd[i].top=dy[i]+siz*1.5*Math.sin(-sec+i*eqd*Math.PI/180)+scrollY+”px”;
tmpd[i].left=dx[i]+siz*1.5*Math.cos(-sec+i*eqd*Math.PI/180)+”px”;
}
if (!vis)clearTimeout(tmr);
}

buffW=(ieType)?80:90;
function Delay(){
scrollY=(ieType)?ieRef.scrollTop:window.pageYOffset;
if (!vis){
dy[0]=-100;
dx[0]=-100;
}
else{
zy[0]=Math.round(dy[0]+=((mouseY)-dy[0])*del);
zx[0]=Math.round(dx[0]+=((mouseX)-dx[0])*del);
}
for (i=1; i < sum; i++){
if (!vis){
dy[i]=-100;
dx[i]=-100;
}
else{
zy[i]=Math.round(dy[i]+=(zy[i-1]-dy[i])*del);
zx[i]=Math.round(dx[i]+=(zx[i-1]-dx[i])*del);
}
if (dy[i-1] >= winH-80) dy[i-1]=winH-80;
if (dx[i-1] >= winW-buffW) dx[i-1]=winW-buffW;
}
tmr=setTimeout(‘Delay()’,ref);
ClockAndAssign();
}
window.onload=Delay;
}
//–>
</script>
<script type=”text/javascript”>
<!– Mouse Clock Button
//Hide from older browsers
if (document.getElementById&&!document.layers){
document.write(‘<input type=”button” id=”control” value=”Clock Off” onClick=”this.blur();onoff()”>’);
}
//–>
</script>


3.Αποθήκευση

Πολύ πιθανόν να μην ταιριάζουν τα χρώματα του widget με τα χρώματα του blog σας.
Τότε βρείτε τους παρακάτω κωδικούς στο παραπάνω widget και αλλάξτε τους με τους κωδικούς* των χρωμάτων που θέλετε.


// *** Clock colours

dCol=’#0000CD’; //date colour.

fCol=’#800000′; //face colour.

sCol=’#FFA500′; //seconds colour.

mCol=’#FF0000′; //minutes colour.

hCol=’#FF0000′; //hours colour.



*Τους 6-ψήφιους κωδικούς όλων των χρωμάτων θα τους βρείτε στο html-color-codes-and-names.

Αυτό ήταν..
Για τυχόν προβληματάκια ξέρετε…σχόλια!




Add a flash clock on your blog – Εγκατάσταση ψηφιακού ρολογιού στο blog σας



Print Friendly and PDFPrintPrint Friendly and PDFPDF



Καλησπέρα,

σήμερα θα μάθετε πόσο εύκολο είναι να βάλετε ένα όμορφο ρολόι στο blog σας.
Επισκεφτείτε το http://flash-clocks.com/.Εδώ έχει δεκάδες κατηγορίες με ρολόγια από τα οποία μπορείτε να διαλέξετε για να βάλετε στο μπλογκ σας.
Για παράδειγμα εδώ είναι τα αναλογικά ρολόγια,εδώ τα ψηφιακά και εδώ τα κλασσικά.
Βρίσκετε ένα που σας αρέσει και πατάτε από πάνω του που λέει “HTML Tag Code” και εκεί σας δίνει τον κωδικό με τον οποίον θα το βάλετε στο blog σας.
(σύνδεση>πανόπτης>διάταξη>προσθήκη gadget>HTML/JavaScript>paste your code and save)

Επίσης βρήκα μια πολλή ωραία σελίδα με διάφορα χρήσιμα widgets για το blog σας.
Έχει και ένα όμορφο,πρακτικό και απλό ρολογάκι που κάνει τη δουλειά του.Τον κωδικό του σας τον δίνω παρακάτω:(η συγκεκριμένη σελίδα είναι το http://com2.gr/)


<iframe frameborder=”no” marginheight=”0″ marginwidth=”0″ height=”18″ src=”http://com2.gr/datetime/index.php” scrolling=”no” width=”240″ name=”com2grdatetime”> </iframe>


(σύνδεση>πανόπτης>διάταξη>προσθήκη gadget>HTML/JavaScript>paste your code and save)

Σίγουρα υπάρχουν κι άλλες σελίδες με ρολόγια ,όπως η http://www.clocklink.com/gallery.php από την οποία μπορείτε να βάλετε ένα ρολόι στο μπλογκ σας με την ίδια διαδικασία.
Αν έχει καμία άλλη τέτοια σελίδα υπόψιν σας αφήστε ένα σχόλιο σας παρακαλώ πολύ.




Create upload and embed in html code flash shockwave (.swf) file-banner in your blog



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Σήμερα θα σας δείξω τον τρόπο με τον οποίον θα μπορούμε όλοι να βάλουμε ένα banner
(σε .swf μορφή) στο blog μας.
Τελευταία βλέπω συχνά banners σε μορφή .swf στα blogs.Έχουν γίνει “διάσημα” διότι είναι ξεχωριστά από τα απλά συχνά banners και τραβούν την προσοχή του κόσμου.
Για να εμφανίζονται τα shockwave (.swf) αρχεία στον καθέναν μας θα πρέπει να έχουμε εγκαταστήσει το Adobe Flash Player στον υπολογιστή μας.

Μπορείτε να φτιάξετε ένα banner σε .swf μορφή με δύο τρόπους:

1)Είτε χρησιμοποιώντας τα κατάλληλα προγράμματα όπως το Aleo Flash Intro Banner Maker,

2)είτε να τα φτιάξετε online από websites που κάνουν αυτήν την δουλειά όπως αυτά εδώ και το Flashvortex.com.

Αφού λοιπόν έχετε φτιάξει το flash banner σας σε μορφή .swf πάντα ‘πρέπει να το ανεβάσετε κάπου για να σας δώσει το link (http://yourbannerlink.swf).Και αυτό γιατί ακόμα δεν έχετε το link σε .swf του banner σας.
(Βέβαια σε μερικά sites σας δίνουν κατευθείαν τον html κωδικό οπότε δεν χρειάζεται να τον φτιάξετε εσείς.)
Σας προτείνω λοιπόν να το ανεβάσετε στο hotlinkfiles κάνοντας έναν free λογαριασμό.

Αφού λοιπόν το ανεβάσατε εκεί έχετε πλέον και το link του (http://yourbannerlink.swf).

Τώρα λοιπόν πάμε να φτιάξουμε τον html κωδικό για να τον βάλουμε στο blog μας.

Ο κωδικός είναι ο εξης:


<object width=”300” height=”200“><param value=”http://www.hotlinkfiles.com/files/2444410_wcywh/kifidis_swf.swf” name=”movie”/><param value=”transparent” name=”wmode”/><embed width=”300” src=”http://www.hotlinkfiles.com/files/2444410_wcywh/kifidis_swf.swf” wmode=”transparent” height=”200” type=”application/x-shockwave-flash”></embed></object>



Σας έχω μαρκάρει με κίτρινο τα νούμερα που καθορίζουν το μέγεθος του banner.Αν θέλετε τα αλλάζετε.

Και με πορτοκαλί είναι η διεύθυνση (σε .swf) του banner σας.Αλλάξτε την δικιά μου με την δική σας.

Τον παραπάνω κωδικό τον επικολλούμε στον Πανόπτη>Διάταξη>Προσθήκη gadget>HTML/JavaScript>εδώ επικολλούμε τον κωδικό μας και τον αποθηκεύουμε.

Το αποτέλεσμα όλων των παραπάνων είναι το:



Η φίλη Βούλα από το http://sklirinsikataplakasathens.blogspot.com/ ήθελε να μάθει πως μπορεί να βάλει το flash banner της στο blog της και έγραψα αυτήν την ανάρτηση.

Εαν θέλετε κάτι να μου πείτε αφήστε μου ένα σχόλιο.