RSS

Category Archives: POST

ΠΡΟΣΘΗΚΗ HIT COUNTER ΓΙΑ ΑΝΑΡΤΗΣΕΙΣ

Καλησπέρα και καλό Σαββατοκύριακο. Σήμερα θα δούμε πως μπορούμε να βάλουμε έναν μετρητή αναγνώσεων ανάρτησης. Είναι πολύ εύκολο και το μόνο που χρειάζεται είναι μερικά λεπτά.
Μπαίνουμε στο λογαριασμό μας στο blogspot και από τον πανόπτη πάμε στη διάταξη και από εκεί στην επεξεργασία HTML. Πριν προχωρήσουμε παίρνουμε ένα αντίγραφο αφαλείας (back up) του κώδικα μας. Μετά πατάμε μέσα στο κουτάκι που βρίσκεται ακριβώς δίπλα στην επέκταση προτύπων γραφικών στοιχείων. Πατάμε control και F (Ctrl+F) για να ανοίξει το ψαχτήρι στο κάτω μέρος του φυλλομετρητή (browser).
Μέσα στο πλαίσιο στο ψαχτήρι πληκτρολογείστε <div class=’post-header-line-1’/> και θα σας εμφανιστεί τονισμένο με χρώμα μέσα στον κώδικα. Αν δεν το βρίσκετε δοκιμάστε να βρείτε το <data:post.body/> και μόλις το βρείτε αμέσως μετά από αυτό κάντε αντιγραφή – επικόλληση (copy – paste) τον παρακάτω κώδικα του widget:

<b:if cond=’data:blog.pageType == «item»‘><div align=’center’ style=’border:solid 2px #999999; padding:2px; margin:2px; width:100px; display:compact’><img height=’16’ src=’http://forums.bit-tech.net/images-light/misc/stats.gif&#8217; width=’16’/> <a href=’http://locusblogus.blogspot.com’><b><font size=’2′><script src=’http://nirav07.ulmb.com/counter.php&#8217; type=’text/javascript’/> Views</font></b></a></div></b:if>

Πατήστε αποθήκευση (save) και είστε έτοιμοι. Για να δείτε το μετρητή το μόνο που έχετε να κάνετε είναι να μπείτε στο ιστολόγιο σας και να κάνετε κλικ πάνω στον τίτλο μιας ανάρτησης σας. Τότε θα το δείτε κάτω από τον τίτλο της ανάρτησης σας. Το συγκεκριμένο gadget έχει προστεθεί και στο Locus Blogus. Με ένα κλικ σε τίτλο μιας ανάρτησης θα το δείτε και αν σας αρέσει μπορείτε να προχωρήσετε στην προσθήκη αυτού στο δικό σας blog. Ο μετρητής μετράει την κάθε επίσκεψη σε κάθε ανάρτηση ακόμα και αν προέρχεται από την ίδια IP. Αυτό σημαίνει ότι όσες επισκέψεις κάνουν στις αναρτήσεις τους και οι ιδιοκτήτες των ιστολογίων αυτές θα καταγραφούνε. Άρα δε μιλάμε για κάτι αξιόπιστο εφόσον δε μετράει μοναδικούς επισκέπτες κάτι που κάνει το Google Analytics, το Extreme Tracking και άλλες διαδυκτιακές υπηρεσίες.
Ελπίζω να σας άρεσε αυτή η ανάρτηση. Καλή επιτυχία σε όλους και σε όλες.

 
19 Σχόλια

Posted by στο Απρίλιος 24, 2010 in COUNTER, GADGET, ΑΝΑΡΤΗΣΕΙΣ, POST, WIDGET

 

ΑΥΞΟΜΕΙΩΣΗ ΜΕΓΕΘΟΥΣ ΑΝΑΡΤΗΣΕΩΝ

Καλημέρα και καλή εβδομάδα. Σήμερα έχω να μοιραστώ μαζί σας ένα καταπληκτικό widget. Τι κάνει αυτό το widget; Όπως βλέπετε στα δεξιά έχουμε μια εικόνα η οποία απεικονίζει Α- και A+. Πατώντας συνεχώς το Α+ αυξάνεται το μέγεθος της γραμματοσειράς που απαρτίζει την ανάρτηση. Πατώντας το Α- συνεχώς τα γράμματα μικραίνουν συνεπώς και η ανάρτηση. Είναι ένα χρήσιμο εργαλείο για πολλούς αναγνώστες που έχουν κάποιο πρόβλημα με την όραση τους. Το βρήκα στο bloghacktips.blogspot.com και η προσθήκη του είναι πανεύκολη.
Μπείτε στο λογαριασμό του blogspot σας και από εκεί πάτε πανόπτης, διάταξη, προσθήκη gadget και HTML/JavaScript (Layout>Add a Gadget>HTML/JavaScript). Κάντε αντιγραφή – επικόλληση (copy – paste) τον παρακάτω κώδικα και πατήστε αποθήκευση (save).

<script language=»JavaScript» src=»http://bloghacktips.googlepages.com/font.js»></script><div class=»central» style=»width: 80; height: 19″><span style=»font-family:Arial;»><b><br /><br /><a href=»javascript:decreaseFontSize();»>A-</a><span style=»font-size: 200%»> <a href=»javascript:increaseFontSize();»>A+</a></span></b></span></div><a href=»http://bloghacktips.blogspot.com/2009/04/font-size-is-always-problem-for-blogger.html»><span style=»font-size: 70%»></span></a>

UPDATE: Επειδή κάποιοι συνάντησαν δυσκολίες με το συγκεκριμένο trick θα αναφέρω άλλους δυο τρόπους για το πως θα επιτευχθεί η αυξομείωση των fonts στο blog.
Αν θέλετε να έχετε κουμπί αυξομείωσης όπως το παρακάτω screenshot:

βάλτε τον παρακάτω κώδικα όπως κάθε άλλο gadget:

Change Text Size<br/> <a href=»javascript:void(0);» onclick=»javascript:body.style.fontSize=’.5em'»><span >+</span></a> <a href=»javascript:void(0);» onclick=»javascript:body.style.fontSize=’1em'»><span >+</span></a> <a href=»javascript:void(0);» onclick=»javascript:body.style.fontSize=’1.5em'»><span >+</span></a> <a href=»javascript:void(0);» onclick=»javascript:body.style.fontSize=’2em'»><span >+</span></a> <a href=»javascript:void(0);» onclick=»javascript:body.style.fontSize=’2.5em'»><span >+</span></a>

Αν θέλετε τα κουμπιά αυξομείωσης να δείχνουν όπως το παρακάτω screenshot:

βάλτε τον παρακάτω κώδικα όπως κάθε άλλο gadget:

Change Text Size<br/>
<a href=»javascript:void(0);» onclick=»javascript:body.style.fontSize=’.5em'»><span >Small</span></a>
<a href=»javascript:void(0);» onclick=»javascript:body.style.fontSize=’1em'»><span >Medium</span></a>
<a href=»javascript:void(0);» onclick=»javascript:body.style.fontSize=’1.5em'»><span >Large</span></a>
<a href=»javascript:void(0);» onclick=»javascript:body.style.fontSize=’2em'»><span >Larger</span></a>
<a href=»javascript:void(0);» onclick=»javascript:body.style.fontSize=’2.5em'»><span >Largest</span></a>

 

ΚΑΝΤΕ ΕΜΦΑΝΕΣ ΕΝΑ ΜΕΡΟΣ ΤΟΥ POST

Η αναγνώστρια του Locus Blogus LoLa ζήτησε να μάθει πως μπορεί, όταν ανεβάζει ένα post, να φαίνεται ένα μέρος της ανάρτησης και ο αναγνώστης για να το δει όλο πρέπει να κάνει κλικ. Τo wordpress δίνει αυτή τη δυνατότητα αλλά το blogspot; Η απάντηση είναι ότι γίνεται αν πειράξουμε λίγο τον κώδικα. Δεν είναι ιδιαίτερα δύσκολο.
Μπαίνουμε στο λογαριασμό μας και από εκεί πάμε πανόπτης, διάταξη και επεξεργασία HTML. πριν προχωρήσουμε παίρνουμε ένα αντίγραφο ασφαλείας (back up) του template. Μετά κάνουμε κλικ στο κουτάκι που βρίσκεται δίπλα στην επέκταση γραφικών στοιχείων προτύπου. Πατάμε Ctrl+F και βρίσκουμε το </head> Ακριβώς πριν απ’ αυτό κάνουμε αντιγραφή – επικόλληση (copy – paste) τον παρακάτω κώδικα.

<script language=’javascript’ src=’http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery-1.2.3.pack.js&#8217; type=’text/javascript’/> <script language=’javascript’ src=’http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery.expander.js&#8217; type=’text/javascript’/> <script type=’text/javascript’> $(document).ready(function() { $(‘.excerpt’).expander({ slicePoint: 280, // default is 100 expandText: ‘[…]’, // default is ‘read more…’ }); }); </script>

Μετά πάμε να βρούμε το παρακάτω κομμάτι του κώδικα:

<div class=’post-body entry-content’> <data:post.body/> <div style=’clear: both;’/> <!– clear for photos floats –> </div>

Αν δυσκολεύεστε με το Ctrl+F βρείτε το <data:post.body/> Η παράγραφος θα βρεθεί κατευθείαν. Μετά έχοντας πατημένο το αριστερό κουμπί από το ποντίκι μας σέρνουμε τον κέρσορα για να τονίσουμε (highlight) την παράγραφο. Δείτε το παρακάτω screenshot.


Το παραπάνω κομμάτι του κώδικα το αντκαθιστούμε, κάνοντας αντιγραφή – επικόλληση (copy – paste), με το παρακάτω κώδικα:

<b:if cond=’data:blog.pageType != «item»‘>
<div class=’excerpt post-body entry-content’>
<data:post.body/>
<div style=’clear: both;’/> <!– clear for photos floats –>
</div>
<b:else/>
<div class=’post-body entry-content’>
<data:post.body/>
<div style=’clear: both;’/> <!– clear for photos floats –>
</div>
</b:if>

Τώρα πατήστε προεπισκόπηση και αν είστε ευχαριστημένοι πατήστε αποθήκευση (save). Δείτε τα δύο παρακάτω screenshots για να πάρετε μια ιδέα πως θα είναι. Το πρώτο δείχνει ένα μέρος του κειμένου και δεύτερο ολόκληρο αν κάνουμε κλικ στο […] Κάντε κλικ πάνω στις φωτογραφίες για να τις δείτε σε μεγέθυνση.


 
25 Σχόλια

Posted by στο Ιανουαρίου 26, 2009 in BLOG, BLOGGER, BLOGSPOT, HACKS, ΑΝΑΡΤΗΣΗ, POST

 

ΠΩΣ ΕΜΦΑΝΙΖΟΥΜΕ ΚΩΔΙΚΑ ΣΤΙΣ ΑΝΑΡΤΗΣΕΙΣ

Πολλές φορές θέλουμε να κάνουμε μια ανάρτηση η οποία θα περιέχει κάποιον κώδικα και θέλουμε να είναι ορατός στους αναγνώστες. Βάζοντας τον κώδικα ως έχει θα παρατηρήσουμε ότι με τη δημοσίευση του post μας ο κώδικας δεν υπάρχει και εμφανίζεται το προϊόν του κώδικα (αν μπορούμε να το πούμε έτσι για να γίνει κατανοητό), είτε αυτό είναι φωτογραφία, είτε banner είτε link.
Η αλήθεια είναι ότι όλη τη ζημιά την κάνουν τα σύμβολα . Για να εμφανιστεί ο κώδικας έτσι ώστε οι αναγνώστες να μπορούνε να τον κάνουνε αντιγραφή – επικόληση (copy – paste) πρέπει να αντικαταστήσουμε τα παραπάνω σύμβολα. Πως θα γίνει αυτό και με τι θα αντικατασταθούνε; Η διαδικασία είναι πολύ απλή και ο χρόνος που χρειάζεται είναι δυο λεπτά το πολύ.
Πάμε στην επιφάνεια εργασίας, κάνουμε δεξί κλικ, πάμε στη δημιουργία και από εκεί έγγραφο κειμένου (notepad). Κάνουμε αντιγραφή – επικόληση (copy – paste) τον κώδικα που θέλουμε να δημοσιεύσουμε και μετά πάμε πάνω στη μπάρα στην επεξεργασία και επιλέγουμε αντικατάσταση. Θα ανοίξει ένα παράθυρο που θα ονομάζεται Αντικατάσταση και θα έχει δύο πεδία. το πρώτο λέει Εύρεση του και το δεύτερο Αντικατάσταση με. Στο πρώτο πεδίο βάζουμε το σύμβολο < και στο δεύτερο
(με αυτό αντικαθιστάται). Πατάμε αντικατάσταση όλων και βλέπουμε ότι στον κώδικα όπου είχε το σύμβολο < υπάρχει ο συνδυασμός
Δεν τελειώσαμε ακόμα. Κάνουμε την ίδια εργασία και για το σύμβολο > μόνο που το αντικαθιστούμε με
Πατάμε αντικατάσταση όλων και βλέπουμε ότι στον κώδικα όπου υπήρχε το σύμβολο > αντικαταστάθηκε από
Το κάνουμε αποθήκευση (save) και τελειώσαμε. Τώρα έτσι όπως μετατρέψαμε τον κώδικα αν τον αναρτήσουμε με αντιγραφή – επικόληση (copy – paste) θα εμφανιστεί κανονικά στο blog. Μια ματιά στην προεπισκόπηση θα σας πείσει. Καλή επιτυχία και προσέξτε τι αντικαθιστάτε με τι. Τα δύο screenshots παρακάτω θα σας βοηθήσουν να θυμάστε:

 
2 Σχόλια

Posted by στο Ιανουαρίου 18, 2009 in HACK, ΔΗΜΟΣΙΕΥΣΗ, ΚΩΔΙΚΑΣ, POST