Τετάρτη 25 Φεβρουαρίου 2009

ΚΑΝΤΕ ΠΙΟ ΚΑΛΑΙΣΘΗΤΟ ΤΟ BLOG ΣΑΣ

Σε αυτή την ανάρτηση θα δούμε πως μπορούμε να κάνουμε πιο καλαίσθητο το blog μας. Μπορείτε να εγκαταστήσετε ένα ψηφιακό ενυδρείο στο blog σας (αυτό συστήνεται για blogs που οι διοκτήτες τους είναι παιδιά και όσοι νιώθουν παιδιά). Το μόνο που έχετε να κάνετε είναι να μπείτε στο λογαριασμό σας στο blogspot και από εκεί πάτε πανόπτης, διάταξη, προσθήκη gadget και HTML/JavaScript και κάντε αντιγραφή επικόλληση (copy - paste) στο pop up παράθυρο τον παρακάτω κώδικα και πατήστε αποθήκευση (save).

<object type="application/x-shockwave-flash" data="http://widgets.clearspring.com/o/48cfe5b37f644537/49a5c70407a4e3fe/48cfe5b37f644537/a072c174/-cpid/e76ce0ea4e02f1b9" id="W48cfe5b37f64453749a5c70407a4e3fe" width="500" height="350"><param name="movie" value="http://widgets.clearspring.com/o/48cfe5b37f644537/49a5c70407a4e3fe/48cfe5b37f644537/a072c174/-cpid/e76ce0ea4e02f1b9" /><param name="wmode" value="transparent" /><param name="allowNetworking" value="all" /><param name="allowScriptAccess" value="always" /></object>

Αν θέλετε να αλλάξετε τον αριθμό των ψαριών ή το χρώμα αυτών επισκευτείτε τη σελίδα κάνοντας κλικ εδώ και πατήστε το κουμπί edit. Για να αλλάξετε τις διαστάσεις στο ενυδρείο αλλάξτε τις τιμές στο height και width που είναι τονισμένα με κόκκινο χρώμα στον παραπάνω κώδικα. Το αποτέλεσμα θα είναι όπως παρακάτω. Βάλτε τον κέρσορα του ποντικιού σας πάνω στο ενυδρείο και δείτε τα ψάρια να τον ακολουθούνε. Κάντε κλικ στο ενυδρείο για να δώσετε τροφή στα ψάρια.



Αν θέλετε μπορείτε να δώσετε μια γλυκειά όψη στο blog σας προσθέτοντας διάφορα κουμπιά από σοκολάτα. Πάρτε μια γεύση:

Αν σας ενδιαφέρουν αυτά τα κουμπιά μπορείτε να τα κατεβάσετε από εδώ. Προτείνονται για ανοιχτόχρωμα templates. Θα βρείτε κουμπιά για τα digg, facebook, twitter, rss, delicius και πολλά άλλα.
Τέλος να σας προτείνω το PuttingBlogsFirst στο οποίο μπορείτε να βρείτε διάφορα κόλπα για τα blogs σας κάνοντας κλικ εδώ και εδώ.

Κυριακή 22 Φεβρουαρίου 2009

F.E.O. ΚΑΙ FREE DOWNLOADS

Καλή εβδομάδα σε όλους και σε όλες. Να ξεκινήσουμε με μια δυσάρεστη είδηση. Το Feed Each Other (a.k.a. F.E.O.) κατεβάζει τα ρολά στης 31 Μαρτίου. Αυτός ο aggregator δεν είναι τόσο διαδεδομένος στην ελληνική blogόσφαιρα αλλά τα ξενόγλωσσα blogs και ειδικότερα τα αγγλόφωνα τον έχουν στα tops των προτιμήσεων τους. Στο παρακάτω screenshot που με ένα κλικ πάνω του μπορείτε να το μεγενθύνετε θα δείτε τους λόγους που οδηγούνε τον ιδιοκτήτη του σε αυτήν την απόφαση. Αν θέλετε να επισκευτείτε τη σελίδα με τη σύντομη αιτιολογία κάντε κλικ εδώ.

Να περάσουμε σε κάποιες διαδυκτιακές προτάσεις. Θέλετε free downloads σε προγράμματα; Επισκευτείτε το DOWNLOADS.COM. Εκεί θα βρείτε χρήσιμα freeware προγράμματα τόσο για Windows όσο και για Mac.
Δεύτερη πρόταση που έχω να σας κάνω είναι το πολύ καλό Freeware Files. Αξίζει να το επισκευτείτε. Θα βρείτε drivers, utilities, games, προγράμματα κάθε κατηγορίας ακόμα και πιο εξεζητημένα.
Τρίτη πρόταση και εξίσου καλή είναι το Tripod. Εκεί εκτός από το freeware υλικό που θα βρείτε μπορείτε να βρείτε διάφορα tutorials (π.χ. πως μπορείτε αν κατασκευάσετε μια σελίδα με κώδικα HTML ακόμα και αν δε γνωρίζετε το παραμικρό από γλώσσες προγραμματισμού).
Για τους χρήστες των Windows XP και Vista που θέλουν κάποια βασικά προγράμματα στα συστήματα τους προτείνω το 100-Downloads. Το μόνο σίγουρο είναι ότι δε θα σας απογοητεύσει.
Άλλες τρεις παρόμοιες ιντερνετικές λύσεις στο οικονομικό μας είναι και οι ακόλουθες: Free Stuff Me, Programy και The Free Site.
Εξερευνείστε τα και θα μείνετε ικανοποιημένοι σε μεγάλο βαθμό. Δεν πρέπει να είναι απαραίτητη προϋπόθεση ότι τα καλά κοστίζουν κιόλας. ;-)

Πέμπτη 19 Φεβρουαρίου 2009

ΑΥΤΟΜΑΤΗ ΚΥΛΙΣΗ ΣΕΛΙΔΩΝ

Σήμερα θα δούμε ένα κολπάκι που θα βοηθάει τους αναγνώστες μας να έχουν λυμμένα τα χέρια τους όταν διαβάζουν τις αναρτήσεις μας. Αντί να είναι το ένα χέρι μονίμως στο ποντίκι και να κατεβαίνουν σιγά - σιγά στο blog μας μια φορά αρκεί να κάνουν κλικ στο βελάκι δεξιά στη scroll down μπάρα και η σελίδα μας θα κατεβαίνει αυτόματα. Δείτε το παρακάτω screenshot για να καταλάβετε (κλικ στην εικόνα για να τη δείτε σε μεγέθυνση).


Μπείτε στο λογαρισμό σας και πάτε πανόπτης, διάταξη και επεξεργασία HTML. Πατήστε το Control και F (Ctrl+F) για να ανοίξει στο κάτω μέρος της οθόνης το ψαχτήρι και μέσα στο πλαίσιο αυτού πληκτρολογήστε: </body>
Θα δείτε ότι μέσα στον κώδικα του template σας εμφανίζει αυτό που πληκτρολογήσαμε στο ψαχτήρι χρωματισμένο. Ακριβώς μια γραμμή παραπάνω κάνουμε κλικ και πατάμε enter για να δημιουργηθεί μια κενή γραμμή πριν το </body> και σ' αυτή τη γραμμή κάνουμε αντιγραφή - επικόλληση (copy - paste) τον παρακάτω κώδικα:

<script language="JavaScript1.2">

//change 1 to another integer to alter the scroll speed. Greater is faster
var speed=1
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}

function iecompattest(){
return (document.compatMode!="BackCompat")? document.documentElement : document.body
}

function scrollwindow(){
if (document.all)
temp=iecompattest().scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp

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

Κυριακή 15 Φεβρουαρίου 2009

ΔΗΜΙΟΥΡΓΙΑ ΚΑΙ ΠΡΟΣΘΗΚΗ ANIMATED TEXT BANNER

Σήμερα θα σας δείξω πως μπορούμε να βάλουμε ένα κινούμενο banner. Ονομάζεται scrolling or marqee text, δηλαδή το κείμενο του banner κινείται από πάνω προς τα κάτω ή το αντίθετο ή από αριστερά προς τα δεξιά και το αντίθετο. Πρώτα πρέπει αν καταλάβουμε πως δουλεύει ο κώδικας έτσι ώστε να τον φέρουμε στα μέτρα μας.
Το κείμενο του banner πρέπει να περικλείεται από δύο tags. Το opening tag και το closing tag. Δείτε το παρακάτω παράδειγμα:

<opening tag> Το κείμενο σας </closing tag>

Ο κώδικας για το scrolling or marqee text banner πρέπει να μοιάζει με τον παρακάτω:

<marquee>Το κείμενο σας - Demo</marquee>

Αν προσθέσετε τον παραπάνω κώδικα στο blogspot θα δείτε ένα demo κείμενο σε άσπρο φόντο (background) και ακίνητο. Εμείς πρέπει να προσθέσουμε στον κώδικα χρώμα φόντου, ταχύτητα που κινείται το κείμενο, κατεύθυνση κειμένου, διαστάσεις banner. Για να προσθέσουμε όλα τα παραπάνω είναι ιδιαίτερα εύκολο, απλά θέλει λιγάκι προσοχή. Για παράδειγμα, για να βάλουμε κατεύθυνση κειμένου πρέπει να προσθέσουμε στον κώδικα το παρακάτω:
direction="right"

Το παραπάνω πρέπει να προστεθεί μετά το opening tag που στην περίπτωση μας είναι το <marquee> Ο κώδικας του banner θα πρέπει να δείχνει κάπως έτσι:

<marquee direction="right">Το κείμενο σας - Demo</marquee>

Με τον ίδιο τρόπο προσθέτουμε και τα υπόλοιπα στοιχεία, values στα αγγλικά, (χρώμα φόντου, ταχύτητα που κινείται το κείμενο, διαστάσεις banner) στον κώδικα. Ας προσθέσουμε χρώμα φόντου. Το στοιχείο που θα προσθέσουμε είναι της μορφής bgcolor="#FF00FF" (όπου #FF00FF είναι το χρώμα). Να θυμάστε ότι πάντα προσθέτουμε τα values μετά το opening tag που στην περίπτωση μας είναι το <marquee> Ο κώδικας θα πρέπει να μοιάζει με τον παρακάτω:

<marquee bgcolor="#FF00FF" direction="right">Το κείμενο σας - Demo</marquee> Με τον ίδιο τρόπου βάζουμε και τα υπόλοιπα στοιχεία του βαννερ μας. Παρακάτω έχω ένα πίνακα με τα στοιχεία που μπορείτε να προσθέσετε και μια μικρή επεξήγηση του καθενός.

The Value

ΕΠΕΞΗΓΗΣΗ

direction="left" Κάνει το κείμενο να κινείται προς τα αριστερά.
direction="right" Κάνει το κείμενο να κινείται προς τα δεξιά.
direction="up" Κάνει το κείμενο να κινείται προς τα πάνω.
direction="down"
Κάνει το κείμενο να κινείται προς τα κάτω.
behavior="alternate" Κάνει το κείμενο να κινείται προς τα δεξιά και μόλις φτάσει στο τέλος της διαδρομής του το κείμενο αλλάζει κατεύθυνση (προς τα αριστερά) και επιστρέφει στην αρχή.
behavior="slide" Κάνει το κείμενο να σταματάει μόλις φτάσει στο τέλος της διαδρομής του.
loop="4" Αν θέλετε να ελέγχετε πόσες φορές θα εμφανιστεί το κείμενο στο banner προσθέστε αυτό το value και αλλάξτε τον αριθμό (4) στον επιθυμητό από εσάς.
scrollamount="2" Με αυτό το value ελέγχετε την ταχύτητα που κινείται το κείμενο. Το 1 είναι αργό, το 2 γρηγορότερο και τα 3, 4, 5 ακόμη γρηγορότερα. Όσο μεγαλύτερο αριθμό βάλετε τόσο αυξάνεται η ταχύτητα με την οποία κινείται το κείμενο.
width="400" Με αυτό ελέγχετε το πλάτος του banner. Όσο μεγαλύτερη τιμή τόσο φαρδύτερο το banner.
height="66" Με αυτό ελέγχετε το ύψος του banner. Όσο μεγαλύτερη τιμή τόσο ψηλότερο το banner.
onmouseover="this.stop()" onmouseout="this.start()" Με αυτό το value καθορίζουμε το κείμενο να σταματάει όταν πάνω στο banner βρίσκεται ο δείκτης από το ποντίκι και όταν το απομακρύνουμε να συνεχίσει να κινείται το κείμενο.
bgcolor="#9999CC" Με αυτό αλλάζουμε το χρώμα του φόντου (background). Θα σας δείξω αργότερα πως βρίσκουμε την κωδική ονομασία του επιθυμητού χρώματος.
style="color: #FF0000" Με αυτό αλλάζουμε το χρώμα της γραμματοσειράς. Θα σας δείξω αργότερα πως βρίσκουμε την κωδική ονομασία του επιθυμητού χρώματος.
style="font-size: 1em" Με αυτό αλλάζουμε το μέγεθος της γραμματοσειράς.
style="font-family: Tahoma" Με αυτό αλλάζουμε τη γραμματοσειρά.
style="font-size: 12pt; color:
#800000; font-family: Tahoma"
Με αυτόν το τρόπο μπορούμε να προσθέσουμε στον κώδικα του banner τα values και να αλλάξουμε τη γραμματοσειρά, το μέγεθος αυτής και το χρώμα αυτής.

Αν θέλετε να βάλετε links αντί για κείμενο θα πρέπει να ανάμεσα στα opening tags να βάλετε τον παρακάτω κώδικα:

<a href="Link URL">Link Title</a>

Αν θέλετε και κείμενο και link απλά μέσα στο κείμενο βάλτε τον παραπάνω κώδικα και όπου Link URL είναι η διεύθυνση που θέλετε να βάλετε και όπου Link Title είναι ο τίτλος για το link.
Ένας demo κώδικας για animated banner που φτιάξαμε είναι ο παρακάτω:

<marquee direction="Up" scrollamount="8" width="318" style="font-size: 12pt;
color: #800000; font-family: Tahoma" height="66" bgcolor="#FFCC99">Το κείμενο σας - Demo</marquee>

Το αποτέλεσμα είναι το παρακάτω:
Το κείμενο σας - Demo
Όταν δημιουργήσετε τον κώδικα του banner σας η προσθήκη αυτού είναι εύκολη υπόθεση. Πάτε πανόπτης, διάταξη, προσθήκη gadget και HTML/JavaScript και πατάτε αποθήκευση (save).
Σχετικά με το πως βρίσκουμε τις κωδικές ονομασίες των χρωμάτων για να αλλάξουμε το όνομα της γραμματοσειράς ή το χρώμα του φόντου είχα περιγράψει έναν τρόπο στο post για την προσθήκη animated cloud. Ας τον επαναλάβουμε:
Για να αλλάξουμε χρώμα στο φόντο ή τη γραμματοσειρά πρέπει να αλλάξουμε την παράμετρο #ffffff. Πώς όμως; Πρέπει να ανοίξουμε άλλο ένα παράθυρο εργασίας στον browser και να μπούμε πάλι στο λογαριασμό μας και από εκεί πάμε πανόπτης, διάταξη και γραμματοσειρές και χρώματα. Εκεί μπορούμε να δούμε τον κωδικό των χρωμάτων φόντου και γραμματοσειρών. Δείτε την παρακάτω φωτογραφία (κλικ για μεγέθυνση): Στα δεξιά βλέπετε τον κωδικό χρώματος που στην προκειμένη περίπτωση είναι το άσπρο. Εσείς στον κώδικα πρέπει να βάλετε τον κωδικό του χρώματος του template σας.

Άλλος τρόπος είναι να ψάξουμε μέσω της Google για free color generator. Ένα free download code generator μπορείτaι να κάνετε από εδώ. Καλή επιτυχία!

Πέμπτη 12 Φεβρουαρίου 2009

ΑΠΕΝΕΡΓΟΠΟΙΗΣΤΕ ΤΟ ΔΕΞΙ ΚΛΙΚ ΣΤΟ BLOG ΣΑΣ

Μια πολύ βασική λειτουργία που χρησιμοποιούμε στον υπολογιστή μας κατά κόρον είναι το δεξί κλικ που κάνουμε με το ποντίκι μας για να κάνουμε αντιγραφή - επικόλληση (copy - paste), να πάμε στις ιδιότητες, να δημιουργήσουμε ένα νέο έγγραφο στο word κ.α.
Στο internet όμως το δεξί κλικ του ποντικιού μπορεί να χρησιμοποιείται και για κακούς σκοπούς. Για παράδειγμα κάποιος μπορεί να κάνει αντιγραφή - επικόλληση (copy - paste) μια δική μας ανάρτηση και να την παρουσιάσει στο δικό του blog ως δική του, να κλέψει με τον ίδιο τρόπο μια δική μας φωτογραφία που έχουμε αναρτήσει ή να πάρει μια φωτογραφία που να δείχνει πρόσωπα και να τα κάνει φωτομοντάζ με άσχημα αποτελέσματα (έχει συμβεί πολλές φορές και εξακολουθεί να συμβαίνει). Υπάρχει τρόπος να απενεργοποιήσουμε το δεξί κλικ στο blog μας. Η διαδικασία είναι πάρα πολύ απλή.
Μπείτε στο λογαριασμό σας στο blogspot και από εκεί πάμε πανόπτης, διάταξη και προσθήκη gadget. Από το παράθυρο που ανοίγει διαλέγουμε HTML/JavaScript και κάνουμε αντιγραφή - επικόλληση τον παρακάτω κώδικα:

<script language="JavaScript">
<!--

//Disable right mouse click Script

var message="Function Disabled!";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>

Πατήστε αποθήκευση (save) και αυτό ήταν. Αν μπείτε στο blog σας θα δείτε ότι παρόλο που κάναμε προσθήκη gadget δε φαίνεται τίποτα να έχει αλλάξει. Αν πάτε να κάνετε δεξί κλικ όμως θα δείτε ένα παραθυράκι που να έχει το μύνημα: "Function Disabled!".
Αν θέλετε μπορείτε να αλλάξετε το μύνημα και να βάλετε κάτι δικό σας. Αρκεί να βρείτε στον παραπάνω κώδικα τη γραμμή που λέει:

var message="Function Disabled!";

Σβήστε το Function Disabled και μέσα στα εισαγωγικά βάλτε το δικό σας μύνημα. Καλή επιτυχία!!!
UPDATE: Ο κώδικας παρουσίαζε κάποιο πρόβλημα αλλά τον διόρθωσα. Ζητώ συγνώμη για την αναστάτωση.

Δευτέρα 9 Φεβρουαρίου 2009

WEB TV ΚΑΙ ΤΑ ΠΑΝΤΑ ΓΙΑ ΤΗ ΜΟΥΣΙΚΗ

Λόγω πίεσης χρόνου δεν προλαβαίνω να αναρτήσω κάποιο κολπάκι αλλά δε θα σας αφήσω έτσι. Όλου του κόσμου μουσικόφιλοι ενωθείτε και επισκευτείτε το Moshable.com.
Στα δεξιά θα δείτε μια ενότητα που λέγεται Moshable Sites και θα εκπλαγείτε. Βρείτε videos και κατεβάστε mp3 γρήγορα και δωρεάν από servers και όχι peer2peer ή κάντε τα προσθήκη στο blogspot με ένα κουμπί.
Όσοι ασχολείστε παραπάνω με τη μουσική και είστε μουσικοί μπορείτε να βρείτε στο Moshable παρτιτούρες, ταμπλατούρες και στίχους για να τα μάθετε και να τα διασκευάσετε.
Εννοείται ότι θα βρείτε φωτογραφίες, νέα και διάφορες περιοδίες και συναυλίες ανά τον κόσμο.

Άλλο ένα website που θα σας προτείνω είναι το glomera. Αν και βρίσκεται ακόμα σε beta έκδοση αφήνει καλές εντυπώσεις. Δημιουργείστε ένα λογαριασμό και φτιάξτε τη δική σας webTV. Υποστηρίζει live stream και έχετε τη δυνατότητα να προγραμματίσετε τις εκπομπές σας. Σίγουρα για ένα καλό αποτέλεσμα χρειάζεται φαντασία, μεράκι και χρόνος αν θέλετε να δημιουργείσετε τα δικά σας video. Καλή ενασχόληση λοιπόν!

Σάββατο 7 Φεβρουαρίου 2009

ΚΡΥΦΗ ΜΟΥΣΙΚΗ ΚΑΙ 3D ΕΠΙΦΑΝΕΙΑ ΕΡΓΑΣΙΑΣ

Σήμερα θα σας δείξω ένα μυστικό των windows και πως μπορούμε να έχουμε μια 3D (τρισδιάστατη) επιφάνεια εργασίας όπως τα Vista (αυτό απευθύνεται σε χρήστες που δεν έχουν Vista).
Το ξέρετε ότι τα windows έχουνε κρυμμένη μουσική; Τι εννοώ; Πάτε έναρξη (start), εκτέλεση (run) και μέσα στο πλαίσιο αναζήτησης κάντε αντιγραφή - επικόλληση (copy - paste) την παρακάτω διαδρομή:

c:/windows/system32/oobe/images/title.wma

Πατήστε enter και θα δείτε... ή μάλλον θα ακούσετε.
Σίγουρα πολλοί που έχουν windows XP στο pc τους ζηλεύουν την τρισδιάστατη επιφάνεια εργασίας των Vista. Υπάρχει τρόπος (και μάλιστα ανέξοδος) να κάνετε και εσείς που έχετε windows XP την επιφάνεια εργασίας σας τρισδιάστατη. Πάτε στη μπάρα διευθύνσεων του browser και μεταβείτε στην παρακάτω διεύθυνση: http://davc73.free.fr/madotate. Θα βρεθείτε μπροστά από το παρακάτω screenshot:
Όπως βλέπετε υπάρχει ένα αρχείο .zip. Κάνετε κλικ και το εγκαθιστάτε όπως κάθε άλλο πρόγραμμα. Όταν τελειώσετε το αποτέλεσμα θα είναι σαν το παρακάτω screenshot:

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

Πέμπτη 5 Φεβρουαρίου 2009

FREE FONTS

Πολλοί είναι εκείνοι που δε συμβιβάζονται με τις προεγκατεστημένες γραμματοσειρές που έχουν οι υπολογιστές και θέλουν κάτι διαφορετικό για να ξεχωρίζουν. Τη λύση τη δίνει το 1001 FreeFonts.
Το site έχει πάρα πολλές κατηγορίες και η γραμματοσειρές υποστηρίζουν και Windows και Macintosh. Η διαδικασία είναι πάρα πολύ απλή.
Βρίσκετε τη γραμματοσειρά της αρεσκείας σας και κάνετε κλικ στο download ανάλογα με το σύστημα που έχετε. Το αρχείο θα κατέβει σε μορφή winRAR, οπότε καλό θα είναι να έχετε και το αντίστοιχο πρόγραμμα για να κάνετε την αποσυμπίεση αργότερα. Μπορείτε να το βρείτε εδώ. Στη συνέχεια το κάνετε αποσυμπίεση και πάτε: Πίνακας ελέγχου, Εμφάνιση και Θέματα και μετά στα δεξιά θα κάνετε κλικ στο Γραμματοσειρές και θα ανοίξει ο φάκελος όπου βρίσκονται οι γραμματοσειρές που υπάρχουν στον υπολογιστή σας και κάνετε αντιγραφή - επικόλληση το αρχείο που κατεβάσατε.
Αυτό ήταν, η καινούρια σας γραμματοσειρά είναι έτοιμη προς χρήση. Φυσικά μπορείτε να βάλετε με τον ίδιο τρόπο όσες γραμματοσειρές θέλετε.

Τρίτη 3 Φεβρουαρίου 2009

ΔΗΜΙΟΥΡΓΗΣΤΕ ΤΟ ΔΙΚΟ ΣΑΣ SOCIAL NETWORK

Σήμερα δε θα σας ζαλίσω με κώδικες και widgets. Θα σας προτείνω μια πλατφόρμα η οποία σας δίνει τη δυνατότητα να στήσετε δωρεάν όχι μόνο blog αλλά ολόκληρο social network. Ο λόγος γίνεται για το NING.
Eφόσον επισκευτείτε τη σελίδα θα πρέπει να δημιουργείσετε ένα λογαριασμό (account) και μετά ξεκινάτε να χτίζετε το δικό σας social network. Τα templates είναι τρίστηλα και το NING σας δίνει πολλές δυνατότητες. Έχει forum, υποστηρίζει ομάδες που δημιουργούνται από διάφορα μέλη, μπορείτε να έχετε μέλη εφόσον κάνουν registration κ.α. Το κάθε μέλος μπορεί να ανεβάζει videos, φωτογραφίες, να παίρνει μέρος στο forum, να δημοσιεύει αναρτήσεις ή να συνομιλεί με άλλους (chat) κ.α. Για να γίνει κάποιος μέλος χρησιμοποιείται η μέθοδος της λεκτικής επαλήθευσης (έτσι αποφεύγονται τα bots και τα spam).
Έχω κάνει ένα δείγμα στα γρήγορα για να δείτε περίπου πως είναι. Κάντε κλικ εδώ. Όποιος δεν είναι ικανοποιημένος από τo blogging και θέλει κάτι περισσότερο το NING είναι μία πάρα πολύ καλή λύση. Το καλό είναι ότι υποστηρίζει την ελληνική γλώσσα.

Δευτέρα 2 Φεβρουαρίου 2009

ΠΡΟΣΘΗΚΗ ADMIN CONTROL PANEL ΣΤΟ TEMPLATE

Καλό μήνα σε όλους και σε όλες. Πως θα σας φαινόταν αν είχατε ένα control panel στο blog σας το οποίο θα είναι ορατό μόνο σε εσάς όταν κάνετε login και όταν κάνετε logout αυτό να είναι αόρατο; Ποια η χρησιμότητα του; Μα φυσικά να έχετε τον έλεγχο του blog σας πιο άμεσα και να ολοκληρώνετε τις δουλειές σας γρηγορότερα. Με ένα κλικ θα μπορείτε να γράφετε ανάρτηση, να πειράζετε τον κώδικα και ότι άλλο θέλετε. Το admin control panel θα εμφανίζεται στο blog σας πάνω δεξιά μόνο όταν έχετε μπει στο λογαριασμό σας.
Πάμε πανόπτης, διάταξη και επεξεργασία HTML. Παίρνουμε ένα αντίγραφο ασφαλείας (back up) και με το Ctrl+F βρίσκουμε το παρακάτω κομμάτι κώδικα:

<b:section class='sidebar' id='sidebar' preferred='yes'>

Ακριβώς πάνω από αυτή τη γραμμή κώδικα κάνουμε αντιγραφή - επικόλληση (copy - paste) τον παρακάτω κώδικα:

<span class='item-control blog-admin'> <h2>Admin Control Panel</h2> <a href='http://www.blogger.com/post-create.g?blogID=BlogIdNumber'>New Post</a> | <a href='http://draft.blogger.com/blog-options-basic.g?blogID=BlogIdNumber'>Settings</a> | <a href='http://www.blogger.com/rearrange?blogID=BlogIdNumber'>Change Layout</a> | <a href='http://www.blogger.com/html?blogID=BlogIdNumber'>Edit HTML</a> | <a href='http://www.blogger.com/moderate-comment.g?blogID=BlogIdNumber'>Moderate Comments</a> | <a href='http://www.blogger.com/logout.g'>Sign Out</a> </span>

Στον κώδικα που μόλις κάναμε επικόλληση πρέπει να αντικαταστήσουμε όπου λέει BlogIdNumber με τον μοναδικό αριθμό του blog σας ο οποίος ονομάζεται BlogID και τον βρίσκουμε πολύ εύκολα αρκεί να είμαστε μέσα στον blogspot λογαριασμό μας (δηλαδή να έχουμε κάνει login) και να δούμε τη μπάρα διευθύνσεων. Έιναι ο αριθμός μετά το blogID=. Δείτε το παρακάτω screenshot:

Μόλις τελειώσετε με την τοποθέτηση του blogID πατήστε αποθήκευση (save). Το admin control panel δεν είναι ορατό στην προεπισκόπηση. Μπήτε μέσα στο blog σας χωρίς να αποσυνδεθείτε από το blogspot και θα δείτε πάνω δεξιά το admin control panel που θα μοιάζει σαν το παρακάτω screenshot:

Αν αποσυνδεθείτε από τον λογαριασμό σας και ξαναπάτε στο blog σας θα δείτε ότι το admin control panel δεν εμφανίζεται. Με λίγα λόγια πρόσβαση σ' αυτό έχει μόνο ο ιδιοκτήτης του blog όταν έχει κάνει login. Καλή επιτυχία.
back to top