Δευτέρα 21 Δεκεμβρίου 2009

CHRISTMAS GADGETS

Καλησπέρα σε όλους και σε όλες. Σήμερα θα δούμε από που μπορούμε να πάρουμε διάφορα χριστουγεννιάτικα gadgets έτσι ώστε να στολίσουμε τα ιστολόγια μας ή ακόμα να έχουμε χριστουγεννιάτικα templates.
   Για να βάλετε αντίστροφους μετρητές για τα χριστούγεννα ή την πρωτοχρονιά κάντε κλικ εδώ και εδώ.
   Για να κατεβάσετε χριστουγεννιάτικα feed icons, rss feed icons, templates, gadgets με χριστουγεννιάτικα δέντρα, χιονανθρώπους και άλλα κάντε κλικ εδώ για να βρεθείτε στο PBF (Putting Blogs Fisrt) το οποίο και συνιστώ.
   Είμαι σίγουρος πως αν ξοδέψετε λίγο χρόνο αναζητώντας στη google ή σε όποιαδήποτε άλλη μηχανή αναζήτησης θα βρείτε πολλά περισσότερα αποτελέσματα.

Δευτέρα 14 Δεκεμβρίου 2009

WIDGET SNOWFLAKES

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


<script src="http://snow-effect.googlecode.com/files/snow.js" type="text/javascript">
</script>


Στην ουσία δηλαδή μιλάμε για ένα widget. Υπάρχει περίπτωση μερικές φορές να φαίνεται το παραπάνω εφέ απενεργοποιημένο και να μη βλέπετε τις νιφάδες. Μην ανησυχείτε. Μετά από κάποια ώρα με ένα refresh (F5) θα επανέλθουν. Αυτό μπορεί να συμβαίνει για διάφορους λόγους και αιτίες που λαμβάνουν χώρα στην τοποθεσία όπου φιλοξενείται το αρχείο js (javascript). Αν θέλετε μπορείτε να κατεβάσετε το αρχείο js από εδώ και μετά να το ανεβάσετε σε ένα web site της αρεσκείας σας και να αντικαταστήσετε την τοποθεσία που είναι με κόκκινο χρώμα στον παραπάνω κώδικα με τη διεύθυνση όπου αποθηκεύσατε το αρχείο (αν και δεν είναι απαραίτητο να γίνει αυτό). Βασική προϋπόθεση για να έχετε ορατά αποτελέσματα είναι το φόντο του ιστολογίου σας να μην είναι λευκό ή ανοιχτόχρωμο.
  Αν θέλετε να δείτε πως δουλεύει το παραπάνω widget μπορείτε να κάνετε κλικ εδώ. Ελπίζω να σας άρεσε το σημερινό widget. Για τυχόν απορίες μη διστάσετε να αφήσετε σχόλιο ή να στείλετε email.

Τετάρτη 9 Δεκεμβρίου 2009

NEW WEBMASTER TOOLS

Καλημέρα. Σήμερα θα ήθελα να σας προτείνω μια καταπληκτική ιστοσελίδα η οποία θα σας φανεί πολύ χρήσιμη για τα ιστολόγια σας. Ο λόγος γίνεται για το New Webmaster Tools.
   Η αλήθεια είναι ότι ο σχεδιασμός της σελίδας δεν είναι ο καλύτερος και ίσως σας δυσκολέψει λιγάκι στην πλοήγηση αλλά αυτό δε μειώνει τη σημαντικότητα της. Τι μπορούμε να κάνουμε χάρη σε αυτή τη σελίδα; Σχεδόν τα πάντα. Έχει 3D button generator, Animated button generator, Advanced menu bar generator, Drop down menu generator, CSS generator, Pop-up ad generator, Free templates, Robots.txt generator, Search engine submission tool, Online form generator, HTML page generator.
   Παραπάνω έχω βάλει με links μερικά εργαλεία του συγκεκριμένου web site αλλά να είστε σίγουροι ότι θα βρείτε πολλά περισσότερα. Όπως καταλάβατε είναι μια μηχανή με πολλούς και διάφορους generators που παράγουν κώδικες για οτιδήποτε θέλετε να προσθέσετε στο blog σας.
   Επισκευτείτε την παραπάνω σελίδα και χρησιμοποιήστε την. Θα μείνετε απόλυτα ικανοποιημένοι και όλα είναι δωρεάν. Δε χρειάζεται να γίνετε ούτε μέλη.

Δευτέρα 30 Νοεμβρίου 2009

ΔΙΑΓΡΑΦΗ ΤΟΥ MALWARE "ANTISPYWARE PRO 2009"

Πριν μερικές μέρες ήρθα αντιμέτωπος με ένα malware το οποίο εγκαταστάθηκε στο pc ενός γνωστού μου. Ο λόγος για το Antispyware Pro 2009 ή Spyware Protect 2009. Η αλήθεια είναι ότι μας δυσκόλεψε να το ξηλώσουμε αλλά μετά από προσπάθειες πολλών ωρών τα καταφέραμε. Τι κάνει αυτό το malware; Ακριβώς ότι κάνουν όλοι οι ιοί του είδους του. Έρχονται στον υπολογιστή και αρχίζουν τα pop up παράθυρα με μυνήματα που να λένε ότι το σύστημα μας είναι μολυσμένο και πρέπει να εγκαταστήσουμε το προϊόν που αντιπροσωπεύει το malware έναντι αδράς αμοιβής. ΠΡΟΣΟΧΗ. Κανείς δεν πρέπει να ενδώσει σε αυτήν την απειλή. Πάμε να δούμε πως θα αντιμετωπίσουμε αυτό το malware και πως θα το διαγράψουμε από τον υπολογιστή μας.
   Θα χρειαστούμε τέσσερα προγράμματα. Για να τα κατεβάσετε κάντε κλικ πάνω στα links. Τα προγράμματα που θα χρειαστούμε είναι τα: rkill, Malwarebytes' Anti-Malware, Spybot search & destroy και Spyware Doctor. Τα τρία πρώτα είναι δωρεάν το Spyware Doctor είναι με πληρωμή. Μερικές φορές κάποια web sites το δίνουν δωρεάν. Εναλλακτικά links για το κατέβασμα αυτού είναι αυτό και αυτό. Μην ξεχνάτε όμως ότι υπάρχουν και τα torrents τα οποία μας βγάζουν ασπροπρόσωπους.
   Όσο περνάει ο καιρός με το malware στον υπολογιστή μας τα πράγματα πάνε από το κακό στο χειρότερο γιατί τα παράθυρα που πετάγονται αυξάνονται και η χρήση του pc γίνεται ολοένα και δυσκολότερη. Γι' αυτό το λόγο πρέπει να δράσουμε αμέσως.
   Πρώτα εγκαθιστούμε το rkill. Αυτό το προγραμματάκι σταματάει τα pop up παράθυρα και μπορούμε να δουλέψουμε στον υπολογιστή μας ανενόχλητοι για την απεγκατάσταση του malware. Εφ' όσον το εγκαταστήσαμε κάνουμε επανεκκίνηση και μόλις βρεθούμε στην επιφάνεια εργασίας κάνουμε κλικ στο εικονιδιο του rkill πριν αρχίσουν τα παράθυρα να πετάγονται. ίσως χρειαστεί να κάνουμε κλικ δυο και τρεις φορές. Τότε ανοίγει ένα μαύρο παράθυρο (cmd) και περιμένουμε για μερικά δευτερόλεπτα. Όταν ολοκληρώσει το πρόγραμμα παρατηρούμε  ότι σταμάτησαν τα αναδυόμενα παράθυρα και μπορούμε να δουλέψουμε στον υπολογιστή μας κανονικά. Μην ξεγελιέστε. Ο ιός παραμένει και αν κάνετε επανεκκίνηση θα αρχίσουν πάλι τα γνωστά προβλήματα. Αν ο ιός δε σας επιτρέπει να το κατεβάσετε τότε πρέπει να το κατεβάσετε από έναν υπολογιστή που δεν είναι μολυσμένος και να το κάνετε αντιγραφή - επικόλληση (copy - paste). Αν το malware συνεχίσει να εμποδίζει την εγκατάσταση αυτού τότε αλλάξτε του ονομασία (rename). Δεξί κλικ πάνω στο αρχείο και επιλέξτε μετονομασία.
   Καταφέραμε λοιπόν να απενεργοποιήσουμε προσωρινά τα παράθυρα που πετάγονατι. ΔΕΝ ΚΑΝΟΥΜΕ ΕΠΑΝΕΚΚΙΝΗΣΗ. Συνεχίζουμε με την εγκατάσταση των υπόλοιπων προγραμμάτων. (Αν πάμε να τα εγκαταστήσουμε χωρίς να δουλέψουμε πρώτα το rkill το malware δε θα μας αφήσει). Μετά την εγκατάσταση των υπόλοιπων προγραμμάτων κάνουμε update (ενημέρωση) και στα τρία προγράμματα και πάμε να δουλέψουμε με το Malwarebytes' Anti-Malware. Σκανάρουμε και μετά από λίγη ώρα θα δούμε ότι βρήκε τις απειλές και τα αρχεία που μολύνθηκαν. Τα καθαρίζουμε. Υπάρχει περίπτωση να ζητάει επανεκκίνηση για να τα σβήσει όλα. ΔΕΝ ΚΑΝΟΥΜΕ ΕΠΑΝΕΚΚΙΝΗΣΗ. Κάνουμε πάλι σκανάρισμα για δεύτερη φορά. Το πιο πιθανό είναι να εξαφανίσει και τα υπόλοιπα κακόβουλα αρχεία. Αν όχι κάνουμε και τρίτο σκανάρισμα. Μετά ξεκινάμε full σκανάρισμα με το Spyware Doctor. Αυτό θα πάρει λίγει ώρα. Όταν τελειώσει το σκανάρισμα.θα μεταφέρουμε τις απειλές στην καραντίνα ή τα διαγράφουμε. Μετά τρέχουμε το Spybot serch & destroy. Περιμένουμε να τελειώσει το σκανάρισμα και κάνουμε κλικ στην επιδιόρθωση. Όταν τελειώσουμε και με αυτό κάνουμε επανεκκίνηση και βλεπουμε ότι το μαlware δεν υπάρχει πια στο σύστημα μας.
   Για να αποφύγουμε τέτοιες δυσάρεστες εμπειρίες πρέπει να προσέχουμε τα μέρη του διαδυκτίου που επισκεπτόμαστε, τα emails που ανοίγουμε και τα προγράμματα που εγκαθιστούμε. Επίσης πρέπει να έχουμε ενημερωμένα όλα τα προγράμματα αφαλείας που έχουμε στον υπολογιστή μας. Ελπίζω να βρίκατε ενδιαφέρον αυτό το post. Για ότι απορίες έχετε μη διστάσετε να τις διατυπώσετε με τη μορφή σχολίων ή να στείλετε μέσω ηλεκτρονικού ταχυδρομείου. Η διεύθυνση είναι στη δεξιά στήλη.

Πέμπτη 26 Νοεμβρίου 2009

HACK THE WEB RADIO

Καλησπέρα. Σήμερα θα δούμε κάτι αρκετά ενδιαφέρον. Αφορμή στάθηκε ένα email που έλαβα από έναν blogger. Ο συγκεκριμένος blogger ήθελε να βάλει στο blog του τον αγαπημένο του ραδιοφωνικό σταθμό ο οποίος εκπέμπει και διαδυκτιακά. Μιλάμε για τον Absolute Radio, έναν αγγλικό σταθμό. Ωραία ως εδώ αλλά υπήρχε ένα εμπόδιο. Ο σταθμός δε δίνει τη δυνατότητα embed έτσι ώστε όποιος θέλει να το βάλει στο ιστολόγιο του ή στην ιστοσελίδα του (αυτό δεν το καταλαβαίνω γιατί ο σταθμός έτσι χάνει, προβολή, δωρεάν διαφήμιση και ακροαματικότητα).
   Η αλήθεια είναι ότι παιδεύτηκα για πολλές ώρες αλλά μετά από αρκετούς πειραματισμούς κατάφερα και έκανα εφικτή την προσθήκη του σταθμού σαν gadget στο blog. Υπάρχουν και άλλοι σταθμοί που δεν επιτρέπουν την προσθήκη τους με τη μη χορήγηση ενός κώδικα embed. Πάμε να δούμε πως μπορούμε να τα καταφέρουμε.
   Προσωπικά χρησιμοποιώ τον Mozilla Firefox. Στη συνέχεια ο συγκεκριμένος browser θα μας φανεί χρήσιμος. Θα ασχοληθούμε με τον σταθμό που προανέφερα. Κάνοντας κλικ εδώ μεταφερόμαστε στον player του σταθμού απ' όπου ακούμε live το πρόγραμμα του. Θα χρειαστεί να βρούμε εκείνο το λιnk όπου γίνεται το streaming. Αν πάμε στην πάνω μπάρα του Mozilla θα επιλέξουμε εργαλεία και διαλέξουμε πληροφορίες σελίδας τότε θα ανοίξει ένα παράθυρο το οποίο έχει τέσσερις επιλογές στο πάνω μέρος του: Γενικά, Πολυμέσα, Δικαιώματα και Ασφάλεια. Κάνουμε κλικ στο δεύτερο (πολυμέσα) και βλέπουμε ότι μας παρουσιάζει κάποια links (διευθύνσεις). Ψάχνουμε να βρούμε αυτό που μέσα του περιέχει τις λέξεις flash/player. Βλέπουμε ότι είναι το τρίτο από το τέλος (http://player.absoluteradio.co.uk/core/player/_flash/player.swf?service=abr&v=1.0.1.25).



Κάνουμε αυτό το link αντιγραφή - επικόληση σε ένα νέο παράθυρο ή καρτέλα και βλέπουμε τον βασικό player και ακούμε την εκπομπή.

 Τώρα θα ανατρέξουμε σε μια παλιότερη ανάρτηση όπου λέω πως γίνεται η προσθήκη ενός audio player.
  Παίρνουμε τον κώδικα της συγκεκριμένης ανάρτησης που είναι με μαύρο χρώμα:

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNTMxMjE4MDIzNTkmcHQ9MTI1MzEyMTgxODI2NSZwPTE4MDMxJmQ9Jmc9MSZvPTYzYzQ4MzA*YTNlNDQ2N2VhNThkNzA1ZTBlZjVhYjZh.gif" /><center><p style="visibility:visible;"><object type="application/x-shockwave-flash" data="http://assets.myflashfetish.com/swf/mp3/mff-pill.swf" height="110" width="265" style="width:265px;height:110px"><param name="movie" value="http://assets.myflashfetish.com/swf/mp3/mff-pill.swf" /><param name="quality" value="high" /><param name="scale" value="noscale" /><param name="salign" value="TL" /><param name="wmode" value="transparent"/><param name="flashvars" value="myid=29801243&path=2009/09/16&mycolor=222222&mycolor2=77ADD1&mycolor3=FFFFFF&autoplay=true&rand=0&f=4&vol=100&pat=0&grad=false&ow=265&oh=110"/></object></p></center>

   Το κομμάτι του κώδικα που είναι τονισμένο με κόκκινο χρώμα το αντικαθιστούμε με το link (http://player.absoluteradio.co.uk/core/player/_flash/player.swf?service=abr&v=1.0.1.25) του streaming του σταθμού που βρήκαμε προηγουμένως με τη βοήθεια του Mozilla. Οι τιμές του ύψους και πλάτους (height, width) του gadget είναι τονισμένες με μπλε χρώμα και αν τις αλλάξουμε θα αλλάξουμε και τις διαστάσεις αυτού. ΠΡΟΣΟΧΗ: Αλλάζουμε τις τιμές και στα δύο height και width. Ο κώδικα που θα έχουμε στο τέλος είναι ο παρακάτω:


<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNTMxMjE4MDIzNTkmcHQ9MTI1MzEyMTgxODI2NSZwPTE4MDMxJmQ9Jmc9MSZvPTYzYzQ4MzA*YTNlNDQ2N2VhNThkNzA1ZTBlZjVhYjZh.gif" /><center><p style="visibility:visible;"><object type="application/x-shockwave-flash" data="http://player.absoluteradio.co.uk/core/player/_flash/player.swf?service=abr&v=1.0.1.25" height="110" width="265" style="width:265px;height:110px"><param name="movie" value="http://player.absoluteradio.co.uk/core/player/_flash/player.swf?service=abr&v=1.0.1.25" /><param name="quality" value="high" /><param name="scale" value="noscale" /><param name="salign" value="TL" /><param name="wmode" value="transparent"/><param name="flashvars" value="myid=29801243&path=2009/09/16&mycolor=222222&mycolor2=77ADD1&mycolor3=FFFFFF&autoplay=true&rand=0&f=4&vol=100&pat=0&grad=false&ow=265&oh=110"/></object></p></center>

   Στη ουσία πήραμε τον κώδικα ενός player και αντί να δηλώσουμε τη διεύθυνση ενός τραγουδιού που αποθηκεύσαμε στο internet και θέλουμε να παίξει, δηλώσαμε τη διεύθυνση του streaming. Το gadget είναι έτοιμο και πορούμε να το προσθέσουμε στο blog μας όπως κάθε άλλο gadget (πανόπτης, διάταξη, προσθήκη gadget, HTML/JavaScript). Είναι ένας απλός player αλλά τη δουλειά του την κάνει. Έχει ένα κουμπί play/stop, μια μπάρα buffer/streaming και ένα κουμπί αυξομείωσης της έντασης του ήχου.
   Τον παραπάνω πειραματισμό τον έκανα και με άλλους ραδιοφωνικούς σταθμούς που δεν παρέχουν τη δυνατότητα του embed κώδικα και δούλεψε επιτυχώς. Ελπίζω να σας άρεσε και εύχομαι καλή επιτυχία σε όσους το επιχειρήσουν. Σύντομα θα ασχοληθώ και με τη live αναμετάδοση εικόνας. Ελπίζω να πετύχει.

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

GOOGLE TRICKS AND HACKS

Καλημέρα σε όλους και όλες. Μετά από μια απουσία κάποιων ημερών είμαστε και πάλι μαζί. Σήμερα θα δούμε τι μπορούμε να κάνουμε με το ψαχτήρι της Google. Κάποια κόλπα είναι περισσότερο γνωστά και κάποια όχι.
   Γράψτε στο πλαίσιο της αναζήτησης της Google κάτι από τα παρακάτω και μετά πατήστε το "Νιώθω τυχερός" (I am feeling lucky): Google gothic, Google l33t, Google loco, xx-klingon, xx-piglatin, google bsd, google linux, ewmew fudd, google gizoogle, google mozilla, google mirror. Τα αποτελέσματα δεν προσφέρουν κάτι ουσιώδες αλλά μας φτιάχνουν τη διάθεση με την ευρυματικότητα της Google. Πληκτρολογήστε: Google easter egg και μετά πατήστε το "Νιώθω τυχερός" (I am feeling lucky). Θα δείτε στην οθόνη σας ένα παιχνίδι της Google όπου υπάρχει ένα λαγουδάκι και με τις κινήσεις του ποντικιού σας το βοηθάτε να μαζέψει όσα περισσότερα πασχαλινά αυγά. Πληκτρολογήστε answer to life, the univers and everything, και πατήστε αναζήτηση και διαβάστε τα αποτελέσματα ειδικά αυτό που σας παραπέμπει στη Wikipedia (πρέπει να γνωρίζετε αγγλικά). Πάτε πάλι στο πλαίσιο αναζήτησης της Google  και πληκτρολογήστε: G  gle (ανάμεσα στα g πρέπει να έχετε πατήσει δυο φορές για κενό) και μετά πατήστε το "Νιώθω τυχερός" (I am feeling lucky). Κάντε κλικ με το ποντίκι σας μέσα στο πλαίσιο αναζήτησης της Google και θα δείτε ότι μετά από λίγα δευτερόλεπτα θα χαθούνε τα δύο o από το logo της Google.
   Πάμε σε μερικά πιο εξεζητημένα πράγματα που μπορούμε να κάνουμε με τη Google. Πληκτρολογήστε στο πλαίσιο αναζήτησης της Google: half a cup in tablespoons. Πατήστε το κουμπί της αναζήτησης και θα δείτε ότι η Google έχει αριθμομηχανή. Τώρα μπορείτε να κάνετε διάφορες αριθμητικές πράξεις μέσα στο πλαίσιο αναζήτησης. Για παράδειγμα πληκτρολογήστε 5*15 και πατήστε το enter.
   Υπάρχουν και κάποιες εντολές που μπορούμε να δώσουμε και να εκμεταλλευτούμε  τη χαλαρότητα ορισμένων. Για παράδειγμα μπορούμε να έχουμε μέσα από τη Google πρόσβαση σε διάφορες κάμερες που είναι συνδεδεμένες με το διαδύκτιο. Τέσσερις εντολές που μπορείτε να πληκτρολογήσετε (πάντα στο πλαίσιο αναζήτησης) είναι οι εξής:inurl: 1) ”Viewerframe?Mode=” 2) inurl:’viewerframe?mode=motion” 3) intitle:”Live View/-AXIS” και 4) SNC-RZ30 HOME.
   Υπάρχουν εντολές για να βρούμε και να κατεβάσουμε δωρεάν videos και μουσική. Είναι οι παρακάτω:
url:htm –inurl:html –inurl:asp –intitle:”index of” (wmv|mpg|avi)
όνομα του video που θέλετε
url:htm –inurl:html –inurl:asp –intitle:”index of” (mp3|wma)
όνομα του μουσικού αρχείου που θέλετε
   Όσοι από εσάς ασχολούνται ή σκοπεύουν να ασχοληθούνε με την  
PHP τότε ίσως η παρακάτω εντολή του φανεί χρήσιμη (ο τρόπος 
εκτέλεσης αυτής παραμένει ο ίδιος: πληκτρολόγηση στο πλαίσιο 
αναζήτησης και πατάμε το enter):
intitle:phpMyAdmin “Welcome to phpMyAdmin***” “running on 
* as root@*”
    Αν πληκτρολογήσουμε: inurl:”port_255”-htm και πατήσουμε enter 
τότε τα αποτελέσματα μας οδηγούνε σε διάφορους συνδεδεμένους 
εκτυπωτές.
   Με την εντολή: “robots.txt” “disallow:” filetype:txt μπορούμε να 
βρούμε αρχεία τα οποία δεν τα βρισκουν οι μηχανές αναζήτησης. 
Πληκτρολογήστε την εντολή όπως τις παραπάνω και πατήστε enter. 
Διαλέξτε ένα από τα αποτελέσματα και ανοίξτε το. Διαλέξτε ένα 
από τα αρχεία που θέλετε να δείτε και κάντε το copy - paste στη 
μπάρα διευθύνσεων (address bar) στη θέση του /robots.txt στη 
διεύθυνση και πατήστε το enter.
   Την επόμενη εντολή την αναφέρω μόνο για εκπαιδευτικούς 
λόγους. Αν πληκτρολογήσετε:
Inurl:_vti_pvt “service.pwd” θα εμφανίσει αποτελέσματα τα 
οποία οδηγούνε σε web sites που δημιουργήθηκαν με το Front Page
και οι δημιουργοί τους δεν ήταν τόσο προσεκτικοί με την ασφάλεια.
Αυτό έχει ως αποτέλεσμα την εμφάνιση passwords.
  Μια άλλη εντολή που μπορείτε να χρησιμοποιήσετε για να 
ανεβάσετε μια φωτογραφία σε ένα photo album ενός 
απομακρυσμένου χρήστη είναι η εξής: inurl:"phphotoalbum/upload".
   Ελπίζω να τα βρείτε ενδιαφέροντα. 



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

ΤΡΟΠΟΠΟΙΗΜΕΝΟ ΤΡΙΣΤΗΛΟ MINIMA TEMPLATE

Καλησπέρα. Σήμερα δε θα σας προτείνω κάποιο widget, σελίδα ή trick ούτε θα σας παραπέμψω σε κάποιο tutorial. Σήμερα θα σας προσφέρω ένα template του blogspot το οποίο το έχω τροποποιήσει λιγάκι. Το template είναι το minima στη λευκή του έκδοση. Παρακάτω είναι ο κώδικας και ακόμα πιο κάτω ένα screenshot για να δείτε πως δείχνει στη διάταξη του πανόπτη.
   Λίγα στοιχεία του παρακάτω template: Είναι τρίστηλο, η navbar έχει αφαιρεθεί για αποφυγή διάφορων επιτήδιων, κάτω από το κείμενο έχει τρεις κάθετες στήλες στις οποίες μπορούνε να προστεθούνε εικόνες, widgets και διάφορα άλλα, καθώς και προεγκατεστημένο ένα κουμπί Bookmark, το οποίο θα εμφανίζεται κάτω από κάθε σας ανάρτηση, για να κάνετε προσθήκη των post σας εσείς ή οι αναγνώστες σας σε διάφορες υπηρεσίες όπως είναι το Twitter, Facebook, MySpace, Delicious και μια πληθώρα άλλων υπηρεσιών. Πάνω από την κεφαλίδα μπορείτε να κάνετε προσθήκη gadget έτσι ώστε αν θέλετε να έχετε για logo ακόμα και animated banner. Επίσης αν κάνετε κλικ πάνω στον τίτλο ενός post θα δείτε ότι στη συγκεκριμένη ανάρτηση εμφανίζεται και ένα κουμπί για την εκτύπωση αυτής. Δείτε ένα test blog για το πως θα φαίνεται κάνοντας κλικ εδώ. Ελπίζω να το βρείτε ενδιαφέρον.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Minima
Designer: Douglas Bowman
URL: www.stopdesign.com
Modified by hackaday
URL: http://locusblogus.blogspot.com
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */




#navbar-iframe {display:none !important;}


/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Page Background Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="textcolor" description="Text Color"
             type="color" default="#333" value="#333333">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#58a" value="#5588aa">
   <Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#666" value="#666666">
   <Variable name="descriptioncolor" description="Blog Description Color"
             type="color" default="#999" value="#999999">
   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#c60" value="#cc6600">
   <Variable name="bordercolor" description="Border Color"
             type="color" default="#ccc" value="#ffffff">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#999" value="#999999">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#666" value="#666666">
   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#999" value="#999999">
   <Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
   <Variable name="headerfont" description="Sidebar Title Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
   <Variable name="pagetitlefont" description="Blog Title Font"
             type="font"
             default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
   <Variable name="descriptionfont" description="Blog Description Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="postfooterfont" description="Post Footer Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="startSide" description="Side where text starts in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="Side where text ends in blog language"
             type="automatic" default="right" value="right">
*/


body {
  background:$bgcolor;
  margin:0;
  color:$textcolor;
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  }
a:link {
  color:$linkcolor;
  text-decoration:none;
  }
a:visited {
  color:$visitedlinkcolor;
  text-decoration:none;
  }
a:hover {
  color:$titlecolor;
  text-decoration:underline;
}
a img {
  border-width:0;
  }


/* Header
-----------------------------------------------
 */


#header-wrapper {
  width:950px;
  margin:0 auto 10px;
  border:1px solid $bordercolor;
  }


#header-inner {
  background-position: center;
  margin-left: auto;
  margin-right: auto;
}


#header {
  margin: 5px;
  border: 1px solid $bordercolor;
  text-align: center;
  color:$pagetitlecolor;
}


#header h1 {
  margin:5px 5px 0;
  padding:15px 20px .25em;
  line-height:1.2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  font: $pagetitlefont;
}


#header a {
  color:$pagetitlecolor;
  text-decoration:none;
  }


#header a:hover {
  color:$pagetitlecolor;
  }


#header .description {
  margin:0 5px 5px;
  padding:0 20px 15px;
  max-width:700px;
  text-transform:uppercase;
  letter-spacing:.2em;
  line-height: 1.4em;
  font: $descriptionfont;
  color: $descriptioncolor;
 }


#header img {
  margin-$startSide: auto;
  margin-$endSide: auto;
}




/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
  width: 950px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }


#main-wrapper {
  width: 410px;
  float: left;margin-left: 40px;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }


#sidebar-wrapper {
  width: 220px;
  float: right;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
#left-sidebar-wrapper {
  width: 220px;
  float: left;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}


/* Headings
----------------------------------------------- */


h2 {
  margin:1.5em 0 .75em;
  font:$headerfont;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:$sidebarcolor;
}




/* Posts
-----------------------------------------------
 */
h2.date-header {
  margin:1.5em 0 .5em;
  }


.post {
  margin:.5em 0 1.5em;
  border-bottom:1px dotted $bordercolor;
  padding-bottom:1.5em;
  }
.post h3 {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:$titlecolor;
}


.post h3 a, .post h3 a:visited, .post h3 strong {
  display:block;
  text-decoration:none;
  color:$titlecolor;
  font-weight:normal;
}


.post h3 strong, .post h3 a:hover {
  color:$textcolor;
}


.post-body {
  margin:0 0 .75em;
  line-height:1.6em;
}


.post-body blockquote {
  line-height:1.3em; 
}


.post-footer {
  margin: .75em 0;
  color:$sidebarcolor;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: $postfooterfont;
  line-height: 1.4em;
}


.comment-link {
  margin-$startSide:.6em;
  }
.post img {
  padding:4px;
  border:1px solid $bordercolor;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }


/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font-weight: bold;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color: $sidebarcolor;
  }


#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block .comment-author {
  margin:.5em 0;
  }
#comments-block .comment-body {
  margin:.25em 0 0;
  }
#comments-block .comment-footer {
border-bottom:2px solid #736AFF;
  margin:-.25em 0 2em;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block .comment-body p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


#blog-pager-newer-link {
  float: $startSide;
 }


#blog-pager-older-link {
  float: $endSide;
 }


#blog-pager {
  text-align: center;
 }


.feed-links {
  clear: both;
  line-height: 2.5em;
}


/* Sidebar Content
----------------------------------------------- */
.sidebar {
  color: $sidebartextcolor;
  line-height: 1.5em;
 }


.sidebar ul {
  list-style:none;
  margin:0 0 0;
  padding:0 0 0;
}
.sidebar li {
  margin:0;
  padding-top:0;
  padding-$endSide:0;
  padding-bottom:.25em;
  padding-$startSide:15px;
  text-indent:-15px;
  line-height:1.5em;
  }


.sidebar .widget, .main .widget {
  border-bottom:1px dotted $bordercolor;
  margin:0 0 1.5em;
  padding:0 0 1.5em;
 }


.main .Blog {
  border-bottom-width: 0;
}




/* Profile
----------------------------------------------- */
.profile-img {
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  padding: 4px;
  border: 1px solid $bordercolor;
}


.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: $postfooterfont;
  color: $sidebarcolor;
  font-weight: bold;
  line-height: 1.6em;
}


.profile-datablock {
  margin:.5em 0 .5em;
}


.profile-textblock {
  margin: 0.5em 0;
  line-height: 1.6em;
}


.profile-link {
  font: $postfooterfont;
  text-transform: uppercase;
  letter-spacing: .1em;
}


/* Footer
----------------------------------------------- */
#footer {
  width:660px;
  clear:both;
  margin:0 auto;
  padding-top:15px;
  line-height: 1.6em;
  text-transform:uppercase;
  letter-spacing:.1em;
  text-align: center;
}
]]></b:skin>
<style media='print' type='text/css'> #header-wrapper, #header, .header, #sidebar-wrapper, .sidebar, #footer-wrapper, #footer, .date-header, .post-meta-data, .comment-link, .comment-footer, #blog-pager, #backlinks-container, #navbar-section, .subscribe_notice, .noprint {display: none;} #main-wrapper {width: 95%} </style>
  </head>


  <body>
  <div id='outer-wrapper'><div id='wrap2'>


    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>


    <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='SimpleStyle (Κεφαλίδα)' type='Header'>
<b:includable id='main'>


  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == "REPLACE"'>
      <!--Show just the image, no text-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
      </div>
    <b:else/>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                      + "background-position: "                      + data:backgroundPositionStyleStr + "; "                      + data:widthStyleStr                      + "min-height: " + data:height + "px;"                      + "_height: " + data:height + "px;"                      + "background-repeat: no-repeat; "' id='header-inner'>
        <div class='titlewrapper' style='background: transparent'>
          <h1 class='title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </h1>
        </div>
        <b:include name='description'/>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
<b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
<b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
</b:widget>
</b:section>
    </div>


    <div id='content-wrapper'>


      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol' showaddelement='no'/>
      </div>
<div id='left-sidebar-wrapper'> <b:section class='sidebar' id='left-sidebar' preferred='yes'/> </div>
      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Αναρτήσεις ιστολογίου' type='Blog'>
<b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>


    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>


    <b:if cond='data:blog.homepageUrl != data:blog.url'>
      <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      <b:else/>
      <b:if cond='data:newerPageUrl'>
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      </b:if>
    </b:if>


  </div>
  <div class='clear'/>
</b:includable>
<b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'> </span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
<b:includable id='post' var='post'>
  <div class='post hentry uncustomized-post-template'>
    <b:if cond='data:blog.pageType == "item"'> <span style='background: url(http://bloggerbuster.com/images/print.gif) left no-repeat; padding-left: 20px;'><a href='javascript:window.print()'>Print this post</a></span> </b:if>
<a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h3>
    </b:if>
    <div class='post-header-line-1'/>


    <div class='post-body entry-content'>
      <data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
 
    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a> 
      </div>
    </b:if>
   
    <div class='post-footer'>
<!-- AddThis Button BEGIN -->
<div><a class='addthis_button' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><img alt='Bookmark and Share' height='16' src='http://s7.addthis.com/static/btn/v2/lg-bookmark-en.gif' style='border:0' width='125'/></a>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pub=xa-4aea216727a9a258' type='text/javascript'/></div>
<!-- AddThis Button END -->


    <div class='post-footer-line post-footer-line-1'>
      <span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </b:if>
      </span>


      <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <data:top.timestampLabel/>
        <b:if cond='data:post.url'>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span>
 
      <span class='reaction-buttons'>
        <b:if cond='data:top.showReactions'>
          <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
            <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
              <span class='reactions-label'>
              <data:top.reactionsLabel/></span> </td>
            <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
           </tr></table>
        </b:if>
      </span>


      <span class='star-ratings'>
        <b:if cond='data:top.showStars'>
           <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
        </b:if>
      </span>


      <span class='post-comment-link'>
        <b:if cond='data:blog.pageType != "item"'>
          <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
          </b:if>
        </b:if>
      </span>


       <!-- backlinks -->
       <span class='post-backlinks post-comment-link'>
         <b:if cond='data:blog.pageType != "item"'>
           <b:if cond='data:post.showBacklinks'>
             <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
           </b:if>
         </b:if>
       </span>


      <span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>


        <!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span>
      </div>


      <div class='post-footer-line post-footer-line-2'>
      <span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
          </b:loop>
        </b:if>
      </span>
      </div>


      <div class='post-footer-line post-footer-line-3'>
      <span class='post-location'>
        <b:if cond='data:top.showLocation'>
          <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
        </b:if>
      </span>
      </div>
    </div>
  </div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='"item-control " + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <img src='http://www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>


    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <h4 id='comment-post-message'><data:postCommentMsg/></h4>
    <p><data:blogCommentMessage/></p>
    <data:blogTeamBlogMessage/>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
  </div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='"item-control " + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='http://www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='"item-control " + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
<b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>


      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
         
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
         
          <data:post.commentRangeText/>
         
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
         
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>


      <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
          <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
            <b:if cond='data:comment.favicon'>
              <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
            </b:if>
            <a expr:name='data:comment.anchorName'/>
            <b:if cond='data:blog.enabledCommentProfileImages'>
              <data:comment.authorAvatarImage/>
            </b:if>
            <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>
          </dt>
          <dd class='comment-body'>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
          </dd>
          <dd class='comment-footer'>
            <span class='comment-timestamp'>
              <a expr:href='data:comment.url' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
              <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          </dd>
        </b:loop>
      </dl>


      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
         
          <data:post.commentRangeText/>
         
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>


      <p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>


      </p>
    </b:if>


    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + "_backlinks-container"'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
<b:includable id='main' var='top'>
  <!-- posts -->
  <div class='blog-posts hfeed'>


    <b:include data='top' name='status-message'/>


    <data:defaultAdStart/>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.dateHeader'>
        <h2 class='date-header'><data:post.dateHeader/></h2>
      </b:if>
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == "static_page"'>
        <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:blog.pageType == "item"'>
        <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:post.includeAd'>
        <b:if cond='data:post.isFirstPost'>
          <data:defaultAdEnd/>
        <b:else/>
          <data:adEnd/>
        </b:if>
        <div class='inline-ad'>
          <data:adCode/>
        </div>
        <data:adStart/>
      </b:if>
      <b:if cond='data:post.trackLatency'>
        <data:post.latencyJs/>
      </b:if>
    </b:loop>
    <data:adEnd/>
  </div>


  <!-- navigation -->
  <b:include name='nextprev'/>


  <!-- feed links -->
  <b:include name='feedLinks'/>
 
  <b:if cond='data:top.showStars'>
    <script src='http://www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
      function initialize() {
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </script>
  </b:if>
</b:includable>
</b:widget>
</b:section>
      </div>


      <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'/>
      </div>


      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'> </div>


    </div> <!-- end content-wrapper -->


    <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'/>
</div>
<div style='clear:both;'/>
</div>
    </div>

  </div></div> <!-- end outer-wrapper -->
</body><div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'><p align='center'><a href='http://locusblogus.blogspot.com'>Modified by hackaday 2009</a></p></div>
</html>

back to top