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

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

ΠΡΟΣΘΗΚΗ 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. Καλή επιτυχία.

ΚΑΝΤΕ HACKING ΣΕ WEBSITES

Σήμερα θα δούμε πως μπορούμε να πειράξουμε όποια ιστοσελίδα θέλουμε. Να ξεκαθαρίσω ότι αυτό είναι ένα είδος hacking αλλά όχι τέτοιο που να καταστρέφει websites και blogs άλλων. Αυτό δεν πρόκειται να το δείξω γιατί υπάρχουν πολύ κακοπροαίρετοι εκεί έξω. Αυτό το trick είναι για διασκέδαση. Να ξεκαθαρίσουμε κάτι: ένας hacker ποτέ δεν προκαλεί ζημιά. Αυτές τις δουλειές τις κάνουν οι crackers.
Ανοίξτε το browser (προτείνω τον firefox) και στη μπάρα διευθύνσεων βάλτε τη διεύθυνση που θέλετε και πατήστε enter. Εφόσον φορτώσει η σελίδα διαγράψτε τη διεύθυνση από τη μπάρα διευθύνσεων και κάντε αντιγραφή - επικόλληση (copy - paste) σ' αυτήν το παρακάτω JavaScript και πατήστε εnter:

javascript:document.body.contentEditable='true'; document.designMode= 'on' ; void 0

Με την πρώτη ματιά δεν άλλαξε τίποτα αλλά αν κάνετε κλικ πάνω σε μια φωτογραφία θα δείτε ότι μπορείτε να τη μεγαλώσετε, να τη μικρύνετε, να τη σύρετε ή να τη σβήσετε. Αν κάνετε κλικ σε ένα κείμενο θα δείτε ότι μπορείτε να σβήσετε το κείμενο ή να το αλλάξετε (και θα έχει την ίδια γραμματοσειρά). Όταν τελειώσετε πάτε στη μπάρα διεθύνσεων σβήστε το σκριπτάκι και βάλτε τη διεύθυνση του website αλλά μην πατήσετε enter. Τώρα με ένα πρόγραμμα που μπορείτε να πάρετε screenshots από την οθόνη σας αποθανατίστε το δημιούργημα σας. Τέτοια προγράμματα υπάρχουν άφθονα στο internet. Ένα καλό πρόγραμμα είναι το ScreenHunter. Αν θέλετε μπορείτε να το αποθηκεύσετε. Πάτε αρχείο, αποθήκευση ως, δώστε όνομα και κάντε το save σαν πλήρη ιστοσελίδα. Φυσικά το παρακάτω γίνεται και με Photoshop το οποίο όμως θέλει χρόνο υπομονή και γνώσεις. Κάτω σας έχω ένα παράδειγμα. Κάντε διπλό κλικ για να δείτε την εικόνα και διβάστε την προσεκτικά. Καλή διασκέδαση!

Νιώσατε λίγο hackers? ;-D