Blogger Tips – Tricks – Gadgets – Templates – Hacks

Κάθετο Menu Bar στο Blog σας



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Ένα όμορφο κατακόρυφο menu bar έχω να σας δείξω σήμερα. Είναι πολύ εξυπηρετικό και το κυριότερο είναι ότι δεν χρειάζεται επεξεργασία του Html κωδικού. Μπαίνει απλά σαν widget στην sidebar του blog.

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

Παρακάτω θα σας δείξω ποιό χρώμα αντιστοιχεί στον ανάλογο κωδικό.



Ο κωδικός του είναι αυτός.



<style type=”text/css”>



#ddblueblockmenu ul{

margin: 0;

padding: 0;

list-style-type: none;

font: normal 90% ‘Trebuchet MS’, ‘Lucida Grande’, Arial, sans-serif;

}



#ddblueblockmenu{

border: 1px solid #000000;

border-bottom-width: 0;

width: 100%;

}



#ddblueblockmenu a{

display: block;

padding: 3px 0;

padding-left: 9px;

width: 94%; /*94% minus all left/right paddings and margins*/

text-decoration: none;

color: #ffffff;

background-color: #2175bc;

border-bottom: 1px solid #90bade;

border-left: 7px solid #1958b7;

list-style-type:none;

}



* html #ddblueblockmenu a{ /*IE only */

width: 94%; /*IE 5*/

width: 94%; /*94% minus all left/right paddings and margins*/

}



#ddblueblockmenu a:hover {

background-color: #2586d7;

border-left-color: #1c64d1;

}



#ddblueblockmenu div.menutitle{

color: #ffffff;

border-bottom: 1px solid black;

padding: 1px 0;

padding-left: 5px;

background-color: #000000;

font: bold 90% ‘Trebuchet MS’, ‘Lucida Grande’, Arial, sans-serif;

}



</style>



<div id=”ddblueblockmenu”>



<div class=”menutitle”>Browse</div>

<ul>

<a href=”Το Url του Link σας/“>Home</a>

<a href=”Το Url του Link σας/“>About me</a>

<a href=”Το Url του Link σας/“>To άλλο μου Blog</a>

<a href=”Το Url του Link σας/“>Διάφορα</a>

<a href=”Το Url του Link σας/“>Επικοινωνία</a>

</ul></div>



Όπως προανέφερα, είναι widget, οπότε για να κάνετε την εφαρμογή θα πάτε Πίνακα ελέγχου –>  Σχεδίαση –> Προσθήκη gadget –> Html/Javascript, και κάνουμε επικόλληση τον κωδικό. Πριν πατήσετε Αποθήκευση, πρέπει να κάνετε τις ρυθμίσεις που απαιτούν τα …γούστα σας.

Στην αρχή του κωδικού, ο αριθμός με το πράσινο χρώμα, αντιστοιχεί στο χρώμα του πλαισίου του widget.

Ακολούθως, το σκούρο μπλε, είναι το χρώμα των γραμμάτων του κεντρικού Menu.

Με το καφέ, είναι το background του Menu.

Με το κόκκινο χρώμα είναι το χρωμα της διαχωριστικής γραμμής του menu.

Με το μπλε, είναι η κάθετη γραμμή δίπλα στο πλαίσιο, που φαίνεται αριστερά του menu.

Με το θαλασσί, είναι το χρώμα του menu, όταν περνάμε το δείκτη του ποντικιού από πάνω του.

Με το φούξια, είναι το χρώμα της κάθετης γραμμής του menu, όταν περνάμε το δείκτη του ποντικιού από πάνω του.

Με το πράσινο, είναι το χρώμα των γραμμέτων του τίτλου.

Τέλος με το πορτοκαλί, είναι το background του τίτλου.



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

Δείτε την εικόνα.








Προς το τέλος του κωδικού, αυτό με το κόκκινο χρώμα, είναι τα links που θα φαίνονται.

Εκεί που γράφει “Το Url του Link σας/”, βάζουμε το direct link που θα οδειγήται ο επισκέπτης πατώντας το, ενώ εκεί που γράφει Home κλπ, γράφουμε αυτό που προσδιορίζει το link.

Μπορούμε να προσθέσουμε, (ή να αφαιρέσουμε), όσα links θέλουμε, επικολώντας κάθε φορά για κάθε link τον κωδικό














<a href=”Το Url του Link σας/”>Home</a>





Νομίζω ότι είναι αρκετά εύκολο.

Δοκιμάστε το, κι αν σας άρεσε αφήστε μου ένα σχόλιο.





Post by Ekabitis




Pop up παράθυρο, για να βλέπετε τις εικόνες



Print Friendly and PDFPrintPrint Friendly and PDFPDF


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

Βέβαια έχετε την επιλογή του
target_blank, όπου βάζοντάς το στον html κωδικό της φωτογραφίας, αυτή ανοίγει αυτόματα σε νέο παράθυρο.

Σήμερα όμως έχω να προτείνω και έναν άλλο τρόπο. Να ανοίγει η εικόνα μας σε ένα καινούριο pop up παράθυρο.

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

Κάντε κλικ στην παρακάτω εικόνα, να δείτε πως λειτουργεί και πως φαίνετε.












Η εφαρμογή του είναι πολύ απλή και εύκολη.

Αφού ετοιμάσουμε την ανάρτησή μας, και φορτώσουμε την φωτογραφία μας, πάμε σε μορφή HTML, και βρίσκουμε τον κωδικό της φωτογραφίας.


Παίρνουμε για παράδειγμα την παραπάνω φωτογραφία.

Ο Html κωδικός της είναι έτσι



<a onblur=”try {parent.deselectBloggerImageGracefully();} catch(e) {}” href=”http://4.bp.blogspot.com/_f2yaFv_baV0/S_V7Nf8vR8I/AAAAAAAABog/TikH7cfnPCo/s1600/__PA270229.jpg”><img style=”display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 175px;” src=”http://4.bp.blogspot.com/_f2yaFv_baV0/S_V7Nf8vR8I/AAAAAAAABog/TikH7cfnPCo/s320/__PA270229.jpg” border=”0″ alt=”” id=”BLOGGER_PHOTO_ID_5473416393983477698″ /></a>



Παίρνουμε τώρα τον παρακάτω κωδικό



target=”_blank” onclick=”window.openundefinedthis.href, ‘popupwindow’, ‘width=800, height=440, resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no’); return false;”



και τον προσθέτουμε αμέσως πριν το κλείσιμο (>) του κωδικού της φωτό.

Θα φαίνεται δηλαδή έτσι



<a onblur=”try {parent.deselectBloggerImageGracefully();} catch(e) {}” href=”http://4.bp.blogspot.com/_f2yaFv_baV0/S_V7Nf8vR8I/AAAAAAAABog/TikH7cfnPCo/s1600/__PA270229.jpg” target=”_blank” onclick=”window.open(this.href, ‘popupwindow’, ‘width=800, height=440, resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no’); return false;” ><img style=”display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 175px;” src=”http://4.bp.blogspot.com/_f2yaFv_baV0/S_V7Nf8vR8I/AAAAAAAABog/TikH7cfnPCo/s320/__PA270229.jpg” border=”0″ alt=”” id=”BLOGGER_PHOTO_ID_5473416393983477698″ /></a>



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




Αυτό ήταν όλο. Πατάμε δημοσίευση, και αν πάτε τώρα στην ανάρτηση και κάνετε κλικ στην εικόνα, θα εμφανιστεί σε pop up παράθυρο.

Post by Ekabitis







Πως να χρησιμοποιήσετε το ποντίκι, με το πληκτρολόγιο



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Και ενώ βρίσκεστε μπροστά στον υπολογιστή σας και διεκπαιρεώνεται μια σημαντική εργασία, με απαραίτητη χρήση του ποντικιού σας, ξαφνικά τελειώνει η μπαταρία του ασύρματου ποντικιού!
Και βρίσκεστε και σε μέρος που δεν υπάρχει …περίπτερο!
Τι κάνετε τότε;
Υπάρχει λύση.
Μας την δίνουν τα ίδια τα windows.
Πως γίνεται;
Πατήστε Alt + Shift + NumLock
Αμέσως ανοίγει ένα μικρό παράθυρο που θα σας ρωτάει εάν θέλετε να το ενεργοποιήσετε. Πατήστε ΝΑΙ.
Αμέσως μπαίνει σε λειτουργία η χρήση του ποντικιού από το πληκτρολόγιο.
Τα πλήκτρα που χρησιμοποιούμε είναι τα 2, 8, 4, και 8 για κάτω, πάνω, αριστερά και δεξιά, ενώ με τα 1, 3, 7, και 9 ο δείκτης κινήται διαγωνίως. Το πλήκτρο 5 είναι το αριστερό κλικ.
Στη task bar, κάτω δεξιά, που τρέχουν τα προγράμματα, θα δείτε ένα εικονίδιο σαν άσπρη ασπίδα. Είναι το συγκεκριμένο πρόγραμμα των windows. Αν κάνετε πάνω του διπλό κλικ, θα οδηγηθήτε στις ρυθμίσεις του προγράμματος, όπου μπορείται να προβείτε σε κάποιες ρυθμίσεις, όπως για παράδειγμα την ταχύτητα της κίνησης του δείκτη.


Όλα αυτά μέχρι να αποπερατωθεί η σημαντική δουλειά που κάνατε, και μέχρι να αντικατασταθούν οι μπαταρίες του ποντικιού.
Το πρόγραμμα τερματίζεται με το πάτημα του NumLock.

Αχρείαστο να είναι, αλλά καλό θα είναι να το γνωρίζετε.





Βάλτε χρώμα στο Google search



Print Friendly and PDFPrintPrint Friendly and PDFPDF



Έχετε βαρεθεί το μονότονο άσπρο φόντο της σελίδας αναζήτησης του Google;
Θέλεται μια ποιο όμορφη, γεμάτη χρώματα επιφάνεια της σελίδας;
Μήπως προτιμάτε ένα όμορφο τοπίο;
Ή μήπως θέλετε να βάλετε την “φάτσα” σας να σας …κοιτάει;
Μην ανησυχήτε. Υπάρχει λύση! Μας την προσφέρει η ίδια η Google!
Πηγαίνετε στην αρχική σελίδα του δημοφιλούς site.
Στην κάτω αριστερή πλευρά, γράφει “Αλλαγή εικόνας φόντου”.
Κάνουμε κλικ εκεί, και αυτομάτως οδηγούμαστε στη σελίδα επιλογής εικόνων.


Εδώ έχετε αρκετές επιλογές.
Μπορείτε να επιλέξετε εικόνα ή τοπίο από τις επιλογές “Δημόσια gallery” ή ακόμα ωραιότερα τοπία, καθώς και μονόχρωμο φόντο από το “Επιλογές του συντάκτη”.


Μία ακόμα επιλογή είναι οι εικόνες που ήδη έχετε ανεβάσει στο Picasa, και τέλος, (η καλύτερη επιλογή ποστεύω), να ανεβάσετε την δική σας φωτογραφία από τον υπολογιστή σας!


Αφού κάνετε την επιλογή σας, πατάτε το “Επιλέξτε”. Σε λίγα δευτερόλεπτα θα δείτε το αποτέλεσμα, που είναι πραγματικά πολύ εντυπωσιακό.


Αν πάλι το βαρεθείτε, ή θελήσετε να αλλάξετε ξανά την εικόνα, πατήστε το “Κατάργηση εικόνας φόντου”, (πάλι κάτω αριστερά), και κάντε την διδικασία από την αρχή.

Αυτό ήταν. Δοκιμάστε το και είμαι σίγουρος ότι θα σας ενθουσιάσει!
Ekabitis




Πως να βάλετε την Apture Toolbar στο Blog σας



Print Friendly and PDFPrintPrint Friendly and PDFPDF



Το Apture Site Bar είναι μια νέα όμορφη toolbar για sites και blogs.
Οι συντάκτες του Apture το ονομάζουν γραμμή εργαλείων, αλλά πιστεύω ότι είναι κάτι περισσότερο!
Κι αυτό διότι μένει πάντα στο προσκήνιο, και περιλαμβάνει συνδέσμους για τους πιο δημοφιλείς ιστούς κοινωνικής δικτύωσης, όπως το Facebook και το Twitter. Περιλαμβάνει επίσης e-mail button, για να στέλνουμε άμεσα τα mail μας, χωρίς καθυστέρηση. Τέλος έχει και ένα δυναμικό πλαίσιο αναζήτησης, για οτιδήποτε θέλουμε να βρούμε στο διαδίκτυο.
Είναι ένας τρόπος για να δώσουμε στους αναγνώστες περισσότερες πληροφορίες χωρίς να φύγουν από την σελίδα μας. Την toolbar, την προσαρμόζουμε ανάλογα με τα γούστα μας, επιλέγοντας το χρώμα της. Έχουμε επίσης την δυνατότητα να της βάλουμε το λογότυπό μας.

Πώς να το προσθέσετε στο ιστολόγιό σας.

Ο τρόπος εγγατάστασης είναι πολύ εύκολος.
Επισκεπτόμαστε την σελίδα www.apture.com,
και κάντε κλικ στο κουμπί Design a bar now
και στην επόμενη σελίδα, συμπληρώστε τα παρακάτω στοιχεία.


Την ηλεκτρονική σας διεύθυνση,
το e-mail σας,
καθώς και ένα λογότυπο του blog σας, (μην ξεχάσετε να κάνετε κλικ upload), [1]
ή απλά έναν τίτλο του.[2]


Δείτε πως θα φαίνονται οι δύο περιπτώσεις πατήστε εδώ για το [1] και εδώ για το [2]

Καθ’ όλη την διάρκεια των εργασιών σας, στο κάτω μέρος της σελίδας, θα βλέπετε live την σελίδα σας, με οποιαδήποτε αλλαγή πραγματοποιήτε.
Διαλέξτε το χρώμα της bar, και τώρα κάντε κλικ στο κουμπί Get My Bar, που βρίσκεται πάνω δεξιά της σελίδας.
Θα εμφανιστεί ένας κωδικός. Με αντιγραφή, παίρνετε τον κωδικό και τον αντιγράφεται σε ένα σημειωματάριο.

Πάμε τώρα στον δικό σας λογαριασμό Blogger, και από τον Πίνακα Ελέγχου επιλέγουμε Διάταξη –> Επεξεργασία HTML και αφού κρατάμε ένα αντίγραφο ασφαλείας, με Ctrl+F ψάχνουμε να βρούμε το

</body>

Παίρνετε τον κωδικό και τον κάνεται επικόληση αμέσως από πάνω του. Πριν δηλαδή από το </body> .

Πατήστε Αποθήκευση και …τελειώσατε!

Χαρήτε την νέα σας Toolbar!





Όλα τα e-mails σε έναν λογαριασμό



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Σίγουρα ο καθένας από εμάς έχει περισσότερους από ένα λογαριασμό ηλεκτρονικού ταχυδρομείου. Συνήθως περισσότερους απ’ όσους μπορούν να μετρηθούν σε ένα χέρι.
Προσωπικά, έχω 8 + λογαριασμούς με διαφορετικούς providers συμπεριλαμβανομένων των Yahoo, Gmail, Freemail, mail, κλπ. Προς το παρόν, χρησιμοποιώ την “Αληλογραφία των Windows” (ή το “Outlook Express” αν προτιμάτε, για τους παλαιότερους των XP), για να ελέγχει όλους τους λογαριασμούς μου με μία εφαρμογή, δεδομένου ότι το καθιστά πιο εύκολο στη διαχείριση, καθώς δεν χρειάζεται να καταφύγω κάθε φορά σε όλες τις επίσημες σελίδες για να δω τα mail μου.
Όπως, όμως ήδη θα γνωρίζετε, (όσοι φυσικά το χρησιμοποιούν), ο κάθε λογαριασμός έχει τις ιδιαιτερότητές του, καθώς το προτόκολο pop3 του κάθε λογαριασμού, απαιτεί δικές του “πόρτες” για να συνδεθεί, πράγμα που καθιστά δύσκολη την ρύθμισή τους. Υπάρχουν επίσης ένα σωρό ρυθμίσεις που πρέπει να γίνουν για να μπορέσει να λειτουργήσει απρόσκοπτα.
Κάποιοι providers επίσης, δεν συνδέονται καν με pop3, αν δεν είσαι premium member.
Σε όλα αυτά θα αναφερθούμε σήμερα, καθώς υπάρχει μια ενναλακτική λύση. Η λύση αυτή ακούει στο όνομα Gmail της Google.
Με το Gmail, μπορείτε να λαμβάνετε ΟΛΑ σας τα mail, ανεξαρτήτως εάν αυτά είναι σε άλλο provider (π.χ. Yahoo,Aol,Hotmail κλπ. Επίσης δεν χρειάζετε να κάνετε καμία απολύτως ρύθμιση, καθώς το Gmail βρίσκει μόνο του τις “πόρτες” pop3 που χρειάζεται ο κάθε λογαριασμός, και ρυθμίζεται αυτόματα!
Έτσι έχετε 10 (π.χ.) λογαριασμούς, σε έναν! Συνδέεστε στο Gmail, και διαβάζετε ΟΛΑ σας τα mail!
Καλό ακούγεται έ;
Δύο πάρα πολύ μεγάλα πλεονεκτήματα που έχει αυτή η μέθοδος είναι:
1ον. Μπορείτε να τα διαβάσετε απ’ οπουδήποτε βρίσκεστε, και έχετε πρόσβαση στο internet, και όχι μόνο από τον υπολογιστή σας.
2ον. Κρατάτε ένα web backup των mail σας, σε περίπτωση που crash-άρει ο υπολογιστής σας, και τα χάσετε όλα!

Αλλά πολλά είπαμε. Πάμε τώρα στη δράση.

Εξειπακούεται, ότι έχετε ήδη ένα Gmail λογαριασμό.
Συνδεθείτε λοιπόν με τον Gmail λογαριασμό σας και κάντε κλικ στο “Ρυθμίσεις” στην πάνω δεξιά γωνία.


Τώρα κάντε κλικ στην καρτέλα “Λογαριασμοί και Εισαγωγή” (1) και κάντε κλικ στο “Προσθήκη άλλου λογαριασμού ηλεκτρονικού ταχυδρομείου” (2) στο πλαίσιο της “Λήψη μηνυμάτων ηλεκτρονικού ταχυδρομείου χρησιμοποιώντας POP3:“.

Τώρα θα παρουσιαστεί ένα αναδυόμενο παράθυρο όπου μπορείτε να εισάγετε στη διεύθυνση ηλεκτρονικού ταχυδρομείου για το λογαριασμό που θέλετε να προσθέσετε.
Στη συνέχεια πατώντας “επόμενο”, θα βρεθείτε στη σελίδα ρυθμίσεων του pop3.


Όπως προανέφερα, δεν έχετε να ανησυχείτε για τις ρυθμίσεις της pop και smtp του server σας, καθώς το Google θα προσπαθήσει αυτόματα να καθορίσει τους διακομιστές για εσάς, με βάση τη διεύθυνση ηλεκτρονικού ταχυδρομείου!(3) Το μόνο που έχετε να κάνετε είναι να εισαγάγετε τον κωδικό πρόσβασης για το λογαριασμό.
Βάζοντας “τικ” στο κουτάκι (4), θα εμφανίζoται τα μυνήματα στα εισερχόμενα με μια επισήμανση, από ποιον server προήλθε το κάθε mail.


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


Κάντε την επιλογή σας και πατήστε επόμενο.
Στο επόμενο παράθυρο, γράφετε το όνομα το οποίο θα εμφανίζεται στον παραλήπτη.


Μετά εμφανίζεται μια ερώτηση σχετικά με ποιος θα είναι ο διακομιστής των μυνημάτων σας.
Τέλος η Google στο επόμενο παράθυρο, θα σας στείλει ένα mail επιβεβαίωσης. Πατώντας αποστολή θα σας έρθει με mail ένα link που πατώντας το θα επιβεβαιώσει την εγγραφή.


Στο τελευταίο παραθυράκι δεν χρειάζεται να κάνεται τίποτα. Είναι για να βάλετε έναν κωδικό, σε περίπτωση που δεν λειτουργήσει το link επιβεβαίωσης που θα σας σταλεί, αλλά δεν χρειάζεται να γίνει αυτό, καθώς μπορείτε να το ενεργοποιήσεται πατώντας απλά το link. Πάντως αν δεν λειτουργήσει το link, στο mail που θα σας σταλεί γράφει οδηγίες για το τι πρέπει να κάνετε.
Αυτό ήταν.
Τώρα οι λογαριασμοί ηλεκτρονικού ταχυδρομείου, θα έρχονται κατ’ ευθείαν στον Gmail λογαριασμό σας. Στην αρχή, άν έχετε αποθηκευμένα πολλά mails στον server σας, θα σας ξανασταλούν σωρηδών! Αν δεν τα θέλετε, μπορείτε να τα διαγράψετε.
Μπορείτε να επαναλάβετε την διαδικασία όσες φορές θέλετε, για να βάλετε όλους τους λογαριασμούς σας.Δυστυχώς, ένα μειονέκτημα είναι ότι δεν μπορείτε να ρυθμίσετε το χρονικό διάστημα που θα μεσολαβεί για τον έλεγχο του ηλεκτρονικού ταχυδρομείου.
Αλλά κανείς δεν είναι τέλειος!

Είμαι ο ekabitis, και ελπίζω να σας άρεσε το post.
Αν θέλετε, αφήστε κάποιο σχόλιο.





Widget για τους επισκέπτες, τα σχόλια και τους αναγνώστες online



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Καλημέρα σε όλους. Είμαι ο Εkabitis, και έχω να σας δείξω ένα εύχρηστο και εύκολο widget για το blog σας.
Ένα widget, όπου φαίνονται ο αριθμός όλων των αναρτήσεών σας, ο αριθμός όλων των σχολίων σας, καθώς και πόσοι αναγνώστες είναι online στο blog σας.


Από τον Πίνακα ελέγχου επιλέγουμε Διάταξη –> Προσθήκη Gadget –> Html/Javascript, και κάνουμε επικόληση τον παρακάτω κωδικό


<script style=”text/javascript”>
function totalPosts(json) {
document.write(‘Αναρτήσεις: <b>’ + json.feed.openSearch$totalResults.$t + ‘</b><br>’);
}
function totalComments(json) {
document.write(‘Σχόλια: <b>’ + json.feed.openSearch$totalResults.$t + ‘</b><br>’);
}
</script>
<script src=” /feeds/posts/default?alt=json-in-script&callback=totalPosts”></script>
<script src=” /feeds/comments/default?alt=json-in-script&callback=totalComments”></script>
<p style=”margin-top: 0; margin-bottom: 0″>
<table border=”0″ bordercolor=”#111111″ id=”AutoNumber1″ cellpadding=”0″ cellspacing=”0″ style=”border-collapse: collapse” width=”100%”>
<tr>
<td width=”35%”>
Online now:</td>
<td width=”65%”><p style=”margin-top: 0; margin-bottom: 0″><b><script src=”http://fastonlineusers.com/on3.php?d=
YOURBLOG” type=”text/javascript”></script></b></p></td>
</tr>
</table></p>
<script type=”text/javascript”>
try {
var pageTracker = _gat._getTracker(“UA-4679235-4”);
pageTracker._trackPageview();
} catch(err) {}</script>



Στο σημείο με το κόκκινο χρώμα γράφουμε την διεύθυνση του blog μας.
Πατάμε αποθήκευση και αυτό ήταν όλο!
Δοκιμάστε το στο blog σας!




Σε εξέλιξη αποστολή 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 και ας το αναδημοσιεύσουν στα δικά τους, προς ενημέρωση του κόσμου!




Βookmarks στο Blog σας



Print Friendly and PDFPrintPrint Friendly and PDFPDF



Πολλοί bloggers, που διατηρούν μαζί με το blog τους, και λογαριασμούς σε σελίδες κοινωνικής δικτύωσης, όπως το Twitter το Facebook το Digg κ.α., θα ήθελαν να κοινοποιήσουν στο προφίλ τους ή την ομάδα τους, με τις νέες αναρτήσεις τους. Υπάρχουν αρκετοί διαφορετικοί τρόποι, καθώς και διάφορα widgets γι αυτή τη δουλειά. Ένα τέτοιο θα σας δείξω σήμερα. Είναι bookmarks, όπου απεικονίζονται με όμορφα εικονίδια, και μπαίνουν αυτόματα κάτω από κάθε ανάρτηση που βάζετε.

Είμαι ο ekabitis, και μπορείτε να ρίξετε μια ματιά στην φωτογραφία, για να δείτε πως θα φαίνεται στο blog σας.


Επίσης μπορείτε να επισκεφθείτε την σελίδα μου, για να τα δείτε πως φαίνονται “ζωντανά”.

Για να το βάλουμε λοιπόν στο blog μας, πάμε στον Πίνακα ελέγχου –> Διάταξη –> Επεξεργασία HTML.
Τσεκάρουμε το τετραγωνάκι που λέει Επέκταση γραφικών στοιχείων. Σε αυτό το σημείο, καλό θα είναι να πάρετε ένα backup του blog σας, για παν ενδεχόμενο.
Με το Ctrl+F ψάχνουμε το

<data:post.body/>

και αμέσως μετά κάνουμε επικόληση τον παρακάτω κωδικό


<div align=’left’>
<span class=’post-icons’>

<!– Widget Title , Share This Start, Remove Or Leave–>
<p align=’left’>
<img alt=” border=’0′ id=’BLOGGER_PHOTO_ID_5441163760466269298′ src=’http://3.bp.blogspot.com/_JwD5r652h00/S4LlnJNSFHI/AAAAAAAAAU8/b0CwEmD94jg/s400/share-this.png’
width=’120′/></p><!– Widget Title , Share This Start, Remove Or Leave–>

<!– FaceBook Button Start, Remove Or leave –>
<a expr:href=’"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title’ target=’_blank’ title=’Add To Facebook’><img alt=’Add To Facebook’ border=’0′ class=’icon-action’ height=’25’ src=’http://3.bp.blogspot.com/_vLeiVavkV_M/SnleIlLdGwI/AAAAAAAABd8/RfHnWIGGMEY/s200/facebook.png’ width=’25’/></a>
<!– FaceBook Button End, Remove Or leave –>

<!– Twitter Button Start, Remove Or leave –>
<a expr:href=’"http://twitter.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title’ target=’_blank’ title=’Add To Twitter’><img alt=’Add To Twitter’ border=’0′ class=’icon-action’ height=’25’ src=’http://www.cbc.ca/news/yourvoice/assets/images/yourvoice-twitter.png’ width=’25’/></a>
<!– Twitter Button End, Remove Or leave –>

<!– Yahoo Button Start, Remove Or leave –>
<a expr:href=’"http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" + data:post.url + "&title=" + data:post.title’ target=’_blank’ title=’Add To Yahoo’><img alt=’Add To Yahoo’ border=’0′ class=’icon-action’ height=’25’ src=’http://1.bp.blogspot.com/_vLeiVavkV_M/SnlexsGX2QI/AAAAAAAABes/ai6zvzZKCgw/s200/yahoo.png’ width=’25’/></a>
<!– Yahoo Button End, Remove Or leave –>

<!– Reddit Button Start, Remove Or leave –>
<a expr:href=’"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title’ target=’_blank’ title=’Add To Reddit’><img alt=’Add To Reddit’ border=’0′ class=’icon-action’ height=’25’ src=’http://3.bp.blogspot.com/_vLeiVavkV_M/SnleX1tMMtI/AAAAAAAABeM/gQSYdrmSc3k/s200/reddit.png’ width=’25’/></a>
<!– Reddit Button End, Remove Or leave –>

<!– Technorati Button Start, Remove Or leave –>
<a expr:href=’"http://www.technorati.com/faves?add=" + data:post.url’ target=’_blank’ title=’Fav This With Technorati’><img alt=’Fav This With Technorati’ border=’0′ class=’icon-action’ height=’25’ src=’http://1.bp.blogspot.com/_vLeiVavkV_M/SnlenauwzjI/AAAAAAAABec/btszO5xBOgg/s200/technorati.png’ width=’25’/></a>
<!– Technorati Button End, Remove Or leave –>

<!– Delicious Button Start, Remove Or leave –>
<a expr:href=’"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title’ target=’_blank’ title=’Add To Del.icio.us’><img alt=’Add To Del.icio.us’ border=’0′ class=’icon-action’ height=’25’ src=’http://2.bp.blogspot.com/_vLeiVavkV_M/Snld35mPSDI/AAAAAAAABds/ccrOpOmP9Zk/s200/delicious.png’ width=’25’/></a>
<!– Delicious Button End, Remove Or leave –>

<!– Digg Button Start, Remove Or leave –>
<a expr:href=’"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title’ target=’_blank’ title=’Digg This’><img alt=’Digg This’ border=’0′ class=’icon-action’ height=’25’ src=’http://3.bp.blogspot.com/_vLeiVavkV_M/Snld_x-wXoI/AAAAAAAABd0/cTsGU_Y-zQ8/s200/digg.png’ width=’25’/></a>
<!– Digg Button End, Remove Or leave –>

<!– Stumbleupon Button Start, Remove Or leave –>
<a expr:href=’"http://www.stumbleupon.com/refer.php?url=" + data:post.url + "&title=" + data:post.title’ target=’_blank’ title=’Stumble This’><img alt=’Stumble This’ border=’0′ class=’icon-action’ height=’25’ src=’http://2.bp.blogspot.com/_vLeiVavkV_M/SnleiulEMVI/AAAAAAAABeU/kO09nNTlQeo/s200/stumbleupon.png’ width=’25’/></a>
<!– Stumbleupon Button End, Remove Or leave –>

</span>
</div>



Τα εικονιδιάκια, τα έχω ρυθμισμένα με διαστάσεις 25Χ25. Αν τα θέλετε μικρότερα ή μαγαλύτερα, μπορείτε να αλλάξετε τις διαστάσεις τους, βάζοντας τις τιμές που επιθυμείται στους κωδικούς height=’25’ width=’25’ .
Στην αρχή περίπου του κωδικού, σας έχω μαρκάρει με πράσινο χρώμα την διάσταση του “Share this”. Μπορείτε κι αυτό επίσης να το τροποποιήσετε, βάζοντας τις διαστάσεις που επιθυμείτε.
Τώρα τελειώσατε. Πατήστε αποθήκευση και κάτω από όλες τις αναρτήσεις σας θα βρίσκονται τα πιο δημοφιλή εικονίδια των κοινωνικών σελίδων που υπάρχουν στο διαδίκτυο.

Επίσης να σας επισημημάνω ότι μπορείτε να αφαιρέσετε όποια εικονίδια δεν χρειάζεστε, διαγράφοντας τον κωδικό που αντιστοιχεί στο συγκεκριμένο εικονίδιο.
Επίσης, μπορείτε να τους αλλάξετε την σειρά που θα εμφανίζονται, μεταφέροντας τον αντίστοιχο κωδικό του κάθε εικονοδίου εκεί που θέλετε.
Αν χρειαστείτε οποιδήποτε διευκρίνηση, μην διστάσετε να επικοινωνήσετε μαζί μου είτε με mail, είτε με κάποιο σχόλιο.





Windows Live Messenger στο Blog σας



Print Friendly and PDFPrintPrint Friendly and PDFPDF



Ένα εύχρηστο widget, για τους χρήστες του Windows Live Messenger, θα σας δείξω σήμερα.

Πρόκειται για ένα mini widget, που το προσθέτουμε στην sidebar του blog μας, και μας δίνει άμεση πρόσβαση στο λογαριασμό του Windows Live Messenger.




Πάμε στον Πίνακα ελέγχου –> Διάταξη –> Προσθήκη Gadget –> HTML/Javascript

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




<?xml version=”1.0″ encoding=”UTF-8″?>

<Module>

<ModulePrefs title=”Windows Live Messenger”

title_url=”http://download.live.com/?sku=messenger”

directory_title=”Windows Live Messenger”

description=”El mejor Messenger desde tu pagina inicial de Google, incluye W. Live Messenger, Hotmail, Y! Messenger, Y! Mail, Gmail, Hi5, Myspace, Facebook, Youtube, -Nuevo! Twitter, Orkut, Wikipedia, WordReference, WordPress, Calendario, Picasa, Flickr, Photobucket, Noticias y Blogger / The best Messenger from your Google homepage, including W. Live Messenger, Hotmail, Y! Messenger, Y! Mail, Gmail, Hi5, Myspace, Faceboo, Youtube, -New! Twitter, Orkut, Wikipedia, WordReference, WordPress, Calendario, Picasa, Flickr, Photobucket, News and Blogger”

render_inline=”optional”

height=”400″

width=”300″

author=”juanjosemexico”

author_email=”juanjosemexico@gmail.com”

author_location=”Mexico”

author_link=”http://dragonfirez.foroactivo.com/”

author_quote=”juanjosemexico”

author_aboutme=”juanjosemexico”

screenshot=”http://i87.servimg.com/u/f87/12/97/93/87/previo10.gif”

thumbnail=”http://i87.servimg.com/u/f87/12/97/93/87/logome10.png” />

<Content type=”html”>

<![CDATA[

<body style=”background:#ffffff; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;”>

<iframe src=”http://dragonfirez.110mb.com/in.html” frameborder=”0″ scrolling=”no” style=”width:100%; height:400px;” width=”100%” height=”400″></iframe>

</body>

</Content>

</Module>

Πατάμε αποθήκευση, και το Widget θα κοσμεί πλέον το blog μας.

Αναρτήθηκε από ekabitis




Χρωματιστό κείμενο στην ανάρτηση



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Στο διαδίκτυο κυκλοφορούν πολλά “πλαίσια”, όπου μπορούμε να τοποθετήσουμε εκεί μέσα κείμενο.
Η τεχνολογία όμως προχωράει, και τα καινούρια δεδομένα που κυκλοφόρισαν, είναι άκρως εντυπωσιακά.
Πως θα σας φαινότανε να έχετε στην ανάρτησή σας ένα κείμενο με χρωματιστά γράμματα που αλλάζουν χρώμα μόλις βάζετε το ποντίκι πάνω τους. Και να μπορείτε να ορίσετε εσείς ποιο χρώμα θα έχουν, όπως και να βάλετε όποιο χρώμα προτιμάτε για backround;
Είμαι ο ekabitis, και σήμερα θα σας δείξω πώς γίνεται αυτό. (Ρίξτε μια ματιά εδώ, για να καταλάβετε τι ακριβώς εννοώ).
Πάμε στον Πανόπτη –> Διάταξη –> Επεξεργασία HTML και αφού πάρουμε (όπως πάντα), ένα backup του template μας, με το Ctrl+F ψάχνουμε να βρούμε το

]]></b:skin>

Ακριβώς από πάνω του τοποθετούμε τον παρακάτω κώδικα

.mbt-textarea {

padding:0;

margin:0;

width:400px;


height:40px;

color:#0080ff;

font:12px arial;

background:#fff;

border:1px dotted #289728; }

.mbt-textarea:hover {

color:#289728;

border:2px solid #666; }

.mbt {


padding-top:3px;


margin:0;


color:#289728;


font-size: 9px;


font-family: sans-serif, verdana;


}

Πριν πατήσουμε αποθήκευση, καλό είναι να πραγματοποιήσουμε τις αλλαγές που θέλουμε να κάνουμε, σύμφωνα με τα γούστα του καθενός.

1) Αν θέλετε να ορίσετε, δηλαδή να μειώσετε ή να αυξήσετε το ύψος ή το πλάτος της περιοχής κειμένου , απλά επεξεργαστείτε τις παρακάτω τιμές, με το θαλασσί χρώμα.
Πλάτος: 400px?
ύψος: 40px?

2) Για να αλλάξετε το χρώμα του κειμένου που θα φαίνεται, αλλάζουμε τον εξαψήφιο κωδικό (αυτόν με το πράσινο χρώμα), επιλέγοντας το χρώμα της αρεσκείας μας.
color: # 0080ff?
(Χρησιμοποιήστε την χρωματική παλέτα με τους αντίστοιχους κωδικούς των χρωμάτων, πατώντας ΕΔΩ http://ekabitis-tips-tricks.blogspot.com/2010/02/html-color-codes.html

3) Για να αλλάξετε το χρώμα του κειμένου σε λειτουργία, όταν δηλαδή περνάμε τον δείκτη του ποντικιού από πάνω, μπορείτε να επεξεργαστείτε τον κωδικό με το κόκκινο χρώμα
color: # 289728?

4) Για να αλλάξετε το πλάτος του περιθωρίου, το στυλ και το χρώμα όταν είναι σε ενεργό λειτουργία επεξεργαστείτε αυτόν τον κώδικα,

border: 1px dotted # 289728?

όπου 1px, είναι το πλάτος του πλαισίου. Είναι ρυθμισμένο σε διακεκομμένη γραμμή και το χρώμα είναι # 289728

5) Για να αλλάξετε την εμφάνιση του περιθωρίου, όταν δηλαδή περνάμε τον δείκτη του ποντικιού από πάνω, μπορείτε να επεξεργαστείτε τον κωδικό

border: 2px solid # 666?

6) Για να αλλάξετε τη γραμματοσειρά και το μέγεθος της, επεξεργαστείτε αυτό,

font: 12px Arial?

όπου 12px είναι το μέγεθος, και arial είναι η γραμματοσειρά ως προεπιλογή που έχω χρησιμοποιήσει.

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

<textarea class=”mbt-textarea” readonly=”readonly”>ΕΔΩ ΓΡΑΦΟΥΜΕ ΚΕΙΜΕΝΟ</textarea>
<p class=”mbt” ><u>Εδώ βάζουμε τίτλο ή κάποια οδηγία για το κείμενο</u></p>


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

.mbt {


padding-top:3px;


margin:0;


color:#289728;


font-size: 9px;


font-family: sans-serif, verdana;


}

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




Φωτό μόνιμα στο προσκήνιο



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Είμαι ο ekabitis και σήμερα θα σας δείξω πως να βάλετε μια φωτογραφία, η οποία θα είναι μόνιμα στο προσκήνιο. Αν έχετε ένα template με μεγάλα περιθώρια δεξιά και αριστερά από την κεντρική στήλη των αναρτήσεων, και θέλετε να το ομορφύνετε λιγάκι, μπορείτε να τοποθετήσετε μια εικόνα η οποία θα είναι μόνιμα στο προσκήνιο, ανεξάρτητα αν εσεις θα ανεβοκατεβαίνετε με το scrol του ποντικιού πάνω – κάτω.
Πως γίνεται αυτό; Με την προσθήκη ενός πολύ απλού widget.
Δείτε την εικόνα.


Πάμε λοιπόν να σας δείξω πως γίνεται.
Κατ’ αρχήν θα πρέπει να αποφασίσετε ποια φωτογραφία θα βάλετε, και στη συνέχεια να την ανεβάσετε σε κάποιο image hοsting site, για να βρείτε το Url της.
Θα πρέπει επίσης να προσέξετε τις διαστάσεις της εικόνας. Να μην είναι δηλαδή πολύ μεγάλη, και σας κρύβει τις αναρτήσεις. Συνήθως διαστάσεις που “παίζουν” γύρω στο 160 x 160, είναι ότι χρειαζόμαστε.
Αν η φωτογραφία που επιθυμείτε να βάλετε είναι μεγαλύτερη, πριν την ανεβάσετε θα πρέπει πρώτα να την μικρύνετε.
Όταν γίνουν λοιπόν όλα τα παραπάνω, πάμε στον Πίνακα Ελέγχου (πρώην Πανόπτη) –> Διάταξη –> Προσθήκη gadget –> HTML/JavaScript, και προσθέτουμε τον παρακάτω κωδικό

<a style=”display:scroll;position:fixed;top:5px;right:5px;” href=”Link_To_An_Image title=”Image Name“><img src=”http://Image_Url“/></a>


Τώρα κάνουμε τις αλλαγές μας.
Εκεί που γράφει href=”Link_To_An_Image” με το πράσινο χρώμα, βάζουμε το link που οδηγεί η εικόνα, αν κάνει κάποιος πάνω της κλικ.
Στο title=”Image Name”, με το μπλέ χρώμα, βάζουμε έναν τίτλο της εικόνας.
Στο src=”http://Image_Url”, με το κόκκινο χρώμα, βάζουμε το direct link της εικόνας που πήραμε από το site στο οποίο την ανεβάσαμε.
Τέλος αυτό με το μοβ χρώμα, top:5px;right:5px;, μπορούμε να του ορίσουμε που ακριβώς, και σε ποιο ύψος θα μπει η εικόνα μας. Αν την θέλετε αριστερά, αλλάζουμε το right και γράφουμε left. Αν το θέλουμε ποιο κάτω, μεγαλώνουμε την τιμή του top, ενώ αν θέλουμε να έρθει ποιο κεντρικά μεγαλώνουμε την τιμή του right ή του left, ανάλογα την επιλογή που έχουμε κάνει.
Τέλος να σας πω ότι το συγκεκριμένο widget μπορούμε να το βάλουμε όσες φορές θέλουμε, αλλάζοντας βέβαια την θέση που θα μπαίνει κάθε φορά, έτσι ώστε να έχουμε ένα πολύ ωραίο και ομοιόμορφο αποτέλεσμα.
Αυτό ήταν. Μην σας τρομάζουν τα πολλά λόγια που σας έγραψα. Στην πραγματικότητα είναι πολύ εύκολο.
Αν χρειαστήτε κάποια διευκρίνηση, μην διστάσετε να επικοινωνήσετε μαζί μου πατώντας εδώ.
Γράψτε μου αν θέλετε και κάποιο σχόλιο, θα χαρώ πολύ.




Ημερομηνία σε όλες τις αναρτήσεις



Print Friendly and PDFPrintPrint Friendly and PDFPDF



Γεια σας φίλοι και φίλες. Είμαι ο ekabitis και εύχομαι σε όλους-ες Χρόνια Πολλά.

Σίγουρα έχετε παρατηρήσει, ότι σε blogs όπου οι διαχειριστές ανεβάζουν πολλές αναρτήσεις καθημερινά, η ημερομηνία πάνω από τις αναρτήσεις φαίνετε ΜΟΝΟ στην πρώτη ανάρτηση, ενώ σε όλες τις υπόλοιπες όχι. Οι αναγνώστες, δυσκολεύονται να βρούνε το πότε “ανέβηκε” μια ανάρτηση, ειδικά όταν δεν έχει ξεκινήσει την ανάγνωση του blog από την αρχή, αλλά οδηγήθηκε εκεί μέσω ενός link.
Πως μπορούμε να το διορθώσουμε αυτό;
Διαβάστε την συνέχεια της ανάρτησης. Είναι πολύ εύκολο, και γίνεται μέσα από την επεξεργασία του HTML κωδικού μας.
Πάνε στον Πανόπτη μας, Διάταξη –> Επεξεργασία Html, και αφού πάρουμε ένα backup του template μας για να είμαστε σίγουροι, (σας συνιστώ να το κάνετε πάντα, πριν από οποιαδήποτε αλλαγή του HTML κωδικού μας, όσο εύκολο κι αν είναι),τσεκάρουμε το Επέκταση προτύπων γραφικών στοιχείων και ψάχνουμε με το γνωστό Ctrl+F, να βρούμε τον παρακάτω κώδικα.


<b:if cond=’data:post.dateHeader’>
<h2 class=’date-header’><data:post.dateHeader/></h2>
</b:if>


και τον αντικαθιστούμε με αυτόν

<b:if cond=’data:post.dateHeader’>
<script>var ultimaFecha = '<data:post.dateHeader/>';</script>
<h2 class=’date-header’><data:post.dateHeader/></h2>
<b:else/>
<h2 class=’date-header’>
<script>document.write(ultimaFecha);</script>
</h2>
</b:if>


Πατάμε αποθήκευση και …αυτό ήταν όλο κι όλο.
Με ανανέωση της σελίδας σας, θα δείτε ότι πάνω από ΟΛΕΣ τις αναρτήσεις υπάρχει η ημερομηνία που ανέβηκε η κάθε μας ανάρτηση.




Αριθμημένες σελίδες αναρτήσεων



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Καλημέρα σε όλους και καλές γιορτές να έχετε!
Είμαι ο ekabitis, και χθές έβαλα στο blog μου ένα καλό widget, και είπα να το μοιραστώ μαζί σας για να το βάλει όποιος θέλει. Πρόκειτε για τις αριθμημένες σελίδες που φαίνονται στο τέλος όλων των αναρτήσεων, και αντικαθιστά το “νεότερες αναρτήσεις”, “Αρχική σελίδα”, “παλαιότερες αναρτήσεις”.
Κοιτάξτε την φωτό για να καταλάβετε τι εννοώ.


Το καλό με αυτό το widget είναι ότι δεν πειράζουμε καθόλου τον κώδικα της σελίδας μας, καθώς είναι ένα απλό widget! Όποτε το βαρεθούμε δηλαδή, το βγάζουμε και επανέρχετε το blog μας στην αρχική του κατάσταση.
Ο κωδικός είναι αυτός.

<style type=”text/CSS”>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #7AA1C3;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #7AA1C3;
background-color:#F6F6F6;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #7AA1C3;
background: #F6F6F6;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #7AA1C3;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#7AA1C3;
}
</style>
<script type=”text/JavaScript”>
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==”.com/”;
var isLablePage = thisUrl.indexOf(“/search/label/”)!=-1;
var isPage = thisUrl.indexOf(“/search?updated”)!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(“/search/label/”)+14,thisUrl.length) : “”;
thisLable = thisLable.indexOf(“?”)!=-1 ? thisLable.substr(0,thisLable.indexOf(“?”)) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= ”;
var upPageHtml =”;
var downPageHtml =”;
var pageCount = 10;
var displayPageNum = 5;
var upPageWord = ‘Previous’;
var downPageWord = ‘Next’;
var labelHtml = ‘<span class=”showpageNum”><a href=”/search/label/’+thisLable+’?&max-results=’+pageCount+'”>’;
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=”){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] = ‘/search/label/’+thisLable+’?updated-max=’+timestamp+’T00%3A00%3A00%2B08%3A00&max-results=’+pageCount;
}
}
}
}//end if(post.category){
itemCount++;
}
}else{
if(title!=”){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!=”) postNum++;
htmlMap[htmlMap.length] = ‘/search?updated-max=’+timestamp+’T00%3A00%3A00%2B08%3A00&max-results=’+pageCount;
}
}
itemCount++;
}
}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>’;
}else{
upPageHtml = ‘<span class=”showpage”><a href=”[get_bloginfo]url[/get_bloginfo]”>’+ upPageWord +'</a></span>’;
}
}else{
upPageHtml = ‘<span class=”showpage”><a href=”‘+htmlMap[p]+'”>’+ upPageWord +'</a></span>’;
}
fFlag++;
}
if(p==(thisNum-1)){
html += ‘<span class=”showpagePoint”>’+thisNum+'</span>’;
}else{
if(p==0){
if(isLablePage){
html = labelHtml+’1</a></span>’;
}else{
html += ‘<span class=”showpageNum”><a href=”[get_bloginfo]url[/get_bloginfo]”>1</a></span>’;
}
}else{
html += ‘<span class=”showpageNum”><a href=”‘+htmlMap[p]+'”>’+ (p+1) +'</a></span>’;
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = ‘<span class=”showpage”> <a href=”‘+htmlMap[p]+'”>’+ downPageWord +'</a></span>’;
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){
if(thisNum>1){
if(!isLablePage){
html = ”+upPageHtml+’ ‘+html +’ ‘;
}else{
html = ”+upPageHtml+’ ‘+html +’ ‘;
}
}
html = ‘<div class=”showpageArea”><span class=”showpageOf”> Pages (‘+(postNum-1)+’)</span>’+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}
if(postNum==1) postNum++;
html += ‘</div>’;
if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName(“pageArea”);
var blogPager = document.getElementById(“blog-pager”);
if(postNum <= 2){
html =”;
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html =”;
}
if(blogPager){
blogPager.innerHTML = html;
}
}
}
</script>
<script src=”/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999″ ; type=”text/javascript”></sc


Πάμε στην Διάταξη–>Στοιχεία σελίδας–>Προσθήκη gadget–>HTML/JavaScript και κάνουμε επικόληση τον παραπάνω κώδικα.

Το κομμάτι του κώδικα, με το καφέ χρώμα (var pageCount = 10), μας δείχνει πόσες αναρτήσεις θα έχει η κάθε σελίδα. Μπορείτε να το αλλάξετε, και να βάλετε το επιθυμητό, για εσάς, νούμερο.
Πατάμε αποθήκευση αλλά δεν τελειώσαμε!
Παίρνουμε το widget και με drag and drop το βάζουμε κάτω από το πλαίσιο των αναρτήσεων.
Δείτε την παρακάτω φωτό για να καταλάβετε.
Image and video hosting by TinyPic
Πατάμε ξανά αποθήκευση, και τελειώσαμε.
Πανεύκολο ε?
Αν πάτε τώρα στην σελίδα σας, κάτω από τις αναρτήσεις θα δείτε όλες τις σελίδες των αναρτήσεών σας αριθμημένες!




Ελέγξτε τη ταχύτητα της σύνδεσής σας



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Από το φιλικό Ekabitis-Tips-Tricks

Το μεγαλύτερο ποσοστό των χρηστών αγνοεί την πραγματική ταχύτητα σύνδεσης στο διαδίκτυο σύμφωνα με έρευνα της Forrester.
Η εταιρεία αναλύσεων έκανε έρευνα μεταξύ των Αμερικανών και βρήκε ότι μόλις το 41% των συνδρομητών σε εταιρεία παροχής υπηρεσιών ίντερνετ γνωρίζει με ακρίβεια πόσο γρήγορη είναι η σύνδεσή του.
Οι περισσότερες εταιρείες παροχής υπηρεσιών ίντερνετ διαφημίζουν τις μέγιστες ταχύτητες πρόσβασης στο διαδίκτυο. Το αποτέλεσμα είναι οι χρήστες να απολαμβάνουν μόλις ένα 10 με 20% της ταχύτητας που υπόσχεται η εταιρεία.
Η ταχύτητα πρόσβασης στο διαδίκτυο εξαρτάται από πολλούς παράγοντες, ειδικά στην Ελλάδα όπου ο εξοπλισμός είναι πεπαλαιωμένος.
Στο διαδίκτυο υπάρχουν σελίδες όπου οι χρήστες μπορούν να μετρήσουν την ταχύτητα πρόσβασης στο διαδίκτυο και να γνωρίζουν ποιες περίπου ταχύτητες έχουν στην πραγματικότητα. Η ταχύτητα σύνδεσης εξαρτάται από πολλούς παράγοντες και δεν είναι ίδια κάθε στιγμή.
Ένα καλό τέτοιο site είναι το http://www.speedtest.net/ όπου μπορείτε να δείτε online την ταχύτητα του PC σας, μέσα από ένα ωραίο περιβάλον με όμορφα γραφικά.



Ένα άλλο site είναι το http://www.my-speedtest.com/ . Κάνει την ίδια δουλειά με το προηγούμενο και εκτός αυτού, έχει και ένα widget για το blog σας, για να έχετε πάντα πρόχειρο τον μετρητή ταχύτητας στο internet.
Κάτι σαν αυτό που έχω και εγώ στο blog μου.

Να και ο κωδικός για να το βάλετε στο blog σας.(σας έχω μαρκάρει τις μεταβλητές για το φτιάξετε στα μέτρα σας)


<!– beginn speed tool code – do not change the code –>
<iframe src=”http://www.my-speedtest.com/messung_webmaster/index.pl” width=”280” height=141 frameborder=0 name=”I50″ scrolling=”no” border=”0″ align=middle></iframe>
<br /><font size=”1″>(c) <a target=”_blank” href=”http://www.my-speedtest.com”>Speedtest</a>
<!– end of speed tool code – do not change the code –></font>






Συντομεύσεις στον Firefox



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Σας αναδημοσιεύω μια πολύ καλή ανάρτηση που δημοσιεύτηκε στο συναδελφικό και φιλικό Ekabitis Blogger Tips & Tricks

Οι χρήστες του Firefox μπορούν να χρησιμοποιήσουν κάποιες συντομεύσεις πληκτρολογίου για ακόμα μεγαλύτερη ευχρηστία.

Πατήστε λοιπόν:

Ctrl+L επιλέγει όλο το Url στη γραμμή διεύθυνσης, ώστε να μπορείτε να πληκτρολογήσετε μια νέα διεύθυνση χωρίς την χρήση του ποντικιού.
Ctrl+Κ επιλέγει ολόκληρο το κείμενο στο πεδίο αναζήτησης στα δεξιά της γραμμής διεύθυνσης, ώστε να ξεκινήσετε μια νέα αναζήτηση.
Ctrl+Τ ανοίγει μια καινούρια καρτέλα του browser.
Ctrl+Ν ανοίγει ένα καινούριο παράθυρο του browser.
Ctrl+D εμφανίζει το παράθυρο των σελιδοδεικτών για να αποθηκεύσετε άμεσα μια σελίδα.
Ctrl+R κάνει ανανέωση (Refresh), της σελίδας που βρισκόμαστε.
Ctrl+F ανοίγει ψαχτήρι για να βρείτε πιο γρήγορα αυτό που ψάχνετε.
Τέλος Ctrl+Shift+Delete ανοίγει το παράθυρο Εκκαθάρισης των προσωπικών δεδομένων για την διαγραφή όλων των δεδομένων που αποθηκεύθηκαν κατά την περιήγησή σας στο internet.




Hide/Show στο blog μας



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Ένα πολύ ωραίο widget έχω για σας σήμερα.
Είμαι ο ekabitis και ίσως έχετε δει στο blog μου ένα link που γράφει “Hide/Show”
Πρόκειτε για το “εμφάνιση/απόκρυψη” ή αλλιώς Show/Hide button.
Είναι ένα πάρα πολύ εύχρηστο widget, καθώς με αυτό μπορούμε να “κρύψουμε” θέματα στην sidebar μας, εξοικονομώντας έτσι πολύτιμο χώρο.
Μέσα στο “show/hide”, μπορούμε να βάλουμε οτιδήποτε θέλουμε. Από κείμενο μέχρι φωτογραφίες ή banners. Στην άλλη σελίδα μου συγκεκριμένα, έχω τοποθετήσει όλα τα φιλικά banners, όπου έπιαναν υπερβολικό χώρο.


Πάμε να το δούμε λοιπόν.
Από τον Πανόπτη μας επιλέγουμε Διάταξη–>Προσθήκη gadget–>Html/Javascript
και βάζουμε εκεί μέσα τον παρακάτω κώδικα.


<style type=”text/css”>
.commenthidden {display:none}
.commentshown {display:inline}
</style>
<script type=”text/Javascript”>
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className==”commentshown”) { whichpost.className=”commenthidden”; } else { whichpost.className=”commentshown”; }
} </script> <a name=”table”>Tίτλος2</a>
<b> <a aiotitle=”click to expand” href=”javascript:togglecomments(‘UniqueName‘)”
>Hide / Show</a></b><br />
<div class=”commenthidden” id=”UniqueName
>Εδώ γράφουμε αυτό που θα φαίνεται</div>

Εκεί που γράφει Hide/Show με κόκκινα γράμματα, είναι το link που πατάμε για την εμφάνιση/απόκρυψη. Αν θέλουμε μπορούμε να το αλλάξουμε και να γράψουμε ότι άλλο μας αρέσει.
Εκεί που γράφει “Εδώ γράφουμε αυτό που θα φαίνεται” με μπλε γράμματα είναι αυτό που θα βάλουμε εμείς για να κρύψουμε. Όπως προανέφερα, αυτό μπορεί να είναι κείμενο, φωτοφραφία, banner, widget ή οτιδήποτε άλλο.
Αν θέλουμε μέσα στο blog μας να χρησιμοποιήσουμε πάνω από μία φορά το συγκεκριμένο widget θα πρέπει αυτό με το πράσινο χρώμα που γράφει UniqueName να το αλλάζουμε κάθε φορά, βάζοντας μια διαφορετική (μοναδική) ονομασία. Πάντα με λατινικούς χαρακτήρες. Ειδάλλως δεν θα δουλέψει.
Τέλος άμα θέλουμε να υπάρχει και ένας δεύτερος (πιο διευκρινιστικός) τίτλος έξω από το widget χρησιμοποιούμε το Tίτλος2 (αυτό με το γαλάζιο χρώμα). Όπου “Τίτλος2” βάζουμε τον τίτλο που θέλουμε.
Αν δεν το χρειαζόμαστε αυτό, (καθώς υπάρχει και ο τίτλος που ήδη διαθέτει το blog μας), μπορούμε να το διαγράψουμε ολόκληρο ή εναλακτικά να αφήσουμε κενό το σημείο με το μοβ χρώμα.
Αυτό ήταν. Ελπίζω να σας άρεσε. Περιμένω τα σχόλιά σας.




Μην σας καεί ο δίσκος κατά την εγγραφή αρχείων!



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Γεια σας φίλοι μου. Είμαι ο ekabitis, και έχω να σας δείξω κάτι σχετικό με το “κάψιμο” των Cd και των Dvd. Αν και οι σύγχονες συσκευές δεν αντιμετωπίζουν τέτοια προβλήματα συχνά, θα σας έχει τύχει να κάψετε κάποιο δισκάκι κατά την εγγραφή, ενώ παράλληλα δουλεύετε και κάποια άλλα προγράμματα.
Αυτό συμβαίνει διότι καταναλώνονται ταυτόχρονα πολλοί πόροι του συστήματος, για πολλές παράλληλες διεργασίες, με αποτέλεσμα να “κολάει” το Cd-Dvd Writer, με αποτέλεσμα όπως προαναφέραμε να καίγονται τα δισκάκια.
Μπορείτε παρόλα αυτά, να ελαχιστοποιήσετε τον κίνδυνο του να κάψετε τα δισκάκια σας κατά την διαδικασία εγγραφής.
Πως γίνεται αυτό;
Ανοίξτε την διαχείρηση εργασιών των Windows, πατώντας τον συνδιασμό πλήκτρων Ctrl-Alt-Del.


Κάντε κλικ στην καρτέλα Διεργασίες και από την λίστα που εμφανίζεται αναζητήστε το πρόγραμμα που χρησιμοποιείτε για την εγγραφή.
Κάντε δεξί κλικ επάνω του, από την λίστα επιλέξτε Ορισμός προτεραιότητας και από το υπομενού κάντε την προτεραιότητα από Κανονική σε Υψηλή. Αγνοήστε το προειδοποιητικό μήνυμα πατώντας Ναι.
Ελπίζω να σας φανεί χρήσιμο αυτό το trick.
Πολλές ακόμα παρόμοιες συμβουλές θα βρείτε εδώ.




Η ευκολία του TinyURL



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Από ekabitis-tips-tricks


Σας έχει τύχει ψάχνοντας σε ένα site να βρεθείτε σε ένα link σαν αυτό που βλέπεται παρακάτω;

Ένα τεράστιο link αποτελούμενο με πάρα πολλά συσκολονόητα και ακαταλαβίστηκα γράμματα και σύμβολα;
Ένα link που σίγουρα δεν μπορούμε να το “χειριστούμε” όπως εμείς επιθυμούμε;
Σίγουρα ναι.

http://kalabakacity.gr/koinothta/profil/omades/viewgroup/14-%CE%9D%CE%91%CE%99+%CE%89+%CE%9F%CE%A7%CE%99+%CE%A3%CE%A4%CE%97%CE%9D+%CE%A0%CE%91%CE%A1%CE%9F%CE%A7%CE%97+%CE%99%CE%98%CE%91%CE%93%CE%95%CE%9D%CE%95%CE%99%CE%91%CE%A3+%CE%A3%CE%A4%CE%9F%CE%A5%CE%A3+%CE%9C%CE%95%CE%A4%CE%91%CE%9D%CE%91%CE%A3%CE%A4%CE%95%CE%A3%3B.html


Τι γίνεται όμως αν θέλετε να κρατήσετε αυτό το link για να το χρησιμοποιήσετε ξανά στο μέλλον;
Τι γίνεται αν θέλεται να το πείτε σε κάποιον από το τηλέφωνο;
Και ακόμα χειρότερα τι γίνεται αν πρέπει να το θυμάστε απ’ έξω;


Μην ανυσηχείτε. Υπάρχει λύση, και ακούει στο όνομα tinyurl.

Μπείτε στο site http://tinyurl.com/, βάλτε το URL στο πλαίσιο που θα βρείτε, και πατώντας

Make TinyURL,

θα έχεται ένα πολύ μικρό link με οκτώ περίπου στοιχεία, όπου μπορείτε να το χειριστήτε με περισσότερη ευκολία.



Το link που σας έδειξα παραπάνω, με την μέθοδο tiny έγινε έτσι.


http://tinyurl.com/yl6d82w


Τόσο απλό, τόσο μικρό!
Μπορείτε επίσης να προσθέσετε στο blog σας ένα εύχρηστο TinyURL gadget, για να το έχετε πάντα πρόχειρο και έτοιμο για χρήση.
Ο κωδικός του είναι αυτός.


<form action=”http://tinyurl.com/create.php” method=”post” target=”_blank”>
<table align=”center” cellpadding=”5″ bgcolor=”#E7E7F7″><tr><td>
<b>Enter a long URL to make <a href=”http://tinyurl.com”>tiny</a>:</b><br />
<input type=”text” name=”url” size=”30″><input type=”submit” name=”submit” value=”Make TinyURL!”>
</td></tr></table>
</form>



Μπορείτε επίσης να τον βρείτε και μέσα από την ιστοσελίδα του TinyURL.




Διαχωριστική γραμμή ανάμεσα στις αναρτήσεις του blog



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Με αφορμή ένα σχόλιο της φίλης και αναγνώστριας του blog μου Xristin, θα ασχοληθούμε στη σημερινή ανάρτηση.

Είμαι ο ekabitis, και έχω τα blogs ekabitis και ekabitis tips & tricks.

Η Χριστίνα λοιπόν με ρώτησε πως μπορεί να βάλει διαχωριστική γραμμή ανάμεσα στις αναρτήσεις του blog της. Όλα τα templates έχουν συγκεκριμένη ρύθμιση για αυτό, αλλά στην συγκεκριμένη περίπτωση της φίλης μας, κάτι έγινε και απορυθμίστηκε.

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

Σαν παράδειγμα θα πάρουμε το template minima dark, διότι, αν και δεν το αναφέρει, αυτό πρέπει να χρησιμοποιεί η φίλη μας. Το ίδιο ισχύει όμως και για όλα τα templates με μικρές διαφορές.

Πάμε λοιπόν.

Πηγαίνουμε στον Πανόπτη μας, και επιλέγουμε Διάταξη–>Επεξεργασία HTML και αφού κάνουμε λήψη πλήρους προτύπου, για παν ενδεχόμενο, με το γνωστό τρόπο Ctrl+F ψάχνουμε να βρούμε το


.post {

margin:.5em 0 1.5em;

border-bottom:1px dotted $bordercolor;

padding-bottom:1.5em;







Όπως προανέφερα, σε άλλα templates μπορεί να είναι κάπως διαφορετικό αλλά σίγουρα θα ξεκινάει με το


.post {

margin



Το σημείο που είναι με κόκκινο χρώμα αναφέρεται στο πάχος της διαχωριστικής γραμμής. Της φίλης μας Χριστίνας λογικά θα είναι 0.

Αλλάζουμε τον συγκεκριμένο αριθμό, με τον αριθμό της αρεσκείας μας. Ανάλογα με το backround, χρησιμοποιήστε 1 έως 2 για σκουρόχρωμα backrounds, και ίσως λίγο μεγαλύτερο για τα ανοιχτόχρωμα. Όπως και να έχει, η επιλογή είναι δική σας, ανάλογα τα γούστα σας.



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



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



Για οποιδήποτε διευκρίνηση, μην διστάσετε να επικοινωνήσετε μαζί μου.

Περιμένω τα σχόλιά σας.