Blogger Tips – Tricks – Gadgets – Templates – Hacks

Windows Live Messenger στο Blog σας



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Ένα εύχρηστο widget, για τους χρήστες του Windows Live Messenger, θα σας δείξω σήμερα.

Πρόκειται για ένα mini widget, που το προσθέτουμε στην sidebar του blog μας, και μας δίνει άμεση πρόσβαση στο λογαριασμό του Windows Live Messenger.




Πάμε στον Πίνακα ελέγχου –> Διάταξη –> Προσθήκη Gadget –> HTML/Javascript

και προσθέτουμε τον παρακάτω κωδικό




<?xml version=”1.0″ encoding=”UTF-8″?>

<Module>

<ModulePrefs title=”Windows Live Messenger”

title_url=”http://download.live.com/?sku=messenger”

directory_title=”Windows Live Messenger”

description=”El mejor Messenger desde tu pagina inicial de Google, incluye W. Live Messenger, Hotmail, Y! Messenger, Y! Mail, Gmail, Hi5, Myspace, Facebook, Youtube, -Nuevo! Twitter, Orkut, Wikipedia, WordReference, WordPress, Calendario, Picasa, Flickr, Photobucket, Noticias y Blogger / The best Messenger from your Google homepage, including W. Live Messenger, Hotmail, Y! Messenger, Y! Mail, Gmail, Hi5, Myspace, Faceboo, Youtube, -New! Twitter, Orkut, Wikipedia, WordReference, WordPress, Calendario, Picasa, Flickr, Photobucket, News and Blogger”

render_inline=”optional”

height=”400″

width=”300″

author=”juanjosemexico”

author_email=”juanjosemexico@gmail.com”

author_location=”Mexico”

author_link=”http://dragonfirez.foroactivo.com/”

author_quote=”juanjosemexico”

author_aboutme=”juanjosemexico”

screenshot=”http://i87.servimg.com/u/f87/12/97/93/87/previo10.gif”

thumbnail=”http://i87.servimg.com/u/f87/12/97/93/87/logome10.png” />

<Content type=”html”>

<![CDATA[

<body style=”background:#ffffff; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;”>

<iframe src=”http://dragonfirez.110mb.com/in.html” frameborder=”0″ scrolling=”no” style=”width:100%; height:400px;” width=”100%” height=”400″></iframe>

</body>

</Content>

</Module>

Πατάμε αποθήκευση, και το Widget θα κοσμεί πλέον το blog μας.

Αναρτήθηκε από ekabitis



Χρωματιστό κείμενο στην ανάρτηση



Print Friendly and PDFPrintPrint Friendly and PDFPDF

Στο διαδίκτυο κυκλοφορούν πολλά “πλαίσια”, όπου μπορούμε να τοποθετήσουμε εκεί μέσα κείμενο.
Η τεχνολογία όμως προχωράει, και τα καινούρια δεδομένα που κυκλοφόρισαν, είναι άκρως εντυπωσιακά.
Πως θα σας φαινότανε να έχετε στην ανάρτησή σας ένα κείμενο με χρωματιστά γράμματα που αλλάζουν χρώμα μόλις βάζετε το ποντίκι πάνω τους. Και να μπορείτε να ορίσετε εσείς ποιο χρώμα θα έχουν, όπως και να βάλετε όποιο χρώμα προτιμάτε για backround;
Είμαι ο ekabitis, και σήμερα θα σας δείξω πώς γίνεται αυτό. (Ρίξτε μια ματιά εδώ, για να καταλάβετε τι ακριβώς εννοώ).
Πάμε στον Πανόπτη –> Διάταξη –> Επεξεργασία HTML και αφού πάρουμε (όπως πάντα), ένα backup του template μας, με το Ctrl+F ψάχνουμε να βρούμε το

]]></b:skin>

Ακριβώς από πάνω του τοποθετούμε τον παρακάτω κώδικα

.mbt-textarea {

padding:0;

margin:0;

width:400px;


height:40px;

color:#0080ff;

font:12px arial;

background:#fff;

border:1px dotted #289728; }

.mbt-textarea:hover {

color:#289728;

border:2px solid #666; }

.mbt {


padding-top:3px;


margin:0;


color:#289728;


font-size: 9px;


font-family: sans-serif, verdana;


}

Πριν πατήσουμε αποθήκευση, καλό είναι να πραγματοποιήσουμε τις αλλαγές που θέλουμε να κάνουμε, σύμφωνα με τα γούστα του καθενός.

1) Αν θέλετε να ορίσετε, δηλαδή να μειώσετε ή να αυξήσετε το ύψος ή το πλάτος της περιοχής κειμένου , απλά επεξεργαστείτε τις παρακάτω τιμές, με το θαλασσί χρώμα.
Πλάτος: 400px?
ύψος: 40px?

2) Για να αλλάξετε το χρώμα του κειμένου που θα φαίνεται, αλλάζουμε τον εξαψήφιο κωδικό (αυτόν με το πράσινο χρώμα), επιλέγοντας το χρώμα της αρεσκείας μας.
color: # 0080ff?
(Χρησιμοποιήστε την χρωματική παλέτα με τους αντίστοιχους κωδικούς των χρωμάτων, πατώντας ΕΔΩ http://ekabitis-tips-tricks.blogspot.com/2010/02/html-color-codes.html

3) Για να αλλάξετε το χρώμα του κειμένου σε λειτουργία, όταν δηλαδή περνάμε τον δείκτη του ποντικιού από πάνω, μπορείτε να επεξεργαστείτε τον κωδικό με το κόκκινο χρώμα
color: # 289728?

4) Για να αλλάξετε το πλάτος του περιθωρίου, το στυλ και το χρώμα όταν είναι σε ενεργό λειτουργία επεξεργαστείτε αυτόν τον κώδικα,

border: 1px dotted # 289728?

όπου 1px, είναι το πλάτος του πλαισίου. Είναι ρυθμισμένο σε διακεκομμένη γραμμή και το χρώμα είναι # 289728

5) Για να αλλάξετε την εμφάνιση του περιθωρίου, όταν δηλαδή περνάμε τον δείκτη του ποντικιού από πάνω, μπορείτε να επεξεργαστείτε τον κωδικό

border: 2px solid # 666?

6) Για να αλλάξετε τη γραμματοσειρά και το μέγεθος της, επεξεργαστείτε αυτό,

font: 12px Arial?

όπου 12px είναι το μέγεθος, και arial είναι η γραμματοσειρά ως προεπιλογή που έχω χρησιμοποιήσει.

Αυτό ήταν. Πατάμε αποθήκευση, και πάμε τώρα να σας δείξω πως βάζουμε το κείμενό μας.
Αφού έχουμε ετοιμάσει το κείμενο σε ένα σημειωματάριο ή ένα wordpad, το επιλέγουμε και το ποποθετούμε μέσα στον παρακάτω κώδικα, στο σημείο με τα κόκκινα γράμματα.

<textarea class=”mbt-textarea” readonly=”readonly”>ΕΔΩ ΓΡΑΦΟΥΜΕ ΚΕΙΜΕΝΟ</textarea>
<p class=”mbt” ><u>Εδώ βάζουμε τίτλο ή κάποια οδηγία για το κείμενο</u></p>


Η σειρά του κώδικα με το μπλέ-κιτρινο χρώμα, είναι προαιρετική, και είναι μια οδηγία ή κάποιος τίτλος που θέλουμε να βάλουμε για το κείμενό μας, και θα φαίνεται έξω από το κείμενο. Εκεί που είναι τα κίτρινα γράμματα, γράφουμε αυτό που θέλουμε να φαίνεται.
Η επεξεργασία αυτού του “οδηγού” γίνεται, βάζοντας τις τιμές που επιθυμούμε, τροποποιώντας τον κώδικα αυτόν.

.mbt {


padding-top:3px;


margin:0;


color:#289728;


font-size: 9px;


font-family: sans-serif, verdana;


}

Τώρα τελειώσαμε.
Αν θέλουμε μπορούμε να βάλουμε τέτοιο κείμενο και στην sidebar του blog μας, αλλάζοντας κατά περίπτωση τις διαστάσεις στις οποίες αναφερθήκαμε στην αρχή.
Οποιαδήποτε απορία έχετε, μην διστάσετε να επικοινωνήσετε μαζί μου.
Και μην ξεχάσετε να μου αφήσετε κάποιο σχόλιο, για το αν το καταφέρατε ή αν κάτι σας δυσκόλεψε



Ολοκληρομένη σουίτα στοιχείων για τον κάθε επισκέπτη της σελίδας σας



Print Friendly and PDFPrintPrint Friendly and PDFPDF

Καλησπέρα σε όλους σας…Είμαι ο magakos από το Freeware-tools.net και το Freeware-tools.com .
Σήμερα θα σας δείξω τον τρόπο για να περάσετε στο blog σας μια ολοκληρωμένη σουίτα στοιχείων για τον κάθε επισκέπτη της σελίδας σας…Πρόκειται για κάποια αυτόνομα script τα οποία μετέφρασα και ένωσα εγώ ώστε να βγει αυτό το αποτέλεσμα που βλέπετε στην παραπάνω εικόνα…
Για να το περάσετε κάνετε τα εξής:
1) Σύνδεση στον λογαριασμό σας από το blogger.com
2) Διάταξη>Στοιχεία σελίδας>Προσθήκη gadget>HTML/Javascript

3) Επικολλήστε εκεί μέσα τον παρακάτω κώδικα:

<center><script>
<!–
// Copyright (c) 1996-1997 Tomer Shiran. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.geocities.com/~yehuda/

// Boolean variable specified if alert should be displayed if cookie exceeds 4KB
var caution = false

// name – name of the cookie
// value – value of the cookie
// [expires] – expiration date of the cookie (defaults to end of current session)
// [path] – path for which the cookie is valid (defaults to path of calling document)
// [domain] – domain for which the cookie is valid (defaults to domain of calling document)
// [secure] – Boolean value indicating if the cookie transmission requires a secure transmission
// * an argument defaults when it is assigned null as a placeholder
// * a null placeholder is not required for trailing omitted arguments
function setCookie(name, value, expires, path, domain, secure) {
var curCookie = name + “=” + escape(value) +
((expires) ? “; expires=” + expires.toGMTString() : “”) +
((path) ? “; path=” + path : “”) +
((domain) ? “; domain=” + domain : “”) +
((secure) ? “; secure” : “”)
if (!caution || (name + “=” + escape(value)).length <= 4000)
document.cookie = curCookie
else
if (confirm(“Cookie exceeds 4KB and will be cut!”))
document.cookie = curCookie
}

// name – name of the desired cookie
// * return string containing value of specified cookie or null if cookie does not exist
function getCookie(name) {
var prefix = name + “=”
var cookieStartIndex = document.cookie.indexOf(prefix)
if (cookieStartIndex == -1)
return null
var cookieEndIndex = document.cookie.indexOf(“;”, cookieStartIndex + prefix.length)
if (cookieEndIndex == -1)
cookieEndIndex = document.cookie.length
return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex))
}

// name – name of the cookie
// [path] – path of the cookie (must be same as path used to create cookie)
// [domain] – domain of the cookie (must be same as domain used to create cookie)
// * path and domain default if assigned null or omitted if no explicit argument proceeds
function deleteCookie(name, path, domain) {
if (getCookie(name)) {
document.cookie = name + “=” +
((path) ? “; path=” + path : “”) +
((domain) ? “; domain=” + domain : “”) +
“; expires=Thu, 01-Jan-70 00:00:01 GMT”
}
}

// date – any instance of the Date object
// * you should hand all instances of the Date object to this function for “repairs”
// * this function is taken from Chapter 14, “Time and Date in JavaScript”, in “Learn Advanced JavaScript Programming”
function fixDate(date) {
var base = new Date(0)
var skew = base.getTime()
if (skew > 0)
date.setTime(date.getTime() – skew)
}

var now = new Date()
fixDate(now)
now.setTime(now.getTime() + 31 * 24 * 60 * 60 * 1000)
var name = getCookie(“name”)
if (!name)
name = prompt(“Αν θέλεις σημείωσε το Nickname σου:”, “Γράψε το ψευδώνυμο σου…”)
setCookie(“name”, name, now)
document.write(“Γεια σου ” + name + “!”)
//–>
</script></center>
<center><script type=”text/javascript”>

var days = 730; // days until cookie expires = 2 years.
var lastvisit=new Object();
var firstvisitmsg=”Καλώς ήρθες! Αυτή είναι η πρώτη σου επίσκεψη στην σελίδα μας…”;
lastvisit.subsequentvisitmsg=”Καλώς ήρθες και πάλι! Η τελευταία σου επίσκεψη εδώ ήταν την <b>[displaydate]</b>”;

lastvisit.getCookie=function(Name){
var re=new RegExp(Name+”=[^;]+”, “i”);
if (document.cookie.match(re))
return document.cookie.match(re)[0].split(“=”)[1];
return”;
}

lastvisit.setCookie=function(name, value, days){
var expireDate = new Date();

var expstring=expireDate.setDate(expireDate.getDate()+parseInt(days));
document.cookie = name+”=”+value+”; expires=”+expireDate.toGMTString()+”; path=/”;
}

lastvisit.showmessage = function() {
var wh = new Date();
if (lastvisit.getCookie(“visitc”) == “”) {
lastvisit.setCookie(“visitc”, wh, days);
document.write(firstvisitmsg);
}

else {
var lv = lastvisit.getCookie(“visitc”);
var lvp = Date.parse(lv);
var now = new Date();
now.setTime(lvp);
var day = new Array(“Κυριακή”, “Δευτέρα”, “Τρίτη”, “Τετάρτη”, “Πέμπτη”, “Παρασκευή”, “Σαββάτο”);
var month = new Array (“Ιανουαρίου”, “Φεβρουαρίου”, “Μαρτίου”, “Απριλίου”, “Μαΐου”, “Ιουνίου”, “Ιουλίου”, “Αυγούστου”, “Σεπτεμβρίου”, “Οκτωβρίου”, “Νοεμβρίου”, “Δεκεμβρίου”);
var dd = now.getDate();
var dy = now.getDay();
dy = day[dy];
var mn = now.getMonth();
mn = month[mn];
yy = now.getFullYear();
var hh = now.getHours();
var ampm = “AM”;
if (hh >= 12) {ampm = “PM”}
if (hh >12){hh = hh – 12};
if (hh == 0) {hh = 12}
if (hh < 10) {hh = “0” + hh};
var mins = now.getMinutes();
if (mins < 10) {mins = “0”+ mins}
var secs = now.getSeconds();
if (secs < 10) {secs = “0” + secs}
var dispDate = dy + “, ” + dd + ” ” + mn + ” ” + yy + “, ” + “στις” +” ” + hh + “:” + mins + “:” + secs + ” ” + ampm
document.write(lastvisit.subsequentvisitmsg.replace(“[displaydate]”, dispDate))
}

lastvisit.setCookie(“visitc”, wh, days);

}

lastvisit.showmessage();

</script></center>

<center><script>
function GetCookie (name) {
var arg = name + “=”;
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(” “, i) + 1;
if (i == 0) break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + “=” + escape (value) +
((expires == null) ? “” : (“; expires=” + expires.toGMTString())) +
((path == null) ? “” : (“; path=” + path)) +
((domain == null) ? “” : (“; domain=” + domain)) +
((secure == true) ? “; secure” : “”);
}
function DeleteCookie (name) {
var exp = new Date();
exp.setTime (exp.getTime() – 1);
var cval = GetCookie (name);
document.cookie = name + “=” + cval + “; expires=” + exp.toGMTString();
}
var expDays = 30;
var exp = new Date();
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function amt(){
var count = GetCookie(‘count’)
if(count == null) {
SetCookie(‘count’,’1′)
return 1
}
else {
var newcount = parseInt(count) + 1;
DeleteCookie(‘count’)
SetCookie(‘count’,newcount,exp)
return count
}
}
function getCookieVal(offset) {
var endstr = document.cookie.indexOf (“;”, offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
</script>
<script>
document.write(“Έχεις επισκεφτεί την σελίδα μας <b>” + amt() + “</b> φορές.”)
</script></center>


4)Αφού περάσετε τον κώδικα, αποθηκεύστε και είστε έτοιμοι…
Κατα την πρώτη τους επίσκεψη στη σελίδα σας οι χρήστες θα παίρνουν ένα μήνυμα ώστε να δώσουν αν θέλουν κάποιο όνομα ή ψευδώνυμο…Αυτό ισχύσει μόνο για την πρώτη επίσκεψη, μετά δεν θα ξαναχρειαστεί.
Αν κάνετε κάποιο λάθος στο όνομα σας και θέλετε να το διορθώσετε θα χρειαστεί να σβήσετε το ανάλογο cookie στον υπολογιστή σας και κατα την επόμενη επίσκεψη στην σελίδα σας θα σας εμφανιστεί και πάλι η φόρμα για να δώσετε όνομα…
Άν θέλετε να αντικαταστήσετε τα μηνύματα που θα εμφανίζονται με κάποια δικά σας σας μπορείτε να το κάνετε αλλάζοντας απλά τα σημεία με το Ελληνικό κείμενο στον κώδικα με δικό σας κείμενο.
Τέλος απλά να ενημερώσω ότι εκτός από τα scriptakia που δημοσιεύω εδώ μπορείτε να βρίσκετε και άλλα στο Forum της σελίδας μου…



Φωτό μόνιμα στο προσκήνιο



Print Friendly and PDFPrintPrint Friendly and PDFPDF

Είμαι ο ekabitis και σήμερα θα σας δείξω πως να βάλετε μια φωτογραφία, η οποία θα είναι μόνιμα στο προσκήνιο. Αν έχετε ένα template με μεγάλα περιθώρια δεξιά και αριστερά από την κεντρική στήλη των αναρτήσεων, και θέλετε να το ομορφύνετε λιγάκι, μπορείτε να τοποθετήσετε μια εικόνα η οποία θα είναι μόνιμα στο προσκήνιο, ανεξάρτητα αν εσεις θα ανεβοκατεβαίνετε με το scrol του ποντικιού πάνω – κάτω.
Πως γίνεται αυτό; Με την προσθήκη ενός πολύ απλού widget.
Δείτε την εικόνα.


Πάμε λοιπόν να σας δείξω πως γίνεται.
Κατ’ αρχήν θα πρέπει να αποφασίσετε ποια φωτογραφία θα βάλετε, και στη συνέχεια να την ανεβάσετε σε κάποιο image hοsting site, για να βρείτε το Url της.
Θα πρέπει επίσης να προσέξετε τις διαστάσεις της εικόνας. Να μην είναι δηλαδή πολύ μεγάλη, και σας κρύβει τις αναρτήσεις. Συνήθως διαστάσεις που “παίζουν” γύρω στο 160 x 160, είναι ότι χρειαζόμαστε.
Αν η φωτογραφία που επιθυμείτε να βάλετε είναι μεγαλύτερη, πριν την ανεβάσετε θα πρέπει πρώτα να την μικρύνετε.
Όταν γίνουν λοιπόν όλα τα παραπάνω, πάμε στον Πίνακα Ελέγχου (πρώην Πανόπτη) –> Διάταξη –> Προσθήκη gadget –> HTML/JavaScript, και προσθέτουμε τον παρακάτω κωδικό

<a style=”display:scroll;position:fixed;top:5px;right:5px;” href=”Link_To_An_Image title=”Image Name“><img src=”http://Image_Url“/></a>


Τώρα κάνουμε τις αλλαγές μας.
Εκεί που γράφει href=”Link_To_An_Image” με το πράσινο χρώμα, βάζουμε το link που οδηγεί η εικόνα, αν κάνει κάποιος πάνω της κλικ.
Στο title=”Image Name”, με το μπλέ χρώμα, βάζουμε έναν τίτλο της εικόνας.
Στο src=”http://Image_Url”, με το κόκκινο χρώμα, βάζουμε το direct link της εικόνας που πήραμε από το site στο οποίο την ανεβάσαμε.
Τέλος αυτό με το μοβ χρώμα, top:5px;right:5px;, μπορούμε να του ορίσουμε που ακριβώς, και σε ποιο ύψος θα μπει η εικόνα μας. Αν την θέλετε αριστερά, αλλάζουμε το right και γράφουμε left. Αν το θέλουμε ποιο κάτω, μεγαλώνουμε την τιμή του top, ενώ αν θέλουμε να έρθει ποιο κεντρικά μεγαλώνουμε την τιμή του right ή του left, ανάλογα την επιλογή που έχουμε κάνει.
Τέλος να σας πω ότι το συγκεκριμένο widget μπορούμε να το βάλουμε όσες φορές θέλουμε, αλλάζοντας βέβαια την θέση που θα μπαίνει κάθε φορά, έτσι ώστε να έχουμε ένα πολύ ωραίο και ομοιόμορφο αποτέλεσμα.
Αυτό ήταν. Μην σας τρομάζουν τα πολλά λόγια που σας έγραψα. Στην πραγματικότητα είναι πολύ εύκολο.
Αν χρειαστήτε κάποια διευκρίνηση, μην διστάσετε να επικοινωνήσετε μαζί μου πατώντας εδώ.
Γράψτε μου αν θέλετε και κάποιο σχόλιο, θα χαρώ πολύ.



Ημερομηνία σε όλες τις αναρτήσεις



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Γεια σας φίλοι και φίλες. Είμαι ο ekabitis και εύχομαι σε όλους-ες Χρόνια Πολλά.

Σίγουρα έχετε παρατηρήσει, ότι σε blogs όπου οι διαχειριστές ανεβάζουν πολλές αναρτήσεις καθημερινά, η ημερομηνία πάνω από τις αναρτήσεις φαίνετε ΜΟΝΟ στην πρώτη ανάρτηση, ενώ σε όλες τις υπόλοιπες όχι. Οι αναγνώστες, δυσκολεύονται να βρούνε το πότε “ανέβηκε” μια ανάρτηση, ειδικά όταν δεν έχει ξεκινήσει την ανάγνωση του blog από την αρχή, αλλά οδηγήθηκε εκεί μέσω ενός link.
Πως μπορούμε να το διορθώσουμε αυτό;
Διαβάστε την συνέχεια της ανάρτησης. Είναι πολύ εύκολο, και γίνεται μέσα από την επεξεργασία του HTML κωδικού μας.
Πάνε στον Πανόπτη μας, Διάταξη –> Επεξεργασία Html, και αφού πάρουμε ένα backup του template μας για να είμαστε σίγουροι, (σας συνιστώ να το κάνετε πάντα, πριν από οποιαδήποτε αλλαγή του HTML κωδικού μας, όσο εύκολο κι αν είναι),τσεκάρουμε το Επέκταση προτύπων γραφικών στοιχείων και ψάχνουμε με το γνωστό Ctrl+F, να βρούμε τον παρακάτω κώδικα.


<b:if cond=’data:post.dateHeader’>
<h2 class=’date-header’><data:post.dateHeader/></h2>
</b:if>


και τον αντικαθιστούμε με αυτόν

<b:if cond=’data:post.dateHeader’>
<script>var ultimaFecha = '<data:post.dateHeader/>';</script>
<h2 class=’date-header’><data:post.dateHeader/></h2>
<b:else/>
<h2 class=’date-header’>
<script>document.write(ultimaFecha);</script>
</h2>
</b:if>


Πατάμε αποθήκευση και …αυτό ήταν όλο κι όλο.
Με ανανέωση της σελίδας σας, θα δείτε ότι πάνω από ΟΛΕΣ τις αναρτήσεις υπάρχει η ημερομηνία που ανέβηκε η κάθε μας ανάρτηση.



Μαντέψτε τον Αριθμό. (Game for your blog)



Print Friendly and PDFPrintPrint Friendly and PDFPDF

Καλησπέρα και καλό Πάσχα σε όλους σας…Είμαι ο magakos από το Freeware-tools.net και το Freeware-tools.com .Θα θέλατε να περάσετε ένα μικρό παιχνιδάκι στο blog σας για να σπάει την μονοτονία?
Σας προτείνω το “Μαντέψτε τον Αριθμό”.
Πρόκειται για ένα απλό παιχνιδάκι μεταγλωττισμένο από εμένα στα Ελληνικά όπου κάθε φορά προσπαθείτε να μαντέψετε έναν τυχαίο αριθμό με όσο το δυνατόν λιγότερες προσπάθειες…
Σε κάθε λάθος απάντηση που δίνετε το παιχνίδι σας βοηθάει να βρείτε τον αριθμό λέγοντας σας αν είναι μεγαλύτερος ή μικρότερος από αυτόν που δίνετε…Για να τo περάσετε κάνετε τα εξής
1) Σύνδεση στον λογαριασμό σας από το blogger.com
2) Διάταξη/Στοιχεία σελίδας/Προσθήκη gadget/HTML/Javascript
3) Επικολλήστε εκεί μέσα τον παρακάτω κώδικα:


<script language=”JavaScript”>
<!– ;

var guessme=Math.round(Math.random()*(99)+1);
var speech=’Μάντεψε τον αριθμό(Από 1 ως 100)’;

function process(mystery) {
var guess=document.forms.guessquiz.guess.value;
var speech='”‘+guess+ ‘” does not make sense to me.’;
document.forms.guessquiz.guess.value=”;

if (guess==mystery)
{
document.forms.guessquiz.prompt.value=’Σωστά…Ήταν όντως το ‘+mystery+’!!!’;
alert (‘Συγχαρητήρια!!! – Ο αριθμός που ψάχνατε ήταν ο ‘+mystery+’! nnΠατήστε το “ΟΚ” για να παίξετε ξανά.’);
speech=”;
document.location=document.location;
}

if (mystery<guess)
{
speech=’Μικρότερο από ‘+ guess;
}

if (mystery>guess)
{
speech=’Μεγαλύτερο από ‘+ guess;
}

if (guess==”)
{
speech=’Γράψτε πρώτα έναν αριθμό…’
}

document.forms.guessquiz.prompt.value=speech; document.forms.guessquiz.guess.focus();

}

// end hide –>
</script>

<form name=”guessquiz” onsubmit=””>
<center>
<table border=”3″ cellpadding=”5″ bgcolor=”#888888″ align=”CENTER”>
<tr>
<td bgcolor=”#004080″>
<font face=”Arial” color=”#ffffff”><b>Μαντεψε τον αριθμο (1 – 100)</b></font>
</td>
</tr>
<tr>
<td>
<center>
<input maxlength=”40″ value=”Μάντεψε τον αριθμό(Από 1 ως 100)” name=”prompt” size=”31″ type=”text” /><br />
<input maxlength=”3″ value=”” name=”guess” size=”3″ type=”text” />
<input value=”Μάντεψε” onclick=”process(guessme)” type=”button” />
</center>
</td>
</tr>
</table>
</center>
</form>


4. Αποθηκεύστε και είναι έτοιμο…Μπορείτε να ξεκινήσετε το παιχνίδι.