Blogger Tips – Tricks – Gadgets – Templates – Hacks

Ποιοι είναι οι Anonymous;



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Αν και έγιναν γνωστοί για τις δεξιότητες τους στο hacking και στο πως να διεισδύουν στα πλέον γνωστά και μεγάλα sites του Internet, οι Anonymous φαίνεται να πρεσβεύουν κάτι περισσότερο από αυτό.



Τα μέλη των Anonymous πίσω από τις μάσκες του Guy Fawkes (από το βιβλίο κόμικ του Άλαν Μούρ, V for Vendetta) μπορεί να είναι “οποιοσδήποτε από εμάς, και όλοι εμείς μαζί” λένε. “Είμαστε “ανώνυμοι”, δεν έχουμε πρόσωπο και υπακούμε μόνο στους φυσικούς νόμους” συμπληρώνουν.



Η αμφιλεγγόμενη για πολλούς ομάδα (“collective” ή κολεκτίβα όπως λένε οι ίδιοι) έχει χαρακτηριστεί από τον τύπο ως “ακτιβιστές χάκερς” (hacktivists), “οι εκδικητές του web” ή απλώς ως “internet gathering”. Και είναι πολλοί, πάρα πολλοί.



Αν και μερικές φορές οι επιθέσεις σε διάφορα sites είναι ολιγάριθμες, κάποιες φορές επιτίθενται κατά χιλιάδες όπως συμβαίνει και τώρα που διαβάζετε αυτές τις γραμμές. Από τις 18 Ιανουαρίου έως στις 24 Ιανουαρίου του 2012 έχουν “ξεσηκώσει” κυριολεκτικά το Internet. Το “online κίνημα” των Anοnymous όμως λέγεται πως ξεπερνάει το ένα εκατομμύριο άτομα! Επιπλέον η σχέση τους με το κίνημα “Occupy Wall Street” πρέπει να θεωρείται δεδομένη.



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




Το σλόγκαν τους, το οποίο αποκλείεται να μην έχετε ακούσει σε κάποιο από τα εκατοντάδες video που έχουν κυκλοφορήσει στο Internet και ειδικά στο YouTube και το οποίο χαρακτηρίζει τόσο τους ίδιους όσο και τις πράξεις τους είναι το: “We are Anonymous. We are legion. We do not forgive. We do not forget. Expect us”.




Οι “Ανώνυμοι” δεν δέχονται κάποιο χαρακτηρισμό και δεν χρησιμοποιούν ονόματα. Η ονομασία ωστόσο Anonymous φαίνεται να είναι εμπνευσμένη από την κουλτούρα του διαδικτύου, όπου κάποιος μπορεί να σχολιάσει ή να αναρτήσει μία ιδέα ή μια φωτογραφία ανώνυμα στο Internet. Η χρήση της ονομασίας Anonymous ξεκίνησε στα imageboards σαν το 4chan.org όπου αρκετοί χρήστες σχολίαζαν ως ανώνυμοι. Μάλιστα αρκετοί άρχισαν να αστειεύονται με τον χαρακτηρισμό “Anonymous” που συνόδευαν τα σχόλια, παριστάνοντας ότι απευθύνονται σε κάποιο πραγματικό πρόσωπο που έχει αυτή την ονομασία. Και έτσι ξεκίνησε. Δεδομένου ότι η δημοτικότητα των imageboards όπως το 4chan.org αυξήθηκε, η ιδέα των Anonymous ως μία ομάδα ανώνυμων ατόμων με κοινή διαδικτυακή ταυτότητα, ως μία δηλαδή ψηφιακή οντότητα, μετατράπηκε σε Internet meme.



Το video παρακάτω αποκαλύπτει στοιχεία για την “ταυτότητα” των Anonymous από ένα ντοκυμανταίρ που γυρίστηκε πρόσφατα για το κίνημα τους με τον τίτλο “We Are Legion” σε σκηνοθεσία Brian Knappenberger .







Ταυτότητα…



Αλλά ας ξεκινήσουμε από την αρχή… Οι ρίζες των Anonymous ξεκινούν από το 2003 όταν εμφανίστηκαν στο γνωστό site 4chan, αντιπροσωπεύοντας την ιδέα μίας μαζικής online κοινότητας χρηστών που θα αποτελούσαν ταυτόχρονα ένα παγκόσμιο ψηφιακό εγκέφαλο. Ρίζες επίσης των Anonymous μας πηγαίνουν πίσω στο χρόνο, πριν το 4chan.org, στα ακτιβιστικά χάκερ γκρουπ των Cult of the Dead Cow και Electronic Disturbance Theater ενώ ορισμένοι ισχυρίζονται ότι είχαν στενούς δεσμούς με την ομάδα χάκερς LulzSec, αν και το αρνούνται αφού οι περισσότεροι αυτοχαρακτηρίζονται ως AntiSec.




Υπάρχουν “αναρχικά” στοιχεία στην “ταυτότητα” τους, αναμφισβήτητα, γεγονός που έχει προκαλέσει κριτική, αμφισβήτηση και διαμάχες στο Internet σχετικά με τους σκοπούς και τις προθέσεις αυτής της “συλλογικής οντότητας”. Οι Anonymous έδειξαν σχεδόν από το ξεκίνημα της ύπαρξης τους, ως σύνολο, ότι θα σχετίζονται με την διαδικτυακή ακτιβιστική δράση, την οργάνωση διαμαρτυριών, online και μη προωθώντας τo ελεύθερο Internet, την ελευθερία της έκφρασης, την ελευθερία του λόγου και κυρίως την ελευθερία της διακίνησης πληροφοριών στο Internet κ.α.



Το παρακάτω video αποκαλύπτει ως επί το πλείστον τον τρόπο που σκέφτονται και λειτουργούν οι “Anonymous”







Την ευθύνη διάφορων δράσεων (acts) που πιστώνονται στους “Anonymous” αναλαμβάνουν πολλές φορές άτομα άγνωστων στοιχείων που αυτοαποκαλούνται “ανώνυμοι” και αυτό είναι ένα σημείο που πρέπει να δώσουμε σημασία, με την έννοια ότι οι Anonymous προσφέρουν – χάρη στην ιδιότητα τους – άλλοθι σε διάφορα άτομα να επιδίδωνται σε εγκληματικές πράξεις με άλλοθι την ανωνυμία Είναι το τίμημα φαίνεται, για να αυτοαποκαλείται μία online ομάδα “Ανώνυμοι”, αφού ο οποιοσδήποτε μπορεί να κρυφτεί μέσα από την ανωνυμία που προσφέρει το ίδιο το διαδίκτυο.




Δεν θα βρείτε την ομάδα Anonymous κάπου στο Internet συγκεκριμένα πάντως, ωστόσο υπάρχουν πολλές ιστοσελίδες που σχετίζονται με την δράση τους. Μερικές από αυτές είναι το anonops.blogspot.com, 4chan.org, Anonnews.org, anonyops.com και άλλες ενώ δεν κρύψανε την συμπάθεια τους για το Wikileaks.



Σύμφωνα με την Wikipedia, “Οι Anonymous αντιπροσωπεύουν ευρέως την ιδέα οποιοσδήποτε και όλοι οι άνθρωποι μαζί να λειτουργούν ως μία ανώνυμη ομάδα. Χάρη στην ονομασία πολλαπλής χρήσης, τα άτομα που μοιράζονται το όνομα χρήστη”Anonymous” υιοθετoύν άμεσα μια κοινή διαδικτυακή ταυτότητα, η οποία χαρακτηρίζεται ως ηδονιστική και ανεμπόδιστη. Η συνειδητή υιοθέτηση της ονομασίας έχει και την σατιρική της πλευρά ως αποτέλεσμα του online disinhibition effect“.







Το γεγονός ότι οι Anonymous δεν έχουν κάποιον ως ηγέτη – αναμφισβήτητα υπάρχουν ορισμένοι με περισσότερο ενεργό ρόλο από άλλους, που σχεδιάζουν επιχειρήσεις, που δημιουργούν video ή βγάζουν ανακοινώσεις – δεν τους εμποδίζει από το να κερδίζουν μέλη καθημερινά σε ολόκληρο τον κόσμο. Η εισχώρηση στην συλλογική οντότητα των Anonymous δεν περιλαμβάνει κάποια… τελετουργία για να γίνει κάποιος Anonymous. Θα τους βρείτε στο Internet, σε φόρα, σε κοινωνικά δίκτυα ή ακόμα και στον δρόμο, όταν διαμαρτύρονται ενάντια στο 1%, όταν ξεχύνονται στους δρόμους φορώντας τις μάσκες του Guy Fawkes για να υποστηρίξουν το δικαίωμα της ελεύθερης έκφρασης, της ελεύθερης διακίνησης των πληροφοριών. Τους είδαμε μαζί με το κίνημα Occupy Wall Street να διαμαρτύρονται.



Για να… φτάσουν βεβαίως μέχρι τον δρόμο, προσπαθούν να κινητοποιήσουν τον κόσμο μέσα από video στο YouTube, μέσα από ιστοσελίδες όπως το 4chan, το Facebook, το Twitter, από κανάλια στο IRC και παλαιότερα από την Encyclopædia Dramatica κ.α.




Ενέργειες



Κατά καιρούς, οι Anonymous επιδίδονται σε μαζικές επιθέσεις hacking για να υπερασπιστούν τον σκοπό τους, τα δικαιώματα τους, όποια και αν είναι αυτά κάθε φορά. Στις τελευταίες επιθέσεις, από τις 18 Ιανουαρίου έως σήμερα, χρησιμοποιήθηκε κατά κόρον το LOIC (Low Orbit Ion Cannon) και μάλιστα ακόμα και javasript έκδοση του – με την βοήθεια του οποίου πραγματοποιούσαν DDoS (Denial Of Service) επιθέσεις σε κυβερνητικά sites με στόχο να τα ρίξουν. Είχαν όμως και βοήθεια από άλλες ομάδες hacker.



Πολλές εκατοντάδες sites “έπεσαν” και συνεχίζουν να “πέφτουν” από τα ψηφιακά πυρά τους ως αντίποινα για την υποστήριξη εταιρειών στα νομοσχέδια SOPA, PIPA και ACTA καθώς και για το “κλείσιμο” του megaupload.com. Αν και Anonymous, κατάφεραν να “φτιάξουν το όνομα τους” προκαλώντας με τον ένα ή με τον άλλο τρόπο, συγκεκριμένα πρόσωπα (όπως τον Justin Bieber, την Lady Gaga για την υποστήριξη τους στο SOPA κ.α.), τις “αστυνομικές αρχές” (από το FBI έως αστυνομικά τμήματα για τον ξυλοδαρμό του κινήματος Occupy Wall Street), υπουργεία δικαιοσύνης (όπως των ΗΠΑ) ακόμα και κυβερνήσεις διάφορων κρατών στον κόσμο (των ΗΠΑ, της Πολωνίας, της Βραζιλίας κ.α).



Από το 2010 έως σήμερα, έχουν γίνει περισσότερες από 60 συλλήψεις ατόμων, στην Τουρκία, στην Αυστραλία, στην Δανία, στις ΗΠΑ και στο Λονδίνο που οι αρχές υποστηρίζουν ότι ανήκουν στους Anonymous και ο Τύπος, εφημερίδες, κανάλια και ιστοσελίδες πρόσφεραν την απαραίτητη δημοσιότητα για να αποκτήσουν περισσότερη δημοτικότητα, έστω και αν οι Anonymous, όπως λένε, δεν την χρειάζονται και δεν την θέλουν.



Λίγη ιστορία



Μερικές από τις πολλές επιχειρήσεις των Anonymous είναι οι παρακάτω. Πλήρες χρονολόγιο των επιθέσεων θα βρείτε εδώ.



2003 – Από τα βάση του φόρουμ του 4chan.org, όπου συναντιόντουσαν οι λάτρεις των manga και των anime, σχηματίστηκε κατά πάσα πιθανότητα ο πυρήνας του “κινήματος”



2008 – Αυτή την χρονιά, μεταξύ άλλων διοργανώθηκε πορεία από Anonymous φορώντας μάσκες του Guy Fawkes προς την Εκκλησία της Σαϊεντολογίας ενώ άλλοι χτύπησαν την ιστοσελίδα της με επιθέσεις DDoS. Η ενέργεια ονομάστηκε Project Chanology και είχε σκοπό να ευαισθητοποιήσει τον κόσμο ώστε να μην ασπαστεί την αίρεση αλλά και για να μην διαγραφεί ένα video με τον Tom Cruise από την δημόσια θέα.



2009 – Στην Αυστραλία, η κυβέρνηση σε συννενόηση με τους παρόχους Internet (ISPs) σχεδιάζει να λογοκρίνει το Internet ενώ οι πάροχοι έχουν εντολές να παρακολουθούν τους χρήστες για τυχόν παραβάσεις του νόμου. Οι Anonymous ως αντίποινα επιτίθενται στην πρωθυπουργική ιστοσελίδα. Η ενέργεια είχε την ονομασία “Operation Didgeridie ή Operation Titstorm” επειδή λογοκρίθηκε μία φωτογραφία μίας μάνας με την κόρη της που είχαν ποζάρει γυμνόστηθες.



2009 – Σε αντίποινα για την διαγραφή διάφορων video με μουσική, που παραβίαζαν κατά το YouTube και τις δισκογραφικές εταιρείς πνευματικά δικαιώματα, οι Anonymous πλημμύρισαν του YouTube με πορνογραφικά video “μεταμφιεσμένα” σε οικογενειακά video. Η επιχείρηση ονομάστηκε Operation Porn Day.



2010 – Ο Julian Assange, βασικός εκπρόσωπος και συντάκτης των Wikileaks συννελήφθει από τις αρχές επειδή διέρρευσε διάφορα έγγραφα που δεν ήθελαν οι ΗΠΑ. Οι Anonymous κύρηξαν την έναρξη της “Operation Payback” (Operation Avenge Assange) και επιτέθηκαν μεταξύ άλλων σφοδρά και στο PayPal επειδή ανέστειλε τον λογαριασμό του WikiLeaks.



2011 – Αυτή την χρονιά έγιναν πολλά, αλλά ξεχωρίζουν μερικά. Ο τότε CEO της εταιρείας ασφάλειας HPGary, Aaron Barr, έφτασε κοντά υποτίθεται σε μερικά μέλη των Anonymous και από συνομιλίες του που διέρρευσαν στο Internet έγινε γνωστό ότι ήθελε να αποκαλύψει στις αρχές τις πραγματικές ταυτότητες ορισμένων μελών των Anonymous ή και να πουλήσει τα στοιχεία – όπως λένε οι Anonymous – στο FBI. Η HPGary δέχτηκε τρομερή επίθεση – Operation HPGary – από ιδιαίτερα δεξιοτέχνες hackers “κλέβοντας” και βγάζοντας σε κοινή θέα στοιχεία πολλών εργαζόμενων της εταιρείας. Ο Aaron Barr εξαναγκάστηκε σε παραίτηση μετά το συμβάν.



2011 – Οι Anonymous ανακοίνωσαν ότι θα επιτεθούν στην Sony (Operation Sony) επειδή η εταιρεία κινήθηκε δικαστικά εναντίον του George Hotz. Αν και αρνήθηκαν μέσω του AnonOps στην συνέχεια την συμμετοχή τους στην… αποδιοργάνωση του PlayStation Network, λέγεται ότι ένα άλλο group των Anonymous είχε την ευθύνη της επίθεσης.



2011 – Οι Anonymous πραγματοποιούν επίθεση σε διάφορες παράνομες ιστοσελίδες και darknets σε μία προσπάθεια να αντιμετωπίσουν την παιδική πορνογραφία. Η επιχείρηση έχει την ονομασία “Operation Darknet“. Επιπλέον την “έπεσαν” και σε ένα τηλεοπτικό σόου με κοριτσάκια, το Toddlers and Tiaras, τα οποία ωστόσο ντύνονται ως ενήλικες… γυναίκες από τις μαμάδες τους. Η επιχείριση ονομάστηκε “Operation Innocence“.



2011 – Οι Anonymous μαθαίνουν για τα νομοσχέδια SOPA και PIPA και προειδοποιούν το Κογκρέσο. Αργότερα, ανακοινώνουν την “Operation Blackout” και προειδοποιούν τους πολίτες των ΗΠΑ και εξηγούν τους λόγους για τους οποίους πρέπει να ανησυχούν για την ελευθερία τους. Από την άλλη, απειλούν την Sony για την υποστήριξη στο SOPA.



2012 – Οι Anonymous ανακοινώνουν την Operation Revenge για να εκδικηθούν για το κλείσιμο του file-sharing site, Megaupload.com. Εξαπολύουν τεράστια επίθεση κατά χιλιάδες και καταφέρνουν να “ρίξουν” πολλές κυβερνητικές ιστοσελίδες των Ηνωμένων Πολιτειών, της Βραζιλίας αλλά και της Πολωνίας επειδή υποστηρίζει το ACTA.



2012 – Η επιθέσεις γενικεύονται με τους Anonymous να ανακοινώνουν την αρχή του Πρώτου Παγκόσμιου Κυβερνοπόλεμου με χιλιάδες ακτιβιστές χάκερ να επιτίθενται μαζικά σε sites είτε χρησιμοποιώντας συντονισμένα το LOIC είτε ανεξάρτητα πραγματοποιώντας hacking σε πολλές ιστοσελίδες εταιρειών που υποστηρίζουν τα SOPA, PIPA, ACTA, για το κλείσιμο του Megaupload.com και κ.α.



Πολλές φορές έχουν διαψεύσει ενέργειες για πράξεις (όπως το πρόσφατο video που κυκλοφορησε στο YouTube για να αναγγείλει επίθεση στο Facebook και που προσφέρει ακόμα και LOIC ή HOIC εργαλεία κ.α.) και κινητοποιήσεις, αλλά αυτό είναι το τίμημα του να είναι κάποιος “ανώνυμος”.

Ανώνυμοι



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



Ένα από τα τελευταία video των Anonymous αφότου αποσύρθηκαν τα νομοσχέδια SOPA και PIPA







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















Πηγές: www.ghz.gr

http://akatapausto.blogspot.com/

Copyrights: /




Feed Subscription Page Peel Effect Add For Blogger (στη πανω δεξια γωνια)



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Από τα καλύτερα και αγαπημένα μου blogger hacks κι αυτό, που θέλω σήμερα να το μοιραστώ μαζί σας. Είναι ένα απίστευτα όμορφο blogger εφέ για το blog σας, που μπαίνει στην πάνω δεξιά γωνία του blog σας, ενώ αναδιπλώνει ανάλογα με τις κινήσεις του ποντικιού. Αυτό το add προοτρέπει τους επισκέπτες σας να εγγραφούν στο newletter σας στο feedburner.


ΣΗΜΑΝΤΙΚΟ: πρέπει να έχετε οπωσδήποτε λογαριασμό και newsletter στο feedburner μόνο! μην πανικοβάλεστε! δείτε το /2010/11/newsletter-how-to-add-feedburner-email.html κια φτιάξτε τώρα τον λογαριασμό σας!



Ακολουθήστε πιστά τα παρακάτω βήματα για να το εγκαταστήσετε στο blog σας:



1. Σύνδεση στον λογαριασμό μας από το blogger.com

2. Σχεδίαση> Επεξεργασία html

3. Με τη βοήθεια του ctrl+F βρείτε το </head> και επικολλήστε τον παρακάτω κωδικό αμέσως πάνω από το </head>


<style type=’text/css’>

img { behavior: url(iepngfix.htc) }

#pageflip {

position: relative;

right: 0; top: 0;

float: right;

}

#pageflip img {

width: 50px; height: 52px;

z-index: 99;

position: absolute;

right: 0; top: 0;

-ms-interpolation-mode: bicubic;

}

#pageflip .msg_block {

width: 50px; height: 50px;

overflow: hidden;

position: absolute;

right: 0; top: 0;

background: url(http://www.wallheaven.com/subscribe.png) no-repeat right top;

}

</style>



<script src=’http://code.jquery.com/jquery-latest.js’ type=’text/javascript’/>

<script type=’text/javascript’>

$(document).ready(function(){



//Page Flip on hover



$("#pageflip").hover(function() {

$("#pageflip img , .msg_block").stop()

.animate({

width: '307px',

height: '319px'

}, 500);

} , function() {

$("#pageflip img").stop()

.animate({

width: '50px',

height: '52px'

}, 220);

$(".msg_block").stop()

.animate({

width: '50px',

height: '50px'

}, 200);

});





});

</script>



To http://www.wallheaven.com/subscribe.png προτείνω να το αφήσετε όπως είναι αν δεν έχετε να βάλετε κάτι καλύτερο.



Εγω για μένα θα το άλλαζα με το http://i723.photobucket.com/albums/ww239/johnpatra/social%20networks/avoda0.png, τώρα εσείς δεν ξέρω αν έχετε κάτι τέτοιο :).



4. Τώρα βρείτε το <body> και επικολλήστε τον παρακάτω κωδικό αμέσως μετά από το <body>


<div id=’pageflip’>

<a href=’http://feeds.feedburner.com/Johnpatrablog‘><img alt=” src=’http://www.wallheaven.com/page_flip.png‘/></a>

<div class=’msg_block’></div>

</div>



Το Johnpatrablog στο http://feeds.feedburner.com/Johnpatrablog το αλλάζετε με τη διεύθυνση του δικού σας λογαριασμού στο feedburner. Πρέπει να βάλετε διεύθυνση μόνο από το feedburner αλλιώς δεν λειτουργεί! Και πρέπει να είναι της παραπάνω μορφής ΜΟΝΟ! Ουσιαστικά το μόνο που αλλάζετε είναι το Johnpatrablog.



Tο http://www.wallheaven.com/page_flip.png προτείνω να το αφήσετε όπως είναι αν δεν έχετε να βάλετε κάτι καλύτερο.



5. Αποθήκευση!





Αν σας άρεσε αφήστε ένα σχόλιο 🙂


Πηγές κωδικών: http://www.sohtanaka.com/,http://www.anshuldudeja.com/,http://www.cssreflex.com/
Copyrights: http://bloggertips.gr/




ΔΙΑΓΡΑΨΤΕ ΤΑ BLOGGER LINKS ΣΤΟ ΤΕΛΟΣ ΤΩΝ ΑΝΑΡΤΗΣΕΩΝ ΣΑΣ – Remove Older Post and Posts (Atom) Links



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Αν σας την σπάνε αυτά τα λινκς διαγράψτε τα!



Σύνδεση στον blogger account μας

Σχεδίαση

Επεξεργασία html

Με ctrl+F βρείτε τους παρακάτω μαύρους κωδικούς και προσθέστε τους κόκκινους κωδικούς:



Για το Νεότερη – Αρχική – Παλαιότερη:

#blog-pager-newer-link {

display: none;

}



#blog-pager-older-link {

display: none;

}



#blog-pager {

display: none;

}



Για το Εγγραφή σε: Αναρτήσεις(Atom):



.feed-links {

display: none;

}



Αν σου άρεσε αυτό το hack, δημοσίευσέ το στο Facebook!

Σε ευχαριστώ για την υποστήριξή σου!




Αυτόματα tabs στη blog sidebar (SUPER BLOG HACK)



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Βλέπετε πάνω δεξιά που έχω κάτι tabs που έχω βάλει σε αυτα τα popular posts, τις ετικέτες και το αρχείο? Θέλετε να το κάνετε κι εσείς στο blog σας? Είναι αυτόματα tabs! Δείτε παρακάτω πως τα βάζουμε!!! Είναι από τα καλύτερα blog hacks ever!



Ακολουθήστε τα παρακάτω βήματα:



1. Σύνδεση στον blogger λογαριασμό σας

2. Σχεδίαση

3. Επεξεργασία html

4. Επέκταση προτύπων γραφικών στοιχείων

5. Με ctrl+F βρείτε το </head> και από πάνω του, επικολλήστε το παρακάτω:


<script type=’text/javascript’>

//<![CDATA[

document.write(‘<style type=”text/css”>.tabber{display:none;}</style>’);

function tabberObj(argsObj)

{

var arg;

this.div = null;

this.classMain = “tabber”;

this.classMainLive = “tabberlive”;

this.classTab = “tabbertab”;

this.classTabDefault = “tabbertabdefault”;

this.classNav = “tabbernav”;

this.classTabHide = “tabbertabhide”;

this.classNavActive = “tabberactive”;

this.titleElements = [‘h2′,’h3′,’h4′,’h5′,’h6’];

this.titleElementsStripHTML = true;

this.removeTitle = true;

this.addLinkId = false;

this.linkIdFormat = ‘<tabberid>nav<tabnumberone>’;

for (arg in argsObj) { this[arg] = argsObj[arg]; }

this.REclassMain = new RegExp(‘\b’ + this.classMain + ‘\b’, ‘gi’);

this.REclassMainLive = new RegExp(‘\b’ + this.classMainLive + ‘\b’, ‘gi’);

this.REclassTab = new RegExp(‘\b’ + this.classTab + ‘\b’, ‘gi’);

this.REclassTabDefault = new RegExp(‘\b’ + this.classTabDefault + ‘\b’, ‘gi’);

this.REclassTabHide = new RegExp(‘\b’ + this.classTabHide + ‘\b’, ‘gi’);

this.tabs = new Array();

if (this.div) {

this.init(this.div);

this.div = null;

}

}

tabberObj.prototype.init = function(e)

{

var

childNodes,

i, i2,

t,

defaultTab=0,

DOM_ul,

DOM_li,

DOM_a,

aId,

headingElement;

if (!document.getElementsByTagName) { return false; }

if (e.id) {

this.id = e.id;

}

this.tabs.length = 0;

childNodes = e.childNodes;

for(i=0; i < childNodes.length; i++) {

if(childNodes[i].className &&

childNodes[i].className.match(this.REclassTab)) {

t = new Object();

t.div = childNodes[i];

this.tabs[this.tabs.length] = t;

if (childNodes[i].className.match(this.REclassTabDefault)) {

defaultTab = this.tabs.length-1;

}

}

}

DOM_ul = document.createElement(“ul”);

DOM_ul.className = this.classNav;

for (i=0; i < this.tabs.length; i++) {

t = this.tabs[i];

t.headingText = t.div.title;

if (this.removeTitle) { t.div.title = ”; }

if (!t.headingText) {

for (i2=0; i2<this.titleElements.length; i2++) {

headingElement = t.div.getElementsByTagName(this.titleElements[i2])[0];

if (headingElement) {

t.headingText = headingElement.innerHTML;

if (this.titleElementsStripHTML) {

t.headingText.replace(/<br>/gi,” “);

t.headingText = t.headingText.replace(/<[^>]+>/g,””);

}

break;

}

}

}

if (!t.headingText) {

t.headingText = i + 1;

}

DOM_li = document.createElement(“li”);

t.li = DOM_li;

DOM_a = document.createElement(“a”);

DOM_a.appendChild(document.createTextNode(t.headingText));

DOM_a.href = “javascript:void(null);”;

DOM_a.title = t.headingText;

DOM_a.onclick = this.navClick;

DOM_a.tabber = this;

DOM_a.tabberIndex = i;

if (this.addLinkId && this.linkIdFormat) {

aId = this.linkIdFormat;

aId = aId.replace(/<tabberid>/gi, this.id);

aId = aId.replace(/<tabnumberzero>/gi, i);

aId = aId.replace(/<tabnumberone>/gi, i+1);

aId = aId.replace(/<tabtitle>/gi, t.headingText.replace(/[^a-zA-Z0-9-]/gi, ”));

DOM_a.id = aId;

}

DOM_li.appendChild(DOM_a);

DOM_ul.appendChild(DOM_li);

}

e.insertBefore(DOM_ul, e.firstChild);

e.className = e.className.replace(this.REclassMain, this.classMainLive);

this.tabShow(defaultTab);

if (typeof this.onLoad == ‘function’) {

this.onLoad({tabber:this});

}

return this;

};

tabberObj.prototype.navClick = function(event)

{

var

rVal,

a,

self,

tabberIndex,

onClickArgs;

a = this;

if (!a.tabber) { return false; }

self = a.tabber;

tabberIndex = a.tabberIndex;

a.blur();

if (typeof self.onClick == ‘function’) {

onClickArgs = {‘tabber’:self, ‘index’:tabberIndex, ‘event’:event};

/* IE uses a different way to access the event object */

if (!event) { onClickArgs.event = window.event; }

rVal = self.onClick(onClickArgs);

if (rVal === false) { return false; }

}

self.tabShow(tabberIndex);

return false;

};

tabberObj.prototype.tabHideAll = function()

{

var i;

for (i = 0; i < this.tabs.length; i++) {

this.tabHide(i);

}

};

tabberObj.prototype.tabHide = function(tabberIndex)

{

var div;

if (!this.tabs[tabberIndex]) { return false; }

div = this.tabs[tabberIndex].div;

if (!div.className.match(this.REclassTabHide)) {

div.className += ‘ ‘ + this.classTabHide;

}

this.navClearActive(tabberIndex);

return this;

};

tabberObj.prototype.tabShow = function(tabberIndex)

{

var div;

if (!this.tabs[tabberIndex]) { return false; }

this.tabHideAll();

div = this.tabs[tabberIndex].div;

div.className = div.className.replace(this.REclassTabHide, ”);

this.navSetActive(tabberIndex);

if (typeof this.onTabDisplay == ‘function’) {

this.onTabDisplay({‘tabber’:this, ‘index’:tabberIndex});

}

return this;

};

tabberObj.prototype.navSetActive = function(tabberIndex)

{

this.tabs[tabberIndex].li.className = this.classNavActive;

return this;

};

tabberObj.prototype.navClearActive = function(tabberIndex)

{

this.tabs[tabberIndex].li.className = ”;

return this;

};

function tabberAutomatic(tabberArgs)

{

var

tempObj,

divs,

i;

if (!tabberArgs) { tabberArgs = {}; }

tempObj = new tabberObj(tabberArgs);

divs = document.getElementsByTagName(“div”);

for (i=0; i < divs.length; i++) {

if (divs[i].className &&

divs[i].className.match(tempObj.REclassMain)) {

tabberArgs.div = divs[i];

divs[i].tabber = new tabberObj(tabberArgs);

}

}

return this;

}

function tabberAutomaticOnLoad(tabberArgs)

{

var oldOnLoad;

if (!tabberArgs) { tabberArgs = {}; }

oldOnLoad = window.onload;

if (typeof window.onload != ‘function’) {

window.onload = function() {

tabberAutomatic(tabberArgs);

};

} else {

window.onload = function() {

oldOnLoad();

tabberAutomatic(tabberArgs);

};

}

}

/* Run tabberAutomaticOnload() unless the “manualStartup” option was specified */

if (typeof tabberOptions == ‘undefined’) {

tabberAutomaticOnLoad();

} else {

if (!tabberOptions[‘manualStartup’]) {

tabberAutomaticOnLoad(tabberOptions);

}

}

//]]>

</script>



6. Τώρα βρείτε το ]]></b:skin> και από πάνω επικολλήστε το παρακάτω:


/*– tabbed section starts — */

.tabberlive{

margin:0;

padding:5px;

clear:both;

background:$tbbxbgcolor;

border:1px solid $tbbxbrcolor;

}

.tabbernav {

margin:0;

padding: 3px 0;

border-bottom: 1px solid $tbbxbrcolor;

font-family:Arial,Helvetica,sans-serif;

font-size:12px;

font-weight:bold;

}

.tabbernav li {

list-style:none;

margin:0;

display:inline;

}

.tabbernav li a {

padding:3px 0.5em;

margin-right:1px;

border:1px solid $tbbxbrcolor;

border-bottom:none;

background:$tbbxcolor2;

text-decoration:none;

color:$tbbxcolor1;

}

.tabbernav li a:hover {

color:$tbbxcolor2;

background:$tbbxcolor1;

border-color:$tbbxbrcolor;

text-decoration:none;

}

.tabbernav li.tabberactive a,

.tabbernav li.tabberactive a:hover {

background:$tbbxcolor1;

color:$tbbxcolor2;

border-bottom: 1px solid $tbbxcolor1;

}

.tabberlive .tabbertab {

padding:5px;

border:1px solid $tbbxbrcolor;

border-top:0;

background:$tbbxcolor1;

}

.tabberlive .tabbertab h2,

.tabberlive .tabbertabhide {

display:none;

}

.tabbertab .widget-content ul{

list-style:none;

margin:0 0 10px 0;

padding:0;

}

.tabbertab .widget-content li {

border-bottom:1px solid $tbbxbrcolor;

margin:0 5px;

padding:2px 0 5px 0;

}

/*– tabbed section ends—*/



7. Αποθήκευση



8. Πατήστε πάλι Επεξεργασία html (αυτη τη φορά μην τσεκάρετε το Επέκταση προτύπων γραφικών στοιχείων)



9. Τώρα πρέπει να προσθέσουμε τα Variable definitions για να κάνουμε εφικτές τις αλλαγές χρωμάτων στα tabs.




Βρείτε το σημείο που τελειώνουν τα Variable definitions (βοηθηθείτε από την παραπάνω εικόνα), (πάνω από το σύμβολο */ ) ,αντιγράψτε και επικολλήστε τον παρακάτω κώδικα :


<Variable name=”tbbxbgcolor” description=”Tab box Background Color”

type=”color” default=”#f8f8f8″ value=”#f8f8f8″>

<Variable name=”tbbxbrcolor” description=”Tab box Border Color”

type=”color” default=”#dcdcdc” value=”#dcdcdc”>

<Variable name=”tbbxcolor1″ description=”Tab box Color 1″

type=”color” default=”#ffffff” value=”#ffffff”>

<Variable name=”tbbxcolor2″ description=”Tab box Color 2″

type=”color” default=”#5588aa” value=”#5588aa”>



10. Τώρα βρείτε το <div id=’sidebar-wrapper’> και από κάτω του, επικολλήστε το παρακάτω:


<div class=’tabber’>

<b:section class=’tabbertab’ id=’tab1′ maxwidgets=’9′/>

<b:section class=’tabbertab’ id=’tab2′ maxwidgets=’9′/>

<b:section class=’tabbertab’ id=’tab3′ maxwidgets=’9′/>

<b:section class=’tabbertab’ id=’tab4′ maxwidgets=’9′/>

</div>



11. Αποθήκευση



12. Τώρα πατήστε “Στοιχεία Σελίδας” όπου θα δείτε το παρακάτω:




Μετακινήστε όποιο gadget θέλετε στις αντίστοιχες θέσεις.



13. Είστε έτοιμοι!!! (επιτέλους)

14. Φτάσατε μέχρι το 14ο βήμα? Ε τότε αφήστε ένα σχόλιο με τις εντυπώσεις σας!


Πως αλλάζω τα χρώματα?



Από τον Σχεδιαστή Προτύπων>Προηγμένη όπως φαίνεται παρακάτω:




Αυτό το καταπληκτικό blogger hack, νιώθω υποχρεώση να πω, ότι το είχα ζητήσει από τη Σοφία του bloggertrics να το αναρτήσει ‘πράγμα που έκανε.


Keep Blogging!

johnpatra




ΔΩΣΤΕ ΣΤΟΝ FIREFOX ΦΤΕΡΑ!



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Το σημερινό μου ποστ αφορά όσους σερφάρουν με τον firefox.

Όσοι δεν έχετε firefox, ευκαιρία να τον βάλετε από το http://www.mozilla.com/en-US/products/download.html . Είναι μακράν ο καλύτερος browser. Το Chrome της google είναι επίσης καλό, αλλά τον firefox δεν τον φτάνει. Για τον explorer ούτε λόγος… Για Safari και Opera δεν έχω γνώμη, αν και για την Opera έχω διαβάσει θετικές κριτικές.

Δείτε λοιπόν παρακάτω, πως με μερικές απλες ρυθμίσεις θα κάνετε τον firefox πιο γρήγορο, όχι πως τώρα δεν είναι, αλλά λέμε.



Τις παρακάτω συμβουλές, τις “ψάρεψα” από αξιόπιστα sites και έπειτα από μερικές διασταυρώσεις που έκανα, πήρα την απόφαση να σας τις γράψω.


Βημα 1°: Ανοίγουμε τον Firefox, και στο URL bar γράφουμε about:config. Υπόσχεστε ότι θα είστε προσεκτικοί!



Βημα 2°: Ψάχνουμε τις 2 παρακάτω γραμμές, και με διπλό κλικ, τις γυρνάμε σε true.



network.http.pipelining

network.http.proxy.pipelining



Βημα 3°: Στις παρακάτω γραμμές, πάλι με διπλό κλικ, επεμβαίνετε στις τιμές τους, βάζοντας τις παρακάτω:



network.http.max-connections: 48

network.http.max-connections-per-server: 16

network.http.max-persistent-connections-per-proxy: 16

network.http.max-persistent-connections-per-server: 8

network.http.pipelining.maxrequests: 30



Βημα 4°: Κάνουμε δεξί κλικ, επιλέγουμε New -> Integer, και δίνουμε την παρακάτω εντολή, χωρίς το “:” (πατώνας ΟΚ, δίνουμε αμέσως μετά την τιμή της):



nglayout.initialpaint.delay: 0



Κάνετε restart στον Firefox και voila!



Υπάρχουν διάφορα tweaks και plugins σχετικά, αλλά αυτός είναι ένας σύντομος, easy-to-remember οδηγός για σημαντική βελτίωση της ταχύτητας, και μόνο.



Από ότι θυμάμαι τις παραπάνω πληροφορίες τις πήρα από ένα σχετικό topic στο hiphop.gr



Keep Blogging!

johnpatra




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



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Σίγουρα στο blog σας, οι τίτλοι των αναρτήσεων σας είναι ή προς τα αριστερά (το συνηθέστερο) ή προς τα δεξιά. Σε λίγα μόνο ειδικά πρότυπα, οι τίτλοι των αναρτήσεων είναι κεντραρισμένοι. Από σήμερα, με την ανάρτησή μου, μπορείτε όλοι να κεντράρετε τους τίτλους των αναρτήσεών σας.



Ακολουθήστε τα παρακάτω βήματα που σας δίνω:



1. Σύνδεση στον λογαριασμό μας

2. Σχεδίαση>Επεξεργασία html

3. Πάντα με τη χρήση του ctrl+F βρείτε το .post h3



Θα πρέπει να βρείτε το ακόλουθο κομμάτι κωδικού:


.post h3 {

margin:.25em 0 0;

padding:0 0 4px;

font-size:140%;

font-weight:normal;

line-height:1.4em;

color:$titlecolor;

}



Ο παραπάνω κωδικός είναι ακριβώς όπως είναι στο minima template. Στα άλλα πρότυπα, ενδέχεται να διαφέρει λίγο ως πολύ, ανάλογα με το πρότυπο.



4. Απλά θα προσθέσετε στον παραπάνω κωδικό το text-align:center; έτσι ώστε να φαίνεται έτσι:


.post h3 {

text-align:center;

margin:.25em 0 0;

padding:0 0 4px;

font-size:140%;

font-weight:normal;

line-height:1.4em;

color:$titlecolor;

}



Κάντε και μια προεπισκόπηση και αν όλα λειτουργούν σωστά, αποθηκεύστε.





Αν αντί για το κέντρο, θέλετε να φαίνεται οι τίτλοι των αναρτήσεών σας στα αριστερά ή στα δεξιά αντί για το text-align:center; βάζετε το text-align:left; για αριστερά και το text-align:right; για δεξιά.


Keep Blogging!

johnpatra




Περιγραφή συγγραφέως ( Author Box) στο τέλος των αναρτήσεων



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Γεια σας, παρακάτω σας έχω γράψει ένα καλό τρικάκι που μπορείτε να προσθέσετε στο blog σας εύκολα και γρήγορα…

Υπάρχουν πολλά blogs που έχουν περισσότερους από έναν συγγραφέα .

Έτσι σκέφτηκα να δημιουργήσω ένα ” πεδίο ” κάτω από τις αναρτήσεις όπου μπορεί να μπει μια φωτογραφία και μια σύντομη περιγραφή κείμενου του συγγραφέα που έγραψε το κείμενο του κάθε blog.



Ο κωδικός αυτός αναπτύχθηκε για να χρησιμοποιηθεί σε blogs με περισσότερους από έναν συγγραφέα. Έτσι ώστε η περιγραφή αυτή του συγγραφέα να εμφανίζεται κάτω από τις αναρτήσεις που έγραψε.

Όλα αυτά αυτόματα χωρίς να χρειαστεί να τροποποιήσετε τίποτα στις αναρτήσεις .



1ο Βήμα : Κάνετε Login στο λογαριασμό του Blogger σας , Πηγαίνετε  Διάταξη  -> Επεξεργασία HTML  και πατήστε στο κουτάκι  Επέκταση προτύπων γραφικών στοιχείων .



2ο Βήμα :  Πατήστε  Ctrl + f  και ψάξτε στο πρότυπό σας για την ετικέτα:


]]></b:skin>



3ο Βήμα :  Κολλήστε ακριβώς ΑΠΟ ΠΑΝΩ τον παρακάτω κώδικα :


#post-footer-autor {

width: 90%;

height: 67px;

background: #e6e6e6;

border:3px solid #b3b3b3;

margin: 8px 0px 8px 0px;

font-family: ‘Trebuchet MS’,Trebuchet,Arial,Verdana,Sans-serif;

}

#autor-img { /*  Avatar */

width: 54px;

height: 54px;

background: #fff;

float: left;

margin: 7px;

}

#autor-box {

padding-right: 5px;

margin: 0px;

}

#autor-box p{ / * Style text description * /

font-size: 12px;

padding: 10px;

margin: 0;

text-align: justify;

text-transform: normal;

color: #666666;

}

#autor-box a{ / * Style linked text * /

color: #000fcc;

text-decoration:none;

}

#autor-box a:hover {

color:#7780ee;

text-decoration:underline;

}



Ο κώδικας CSS παραπάνω είναι τα χαρακτηριστικά του Author Box . Αν γνωρίζετε αρκετά για να αλλάξετε τις πιο βασικές CSS, όπως η αλλαγή των χρωμάτων και μεγεθών. Απλά αλλάξετε το στυλ με προσοχή και κατόπιν προσαρμόστε το widget.



4ο Βήμα :  Ψάξτε  (Ctrl + f)  στο πρότυπό σας  για τον κώδικα :


<div class=”post-footer”>

η για το

<div id=”post-footer”>

η για το  

<data:post.body/> (αν είναι πολλά, λογικά είναι το τελευταίο) και (με την προϋπόθεση ότι μετά/ακριβώς δίπλα από το <data:post.body/> δεν θα υπάρχει κάποιος άλλος κώδικας).



5ο Βήμα :  Κολλήστε ακριβώς ΑΠΟ ΚΑΤΩ τον παρακάτω κώδικα :


<b:if cond=’data:blog.pageType == "item"’>

<b:if cond=’data:post.author == "ΟΝΟΜΑΣΙΑ ΤΟΥ ΣΥΓΓΡΑΦΕΑ"’>

<div id=’post-footer-autor’>

<div id=’autor-img’>

<img src=’URL ΤΗΣ ΕΙΚΟΝΑΣ‘ style=’width: 50px;height: 50px; border: 2px solid #b3b3b3; padding: 0; margin: 0;’/>

</div>

<div id=’autor-box’>

<p>

ΠΕΡΙΓΡΑΦΗ ΤΟΥ ΣΥΓΓΡΑΦΕΑ ΕΔΩ

</p>

</div>

</div>

</b:if>

</b:if>



Αυτούς του κώδικες που έχω γράψει με κίτρινο είναι για το αν θέλετε να φαίνεται και στην αρχική ή μόνο στη σελίδα στης ανάρτησης(έτσι όπως είναι τώρα δεν θα φαίνεται στην αρχική, άμα θέλετε να φαίνεται και στην αρχική διαγράψτε τους κώδικες).



Ο παραπάνω κώδικας κάνει αναφορά σε έναν συγγραφέα!

Για να  θέσουμε διαφορετικούς συγγραφείς απλά αντιγράψετε και  επικολλήστε τον κώδικα πολλές φορές ακριβώς πάνω από τον πρώτο κώδικα  , τόσες όσους συγγραφείς έχει το blog και απλά κάντε  τις εξής αλλαγές:


  • ΟΝΟΜΑΣΙΑ ΤΟΥ ΣΥΓΓΡΑΦΕΑ -> Βάλτε το ακριβές όνομα του συγγραφέα, το ίδιο όνομα χρήστη που χρησιμοποιείται στο λογαριασμό για να δημοσιεύσετε τις αναρτήσεις . Το όνομα πρέπει να είναι ακριβώς ίδιο αλλιώς  ο κωδικός δεν θα λειτουργήσει σωστά.  
Παράδειγμα: Στο blog  μου χρησιμοποιώ για να συνδεθώ στο blog μου και να δημοσιεύσω ανάρτηση το όνομα: Ilias. Έτσι θα βάλω το : Ilias . Αν ήταν Admin Θα έπρεπε να βάλω το Admin, Αν ήταν iks-Team.com .Θα έπρεπε να βάλω το iks-Team.com .
  • URL ΤΗΣ ΕΙΚΟΝΑΣ -> Τοποθετήστε το σύνδεσμο εικόνας  που χρησιμοποιείται ως avatar . Υπενθυμίζοντας ότι το link  θα πρέπει να έχει μια άμεση διαδρομή προς την εικόνα με μέγεθος 50px Χ 50px .  Μην ξεχνάτε το http:// 
  • ΠΕΡΙΓΡΑΦΗ ΤΟΥ ΣΥΓΓΡΑΦΕΑ ΕΔΩ -> Βάλτε το κείμενο της περιγραφής του συγγραφέα .Μπορείτε να γράψετε οτι θέλετε εσείς . Κάντε την δοκιμή, ώστε το κείμενο να μην περάσει το όριο των πεδίων του widget.

    Χρησιμοποιήστε αν θέλετε και τις συνδέσεις που θέλετε στο πλαίσιο της περιγραφής.
ΣΗΜΑΝΤΙΚΟ : Εάν το blog σας έχει περισσότερους από έναν συγγραφέα, επικολλήστε τον κώδικα ακριβώς πάνω από τον πρώτο κώδικα   όσο συχνά απαιτείται και κάντε την  επεξεργασία τους, έτσι ώστε ο κάθε συγγραφέας έχει τον κωδικό του.



 Κάντε Προεπισκοηση πρώτα και αν είναι όλα εντάξει Αποθηκεύετε το πρότυπό σας  και επαναλάβετε τη δοκιμή αν χρειαστεί .

Καλή επιτυχία σε όλους !!!




Μπαλονάκι με τα σχόλια κάθε ανάρτησης



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Τι λέτε να εμφανίσετε τα σχόλια των αναρτήσεων σας μέσα σ’ ένα “μπαλονάκι”?

Είναι ένα όμορφο hack που θα σας διευκολύνει πολύ στο να βλέπετε τα σχόλια των αναρτήσεών σας.



Για να το κάνετε, ακολουθήστε τα παρακάτω βήματα:



1. Σύνδεση στον λογαριασμό σας

2. Σχεδίαση

3. Επεξεργασία html

4. “Επέκταση προτύπων γραφικών στοιχείων”

5. Με τη βοήθεια του ctrl + F βρίσκουμε το παρακάτω:


<h3 class=’post-title entry-title’>



6. Και κάτω από αυτό βάζουμε τον παρακάτω κώδικα:


<!–COMMENT-BUBBLES-STARTS–>

<b:if cond=’data:post.allowComments’>

<a class=’comment-bubble’ expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’><data:post.numComments/></a>

</b:if><!–COMMENT-BUBBLES-STOPS–>



7. Πάλι με το ctrl+F βρίσκουμε το


</head>



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


<!–COMMENT-BUBBLES-STARTS–><style type=”text/css”>

.comment-bubble {

float: right;

background: url(image direct link) no-repeat;

width: 55px;

height: 38px;

font-size: 18px;

margin-top: -15px;

margin-right: 2px;

text-align: center;

}

</style><!–COMMENT-BUBBLES-STOPS–>



Απλά εκεί που λέει “image direct link” βάλτε το λινκ της εικόνας της αρεσκείας σας.



Να μερικά εικονίδια που βρήκα από το Loneeagle:















9. Πατήστε Προεπικόπηση να δείτε αν σας εμφανίζεται σωστά και αν είναι ολα οκ πατήστε Αποθήκευση.



Ελπίζω να σας άρεσε.



johnpatra




Αλλάξτε το χρώμα και το σχήμα του κέρσορα



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Πολλές καλημέρες. Με αυτό το κολπάκι που θα σας δείξω σήμερα θα μπορείτε να αλλάξετε το χρώμα και το σχήμα του κέρσορα(mouse) του blog σας. Για να το βάλετε στο δικό σας site ακολουθήστε τα παρακάτω βήματα:



1. Σύνδεση στο blog σας>>Σχεδίαση>> Επεξεργασία HTML

2. Πατήστε ταυτόχρονα ctrl+f

3. Ψάξτε για το

<body>

4. Κάντε επικόλληση τον παρακάτω κώδικα πριν από αυτό(<body>).

<style type=”text/css”>body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur), progress;}</style>



5. Το μέγεθος του κέρσορα τώρα θα έχει αυξηθεί και το χρώμα του θα είναι μπλε.



Παρακάτω σας δίνω και άλλα σχέδια για να διαλέξετε. Μόλις βρείτε αυτό που θέλετε αντικαταστήστε το

http://cur.cursors-4u.net/cursors/cur-2/cur116.cur

με ένα από τα παρακάτω Link(συνδέσμους)!


http://cur.cursors-4u.net/others/oth-5/oth521.cur


http://cur.cursors-4u.net/others/oth-5/oth520.cur


http://cur.cursors-4u.net/user/use-1/use9.cur


http://cur.cursors-4u.net/cursors/cur-2/cur131.cur


http://cur.cursors-4u.net/cursors/cur-2/cur129.cur


http://cur.cursors-4u.net/cursors/cur-2/cur127.cur


http://cur.cursors-4u.net/cursors/cur-2/cur126.cur


http://cur.cursors-4u.net/cursors/cur-2/cur124.cur


http://cur.cursors-4u.net/cursors/cur-2/cur125.cur


http://cur.cursors-4u.net/cursors/cur-2/cur123.cur


http://cur.cursors-4u.net/cursors/cur-2/cur122.cur


http://cur.cursors-4u.net/cursors/cur-2/cur120.cur


http://cur.cursors-4u.net/user/use-1/use3.cur


Αν θέλετε ακόμη πιο πολλά σχέδια και χρώματα μπείτε στο http://www.cursors-4u.com

Καλή επιτυχία!!!




Rss Feed Ετικετών – Add Labels Rss Feed Link Button To All Your Blogger Labels



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Θέλετε να δώσετε τη δυνατότητα στους επισκέπτες σας να εγγράφονται σε συγεκριμένες ετικέτες που τους ενδιαφέρουν χωρίς να χρειάζεται να εγγράφονται σε όλο το site σας? Ναι αυτό μπορεί να γίνει, φτιάχνοντας μια ροή δεδομένων (rss feed) για κάθε ετικέτα σας. Αυτό το hack είναι πολύ χρήσιμο για blogs που έχουν πολύπλευρη θεματολογία.



Πάμε να δούμε πως θα το κάνουμε.



Καταρχίν πρέπει να έχετε στο blog σας, το gadget των ετικετών.

Αν δεν το έχετε βάλει, βάλτε το τώρα από Σχεδίαση>Προσθήκη gadget>Ετικέτες



Log in to your blogger account from http://draft.blogger.com/home (ΝΟ blogger.com)



Σχεδίαση (Διάταξη)



Επεξεργασία html



Επέκταση προτύπων γραφικών στοιχείων



Πάντα με ctrl+F ψάξτε για τους παρακάτω κωδικούς:


<b:loop values=’data:labels’ var=’label’>

<li>

<b:if cond=’data:blog.url == data:label.url’>

<span expr:dir=’data:blog.languageDirection’><data:label.name/></span>

<b:else/>

<a expr:dir=’data:blog.languageDirection’ expr:href=’data:label.url’><data:label.name/></a>

</b:if>

<span dir=’ltr’/>

</li>

</b:loop>



Αντικαταστήστε τους παραπάνω κωδικούς με τους παρακάτω:


<b:loop values=’data:labels’ var=’label’>

<li>


<a expr:href=’data:blog.homepageUrl + "feeds/posts/default/-/" + data:label.name’><img alt=’Subscribe’ src=’http://www.feedburner.com/fb/images/pub/feed-icon16x16.png‘ style=’vertical-align:middle;border:0’/></a>



<b:if cond=’data:blog.url == data:label.url’>

<span expr:dir=’data:blog.languageDirection’><data:label.name/></span>

<b:else/>

<a expr:dir=’data:blog.languageDirection’ expr:href=’data:label.url’><data:label.name/></a>

</b:if>

<span dir=’ltr’/>

</li>

</b:loop>



Τώρα αριστερά κάθε ετικέτας έχουμε βάλει το εικονίδιο rss.

Αν θέλετε να μπει το εικονίδιο δεξιά αντί για αριστερά, αντικαταστήστε τους παρα-παραπάνω κωδικούς, με τους παρακάτω, αντί για τους παραπάνω.

(διαβάστε το πολλές φορές μην μπερδευτείτε’ χαχα)


<b:loop values=’data:labels’ var=’label’>

<li>

<b:if cond=’data:blog.url == data:label.url’>

<span expr:dir=’data:blog.languageDirection’><data:label.name/></span>

<b:else/>

<a expr:dir=’data:blog.languageDirection’ expr:href=’data:label.url’><data:label.name/></a>

</b:if>

<span dir=’ltr’/>


<a expr:href=’data:blog.homepageUrl + "feeds/posts/default/-/" + data:label.name’><img alt=’Subscribe’ src=’http://www.feedburner.com/fb/images/pub/feed-icon16x16.png‘ style=’vertical-align:middle;border:0’/></a>



</li>

</b:loop>



Επιλέξτε αν το θέλετε δεξιά ή αριστερά και βάλτε τους αντίστοιχους κωδικούς.

Σε κάθε περίπτωση αποθηκεύστε το πρότυπό σας, αφού τελειώσετε.



Ουσιαστικά εμείς έχουμε πάρει το κομμάτι κώδικα που αφορά τις ετικέτες και το έχουμε “χακάρει”, βάζοντας τους κόκκινους κωδικούς.



Έχουμε βάλει το κλασσικό πορτοκαλί εικονίδιο του rss σε διαστάσεις 16×16. Αν και δεν σας το προτείνω, αν θέλετε μπορείτε να το αλλάξετε.



Τώρα είναι πολύ πιο εύκολο για τους επισκέπτες σας να εγγραφτούν στην αγαπημένη τους ετικέτα στο blog σας.



Αφήστε κανένα σχόλιο με καμιά τυχον απορία ή ένα απλό οκ αν όλα πήγαν οκ.



Ανάρτηση στο fbw (FaceBook Wall) για όποιον το επιθυμεί με το πάτημα του παρακάτω κουμπιού:




Page Under Construction – Πως το βάζω?



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Μιας και ο blogger δεν μας δίνει καμιά τέτοια δυνατότητα, οι περισσότεροι από εμας όταν κάνουμε αλλαγές στο blog, το κάνουμε ενώ ξέρουμε ότι έχουμε online επισκέπτες. Έλα όμως που όταν κάνουμε μια αλλαγή, π.χ. αλλαγή προτύπου, δεν είναι σωστό να βλέπουν κι οι επισκέπτες το blog στα χάλια του, δε συμφωνήτε? Γιατί μέσα στους πειραματισμούς μας, το blog μας έχει χάλια design.



Αν θέλουμε να είμαστε πιο σωστοί πρέπει να αποκρύπτουμε το blog μας από το κοινό όταν κάνουμε αλλαγές και να το βλέπουμε μόνο εμείς. Όπως έχει κάνει αυτός εδώ: http://sv3aqo.gr/





Και όταν το blog είναι πάλι έτοιμο το βγάζουμε.



Από τη Σχεδίαση πηγαίνουμε στην Επεξεργασία html και με τη βοήθεια του ctrl+F

βρίσκουμε το <body> και αμέσως από κάτω του προσθέτουμε τον παρακάτω κώδικα:


<center><img src=’url εικονας‘/></center> <span class=’item-control blog-admin’>

Εκεί που λέει url εικόνας βάζουμε το url της εικόνας που θέλουμε να φαίνεται.

Βρείτε άφθονες εικόνες από το http://www.google.gr/images?hl=el&source=imghp&q=page+under+construction&gbv=2&aq=f&aqi=&aql=&oq=&gs_rfai=



τώρα βρίσκουμε στο πρότυπό μας το </body> και αμέσως από πάνω επικολλούμε τον παρακάτω κώδικα


</span>



Αποθηκεύουμε το πρότυπό μας.



Εαν ανοίξετε τώρα το blog σας θα δείτε την εικόνα που βάλατε προηγουμένως και από κάτω θα δείτε κανονικά το blog σας και θα του κάνετε τις αλλαγές που θέλετε.



ΠΡΟΣΟΧΗ: Το blog, το βλέπουν μόνο οι διαχειριστές του ιστολογίου’ όλοι οι υπόλοιποι βλέπουν μόνο την εικόνα. Για να το επιβεβαιώσετε αυτό δοκιμάστε να αποσυνδεθείτε από τον λογαριασμό σας και να δείτε το blog σας. Και θα δείτε μόνο την εικόνα. Ενώ θα μπορείτε να δείτε όλο το blog κανονικά κάτω από την εικόνα μόνο αν είστε συνδεδεμένος στον λογαριασμό σας.



johnpatra




Πρόσθεσε Reply Button σε κάθε σχόλιό σου – Add a Reply Button to your comments



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Καλησπέρα,



εδώ και λίγο καιρό έχω βάλει μια νέα λειτουργία στα σχόλια. Αν προσέξτε κάθε σχόλιο έχει δίπλα ένα [Reply]. Αν θέλετε να δείτε πως ακριβως δουλεύει σας αφήνω να δημοσίευσετε test comments σε αυτην την ανάρτηση. Αφήστε ένα σχόλιο και μετά αφήστε άλλο ένα, πατώντας το [Reply], για να δείτε πως δουλεύει. Και αν σας αρέσει, δείτε παρακάτω πως θα το βάλετε κι εσείς!




Για να ενσωματώσετε αυτό το hack στο Blog σας, ακολουθήστε τα παρακάτω βήματα:



1) Login στον blogger account

2) Πανόπτης

3) Σχεδίαση ή Διάταξη

4) Επεξεργασία html

5) Επέκταση προτύπων γραφικών στοιχείων

6) Με το ctrl+F βρείτε τον παρακάτω κωδικό:


<data:commentPostedByMsg/>



Κάτω από τον παραπάνω κώδικα επικολλήστε τον παρακάτω:


<span><a expr:href=’"https://www.blogger.com/comment.g?blogID=YOUR-BLOG-ID&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"’ onclick=’javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450"); return false;’>[Reply]</a></span>



Επεξεργασία του παραπάνω κώδικα:



α) Καταρχίν εκεί που λέει YOUR-BLOG-ID αλλάξτε το με το ID του blog σας. Το ID σας μπορείτε να το βρείτε πολύ εύκολα. Αρκεί να κοιτάξετε στην url σας και θα το δείτε, όπως φαίνεται και στη φώτο:




β) Εκεί που λέει [Reply], μπορείτε να το αλλάξετε και να βάλετε κάτι άλλο π.χ.: “Απαντήστε σε αυτό το σχόλιο”.



γ) Μπορείτε να βάλετε και εικόνα αντί για το [Reply]. Απλά διαγράψτε το [Reply] και στη θέση του βάλτε τον παρακάτω κωδικό:


<img src=”http://3.bp.blogspot.com/_v5IxGTiMTD8/TDDXeKfwaaI/AAAAAAAACe8/lI2Jj9VdMFs/s1600/reply%5B1%5D.gif“/>



Μπορείτε να βάλετε όποια εικόνα θέλετε, αντικαθιστώντας τα κόκκινα γράμματα με το url της.



7) Πατήστε Προεπισκόπηση να δείτε αν θα γίνει δεκτός ο κώδικας και αν είναι όλα οκ, πατήστε Αποθήκευση!



Ελπίζω να σας αρέσει 🙂



Αφήστε ένα σχόλιο να δω κι εγώ αν οι κωδικοί είναι οκ ή είναι λάθος.



Μην ξεχάσετε να το αναρτήσετε στο facebook wall σας, πατώντας το παρακάτω κουμπί:




Σε εξέλιξη αποστολή e-mails με τον τρόπο του Phishing!



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Γεια σας.
Είμαι ο ekabitis, και χθες έλαβα ένα mail, υποτίθεται από την Εθνική Τράπεζα της Ελλάδος, το οποίο έλεγε ότι πρέπει να βάλω τον αριθμό και το pin της κάρτας μου, ειδάλως θα πάψει να ισχύει!
Είχε και ένα link, όπου σε παρέπεμπε στο υποτιθέμενο επίσημο site της τράπεζας, για να βάλεις τα στοιχεία σου.
Επειδή έκανε “μπαμ” ότι ήταν μαιμού η σελίδα, επικοινώνησα με την τράπεζα μέσω e-mail, ρωτώντας τους σχετικά. Η τράπεζα ανταποκρίθηκε άμεσα, απαντώντας μου ότι βρίσκεται σε εξέλιξη αποστολή πλαστών ηλεκτρονικών μηνυμάτων μέσω e-mail με σκοπό την υποκλοπή προσωπικών δεδομένων.
Θεώρησα λοιπόν σωστό να σας ενημερώσω, για να μην την “πατήσει” κανένας.
Δείτε το μήνυμα που μου έστειλαν (1), καθώς και την διεύθυνση του site που παρέπεμπε το mail (2).
Τέλος δείτε και την απάντηση της επίσημης Τράπεζας (3).
Παιδιά, μεγάλη προσοχή σε αυτά τα θέματα, για να μην βρεθείτε προ εκπλήξεων!

1. Το mail που έλαβα. Κάντε κλικ στην εικόνα.


2. Κάντε κλικ στη φωτό! Είναι το site που οδηγείσαι πατώντας το link που έχει το mail.
Προσέξτε την διεύθυνση του site!


3. Η απάντηση της επίσημης Τράπεζας.

INTERNET BANKING
07.05.2010
Αξιότιμε πελάτη,
Το μήνυμα που λάβατε δεν απεστάλη από την Τράπεζά μας .
Η Εθνική Τράπεζα της Ελλάδος ενημερώνει το κοινό ότι βρίσκεται σε εξέλιξη η
αποστολή πλαστών ηλεκτρονικών μηνυμάτων μέσω e-mail με σκοπό την υποκλοπή
προσωπικών δεδομένων.
Τα μηνύματα προέρχονται από κακόβουλους τρίτους (hackers) και ζητούν από
τους χρήστες του διαδικτύου, μέσω συνδέσεως με ηλεκτρονική διεύθυνση που δεν
έχει καμία σχέση με την Εθνική Τράπεζα της Ελλάδος, να καταχωρήσουν
προσωπικά δεδομένα (κωδικούς, αριθμούς καρτών, προσωπικά στοιχεία).
Σε περίπτωση που πελάτες της Τράπεζας λάβουν το μήνυμα, παρακαλούνται να το
διαγράψουν αμέσως.
Σας διαβεβαιώνουμε ότι η Τράπεζα φροντίζει διαρκώς για την ασφάλεια των
Συστημάτων της και των Υπηρεσιών που προσφέρει.
Στην περίπτωση που παραλάβετε κάποιο άλλο μήνυμα παρακαλούμε να μας το
προωθήσετε εκ νέου!
Σας ευχαριστούμε για την επικοινωνία.
Με εκτίμηση,
ΕΘΝΙΚΗ ΤΡΑΠΕΖΑ ΤΗΣ ΕΛΛΑΔΟΣ
Διεύθυνση Ηλεκτρονικών Εργασίων & Εναλλακτικών Δικτύων (021)
Υποδιεύθυνση Υποστήριξης Contact Center (021-52-Γ)
Τηλ. επικοινωνίας : 210 4806750 / επιλογή 4 (διεπ. 76750 / 4)
Φαξ : 210 4806865 (διεπ. 76865)

Όσοι bloggers θέλουν, ας αντιγράψουν το post και ας το αναδημοσιεύσουν στα δικά τους, προς ενημέρωση του κόσμου!