Κυριακή 28 Ιουνίου 2009

ΦΟΡΜΑ ΑΠΟΣΤΟΛΗΣ EMAIL

Καλημέρα και καλή εβδομάδα. Για να είναι ένα web site ή ένα blog όσο το δυνατόν λειτουργικότερο για τους επισκέπτες πρέπει να διευκολύνουμε όσο μπορούμε περισσότερο τους τελευταίους. Μην ξεχνάτε ότι οι δυσαρεστημένοι επισκέπτες δύσκολα επιστρέφουν.
Πολλές φορές κάποιοι θέλουν να στείλουν email για απορίες και διευκρινήσεις αν ο χώρος που επισκέπτονται είναι εμπορικός ή αν είναι ένα θεματικό blog. Μπορείτε να έχετε ένα χώρο όπου θα υπάρχει μια φόρμα για να σας στέλνουν emails αντί να μπαίνουν στο λογαριασμό τους. Τι κερδίζει ο επισκέπτης από αυτό; Χρόνο.
Υπάρχει ένα καταπληκτικό web site το οποίο σας επιτρέπει να κάνετε ότι θέλετε. Ο λόγος γίνεται για το EmailMeForm.com. Το μόνο που πρέπει να κάνετε είναι να δημιουργήσετε ένα λογαριασμό. Μέσω ενός wizzard μπορείτε να σχεδιάσετε όπως θέλετε και πολύ γρήγορα μια φόρμα αποστολής email. Τα θετικά αυτού του site δε σταματάνε εδώ. Μας δίνει τη δυνατότητα αν δε θέλουμε να τοποθετήσουμε τη φόρμα στο blog ή στο web site που έχουμε, να μπορούμε να έχουμε δωρεάν φιλοξενία στους servers της εν λόγω εταιρίας. Επίσης μας δίνει και έναν κώδικα HTML αν θέλουμε να προσθέσουμε ένα link στο οποίο κάνοντας κλικ μεταφερόμαστε στη φόρμα υποβολής email ή να πάρουμε το κώδικα για να προσθέσουμε τη φόρμα στο ιστολόγιο μας ως widget.
Δοκιμάστε το και θα ενθουσιαστείτε. Καλή επιτυχία.

ΣΗΜΕΙΩΣΗ: Στην ανάρτηση της 25/5 (ΑΥΞΟΜΕΙΩΣΗ ΜΕΓΕΘΟΥΣ ΑΝΑΡΤΗΣΕΩΝ) έγινε ένα σημαντικό update.

Κυριακή 21 Ιουνίου 2009

ΠΡΟΣΘΗΚΗ ΣΤΟΙΧΕΙΩΝ GADGET

Καλησπέρα σε όλους και καλή εβδομάδα. Σήμερα θα δούμε πως μπορούμε να τοποθετήσουμε τρεις στήλες στο κάτω μέρος του blog μας, η μία δίπλα στην άλλη και στις οποίες μπορούμε να βάλουμε κώδικα (widgets), κείμενα, φωτογραφίες ή ότι άλλο θέλουμε. Να ζητήσω συγνώμη από το φίλο που ζήτησε το σχετικό θέμα για τη μικρή καθυστέρηση της ανάρτησης.
Μπαίνουμε στο λογαριασμό μας στο blogspot και από τον πανόπτη πάμε διάταξη και επεξεργασία HTML. Πριν κάνουμε οτιδήποτε παίρνουμε ένα αντίγραφο ασφαλείας (back up) του template μας. Μετά πατάμε Control και F (Ctrl+F) για να ανοίξει το ψαχτήρι στο κάτω μέρος του browser. Ψάχνουμε να βρούμε το κομμάτι του κώδικα :

<div id='footer-wrapper'> <b:section class='footer' id='footer'/> </div>

Μπορεί και να το βρούμε (συνήθως στα minima templates) και ως:

<div id='footer-wrapper'> <b:section class='footer' id='footer'> <b:widget id='HTML1' locked='false' title='' type='HTML'/> </b:section> </div>

Τα παραπάνω μέρη του κώδικα τα βρίσκουμε βάζοντας στο ψαχτήρι που ανοίξαμε προηγουμένως:

<div id='footer-wrapper'>

Αυτό που είναι με κόκκινο χρώμα το αντικαθιστούμε με τον παρακάτω κώδικα:

<div id='footer-column-container'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>


Πατάμε προεπισκόπηση και αν δε βγει κανένα μύνημα λάθους πατάμε αποθήκευση (save). Μετά πάμε να βρούμε με το ψαχτήρι μας το κομμάτι του κώδικα:

]]></b:skin>


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

#footer-column-container {
clear:both;
}

.footer-column {
padding: 10px;
}


Πατήστε αποθήκευση (save). Πάτε τώρα στη διάταξη και θα δείτε αυτό που δείχνει και το παρακάτω screenshot (κλικ στην εικόνα για μεγέθυνση).

Όπως ανέφερα και στην αρχή αυτής της ανάρτησης μπορείτε να βάλετε ότι θέλετε. Διαφημίσεις, λίστα πρόσφατων σχολίων, λίστα δημοφιλέστερων αναρτήσεων κ.α. Καλή επιτυχία.

Κυριακή 14 Ιουνίου 2009

ΑΝΤΙΜΕΤΩΠΙΣΗ ΕΝΟΣ MALWARE

Με αφορμή ένα σχόλιο του Locus Publicus (μπορείτε να δείτε τα blogs του εδώ και εδώ) και την προτροπή του, ακολουθεί το θέμα της σημερινής ανάρτησης το οποίο είναι σχετικό με ένα malware. Πιο συγκεκριμένα με το Websafetynetwork.com.
Να εξηγήσουμε όμως τι είναι malware. Malware είναι ένα είδος επικίνδυνου ιού ο οποίος εγκαθίσταται στον υπολογιστή και για να βγει ζητείται να καταβληθεί από τον ιδιοκτήτη του pc ένα ποσό για την αγορά του προγράμματος που θα απεγκαταστήσει τον ιό. Μιλάμε για καθαρό εκβιασμό. Ένας ιός μεταδίδεται όχι μόνο από αμφίβολα web sites αλλά και από emails τα οποία πρέρχονται από άγνωστους αποστολείς. Η μεγαλύτερη ασφάλεια προέρχεται από τον ανθρώπινο παράγοντα. Όσο πιο προσεκτικοί είμαστε τόσο πιο ασφαλείς είμαστε.
Λύση υπάρχει και δεν πρέπει να ενδίδει κανένας σε αυτούς τους εκβιασμούς. Αν ενδίδουν οι χρήστες τότε τα malwares θα συνεχίσουν να υπάρχουν και θα αυξάνονται. Μία λύση για το συγκεκριμένο ιό (Websafetynetwork.com) είναι η χειροκίνητη, η οποία είναι χρονοβόρα και θέλει πολύ προσοχή γιατί πρέπει να γίνει επέμβαση στη registry (μητρώο) και να αφαιρεθούν πολλά αρχεία. Η άλλη είναι με την εγκατάσταση ενός προγράμματος, το οποίο κάνει την απεγκατάσταση παιχνιδάκι.
Για να δείτε ποια αρχεία πρέπει να αφαιρέσετε χειροκίνητα κάντε κλικ εδώ ενώ στο κάτω μέρος της ίδιας σελίδας έχει ένα link για να κατεβάσετε το πρόγραμμα που αφαιρεί το κακόβουλο λογισμικό.

Κυριακή 7 Ιουνίου 2009

ΦΩΤΟΓΡΑΦΙΕΣ ΓΙΑ BACKGROUND ΣΤΟ BLOG

Καλημέρα και καλή εβδομάδα. Σήμερα θα δούμε πως μπορούμε να κάνουμε προσθήκη μια εικόνας που θέλουμε στο blog μας ως background.
Σαν πρώτο βήμα είναι να βρείτε μια εικόνα της αρεσκείας σας και να τη σηκώσετε στο internet. Υπάρχουν πολλά sites που μπορείτε να το κάνετε αυτό. Για παράδειγμα το γνωστά σε όλους μας Photobucket και Flickr αλλά και πολλά άλλα.
Πάντα πριν κάνουμε οτιδήποτε παίρνουμε ένα αντίγραφο ασφαλείας (back up) του κώδικα μας. Μετά από τον πανόπτη πάμε διάταξη και επεξεργασία HTML. Πατώντας το Ctrl + F ανοίγει στο κάτω μέρος του browser ένα ψαχτήρι. Με αντιγραφή και επικόλληση (copy - paste) μέσα στο ψαχτήρι του παρακάτω κώδικα:

body { background:$bgcolor;

μπορούμε να βρούμε εύκολα σε πιο σημείο του κώδικα του template βρίσκεται αυτό το κομμάτι. Αμέσως μετά το παρακάτω κομμάτι κώδικα:

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

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

body {
background-color:#B38481;
background-image: url(your image 's adress);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;


ή αν προτιμάτε τον κώδικα σε μια γραμμή:

body {
background:#B38481 url(
your image 's adress) no-repeat center center fixed;

Όπου υπάρχει κόκκινο χρώμα πρέπει να αντικατασταθεί με τη διεύθυνση όπου βρίσκεται η εικόνα που θέλετε να βάλετε. Οι παρενθέσεις παραμένουν.
Στον παραπάνω κώδικα που προσθέσαμε μπορούμε να πειράξουμε τις τιμές. Για παράδειγμα στο background-color μπορούμε να βάλουμε όποιο χρώμα θέλουμε με έναν color generator ή μέσα από το blogspot, μια διαδικασία που την ανάρτησα στο παρελθόν και μπορείτε να τη δείτε κάνοντας κλικ εδώ.
Στο background-repeat αν βάλουμε repeat αντί του no-repeat η εικόνα που βάλαμε θα επαναλαμβάνεται.
Στο background-position μπορούμε να καθορίσουμε για το σημείο όπου θα εμφανίζεται η εικόνα. Οι τιμές που μπορούμε να βάλουμε είναι οι παρακάτω: top left, top center, top right, center left, center center, center right, bottom left, bottom center, bottom right (πάνω αριστερά, πάνω κέντρο, πάνω δεξιά κ.ο.κ.).
Στο background-attachment αν έχουμε την τιμή fixed τότε η εικόνα παραμένει σταθερή και γίνεται κύλιση (scroll) μόnο στο κείμενο και στα υπόλοιπα (widgets κλπ.) Αν αντί για fixed βάλουμε default τότε η κύλιση κειμένου και εικόνας θα γίνεται ταυτόχρονα.
Θα πρέπει όμως σε όλα αυτά να συνυπολογίσουμε και το μέγεθος της εικόνας. Για να φτάσουμε σε ένα επιθυμητό αποτέλεσμα καλό θα είναι να έχουμε εγκατεστημένο πρόγραμμα επεξεργασίας στο pc μας. Το πιο γνωστό είναι το Photoshop αλλά υπάρχουν και πολλές δωρεάν λύσεις στο internet (κλικ). Με ένα τέτοιο πρόγραμμα μπορούμε να πειραματιστούμε στο μέγεθος της εικόνας που θα βάλουμε ως background στο blog μας.
Όταν τελειώσουμε απ' όλα θα πρέπει να πάμε από τον πανόπτη στη διάταξη και από εκεί γραμματοσειρές και χρώματα για να κάνουμε όποιες αλλάγές θέλουμε έτσι ώστε τα κείμενα μας και οτιδήποτε άλλο αναγράφεται στο blog μας να είναι ευανάγνωστα. Πολλές φορές τα χρώματα από τις εικόνες που είναι background δυσκολεύουν την ανάγνωση των κειμένων και αυτό είναι αρνητικό ως προς την επισκεψιμότητα του ιστολογίου μας. Θα πρέπει να είμαστε πολύ προσεκτικοί ως προς την επιλογή της εικόνας από άποψη σύνθεσης αυτής, χρώματα που διαθέτει και σχέδια για να μην μετατραπεί σε αρνητικό στοιχείο.
Ελπίζω να σας βοήθησα. Έφτιαξα ένα δοκιμαστικό blog για να δείτε περίπου πως είναι. Απλά κάντε κλικ εδώ.
back to top