Latest Blog News: Διαβάζετε πάντα και τα ΣΧΟΛΙΑ των αναρτήσεων!

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 της σελίδας μου...


 
© Copyright 2009-14 bloggertips.gr | All rights reserved. | Επικοινωνία | LK Magazine v2 from Lasantha | Πίσω στην ΚΟΡΥΦΗ | | Subscribe in a reader (Google,Yahoo κα)

* free blogger tips,tricks,gadgets,widgets,templates,themes,help,hacks,design,domains,xml,html,blogspot.gr *