ΚΩΔΙΚΕΣ ΤΕΣΤ BLOG

Δευτέρα 22 Νοεμβρίου 2010

templates- stales sto galazio

Πέμπτη 18 Νοεμβρίου 2010

Προσθέστε κινούμενη λεζάντα στις εικόνες σας με CSS3 (Χωρίς Javascript) !!!

Posted by: themis gs, on: 10/10/2010 11:09:00 πμ, Labels: blogger tips and tricks

Προσθέστε κινούμενη λεζάντα στις εικόνες.
Με CSS3 (Χωρίς Javascript) !!!

Σε αυτή την ανάρτηση θα σας δείξω πως μπορείτε να προσθέστε κινούμενη λεζάντα στις εικόνες του site σας! Για να καταλάβετε τι εννοώ πηγαίνετε το κέρσορα (ποντίκι) πάνω από την εικόνα με τα δέντρα χωρίς να κάνετε κλικ

Διαβάστε περισσότερα »

Προσθέστε widget ή gadget χωρίς τίτλο!

Posted by: themis gs, on: 6/29/2010 09:55:00 πμ, Labels: blogger tips and trickswidgets

Όλοι σας θα έχετε παρατηρήσει ότι τον τελευταίο καιρό, όταν πάτε να προσθέσετε ένα HTML/JavaScript gadget ή ένα άλλο οποιοδήποτε gadget και widget δεν μπορείτε να το αφήσετε χωρίς τίτλο. Έτσι μετά την πρόσφατη αλλαγή της εμφάνισης του blog μου ήθελα να προσθέσω ένα gadget αλλά δεν...

Διαβάστε περισσότερα »

Widget που δείχνει τι "παίζει" τώρα η TV !

Posted by: themis gs, on: 10/02/2010 04:03:00 πμ, Labels: widgets

Σε αυτή την ανάρτηση θα σας δείξω ένα widget που μπορείτε να το προσθέσετε στο site σας, για να δείχνει το online πρόγραμμα της τηλεόρασης.

Για να το προσθέσετε κάντε τα ακόλουθα βήματα:
1) Μπείτε στο http://www.ishow.gr/webmasters-info.asp και προσαρμόστε τις ρυθμίσεις του widget σύμφωνα με τις απαιτήσεις σας. Μόλις τελειώσετε την προσαρμογή πατήστε το κουμπάκι που λέει " Δημιουργία κώδικα ενσωμάτωσης" και αντιγράψτε τον κώδικα που θα σας δώσει από κάτω.
2) Μετά πάτε Διάταξη>Προσθήκη gadget>HTML/JavaScript>κάντε επικόλληση τον κώδικα και είστε έτοιμοι!

Αλλάξτε το σχήμα και χρώμα του κέρσορα(mouse) στο blog σας... πανεύκολα!!!

Posted by: themis gs, on: 7/17/2010 06:09:00 πμ, Labels: blogger tips and tricks

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

1. Σύνδεση στο blog σας>>Σχεδίαση>> Επεξεργασία HTML
2. Πατήστε ταυτόχρονα ctrl+f
3. Ψάξτε για το
<body>
4. Κάντε επικόλληση τον παρακάτω κώδικα πριν από αυτό.

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

Ή ΤΟΝ ΠΑΡΑΚΑΤΩ ΤΟ ΙΔΙΟ ΕΙΝΑΙ.
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur), progress;}</style>
5. Το μέγεθος του κέρσορα τώρα θα έχει αυξηθεί και το χρώμα του θα είναι μπλε.

Παρακάτω σας δίνω και άλλα σχέδια για να διαλέξετε. Μόλις βριτε αυτο που θελετε αντικαταστήστε http://cur.cursors-4u.net/cursors/cur-2/cur116.cur τον κώδικα που σας έχω δίπλα!

Διαβάστε περισσότερα »

Παρασκευή 12 Νοεμβρίου 2010

ΗΜΕΡΟΜΗΝΙΑ ΣΕ ΚΑΘΕ ΑΝΑΡΤΗΣΗ

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

Γεια σας, και Χρόνια Πολλά σε όλους-ες.

Σίγουρα έχετε παρατηρήσει, ότι σε 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>

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

ΤΕΛΟΣ

Κυριακή 31 Οκτωβρίου 2010

Aλλο ένα στιλάτο featured content slider στο Blogger με την χρήση jQuery UI

Αναρτήθηκε από Σοφία | στις Τρίτη, Μάϊος 18, 2010 | Ετικέτες Blogger Widgets, Featured contents, Jquery tutorial

Αυτό το script επιτρέπει να επιδείξετε τα πιο δημοφιλή η πιο ενδιαφέροντα άρθρα και αναρτήσεις από το blog σας .
Μπορείτε επίσης να αναδείξετε και κάποιες παλιές αναρτήσεις που δύσκολα τα βρίσκει ο επισκέπτης του blog σας
Το Featured contents συνήθως θα πρέπει να εμφανίζετε στην αρχική σελίδα του blog , διευκολύνοντας έτσι τους επισκέπτες να βρούνε στην στιγμή τις πιο “hot αναρτήσεις ” από το blog σας.
Επίσης , είναι κομψό και λειτουργικό .

Click εδώ για demo