Κρυφό Share Menu
ένα μενού που βρίσκεται στη δεξιά πλευρά του blog σας, στατικό, κρυφό, και ανοίγει όταν περνάει από πάνω το ποντίκι σας...
Γιατί το Blogs σας αργεί να Ανοίξει.Πρέπει να το Διαβάσουν Ολοι οι Bloggers
Μάθετε, τι είναι αυτό που αργεί το άνοιγμα του blog σας, και αν είναι δυνατόν, διορθώστε το ...
Floating menu - Αναπτυσσόμενο μενου
Eνα πολύ όμορφο, πρακτικό και εύκολο μενου, πιάνει λίγο χώρο, γιατί αναπτύσσεται μόλις περάσει από πάνω του το ποντίκι...
Gadget για Facebook Pop up Like Μιας Χρήσεως
Και ο τίτλος σημαίνει οτι αυτό το gadget θα εμφανιστεί ΜΟΝΟ ΜΙΑ ΦΟΡΑ, σε κάθε επισκέπτη σας, ...
Μειώστε Το Κενό Πανω+Κάτω Απο το Header / Reduce the space above+after header
...μειώσετε το κενό, ανάμεσα στη κορυφή του blog, και της κεφαλίδας του τίτλου......
Μειώστε το κενό ανάμεσα στις αναρτήσεις του blog
Μειώσετε τα κενά ανάμεσα στις αναρτήσεις σας (εφ' όσον ανεβάζετε μια ανάρτηση κάθε ημέρα η περισσότερο)...
Αφαιρέστε το: Εγγραφή σε Αναρτήσεις (Atom)
Πολλοί από εσάς θέλετε να σβήσετε από το blog σας τη φράση "Εγγραφή σε Αναρτήσεις (Atom)"....
Πρόσφατες Αναρτήσεις από το dr-blogger

Μια ανάρτηση με 2 αναρτήσεις


Εδω βλέπουμε μία ανάρτηση στην αριστερή πλευρά της ανάρτησης του blog μας με background, και border που μεγαλώνει και γίνεται όσο το κείμενο


World's Clock / Διεθνές Ρολόι (script)


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


 Κάντε copy-paste (αντιγραφή-επικόλληση) τον παρακάτω κώδικα σαν gadget / javaScript πατήστε αποθήκευση, και μετά μετακινείστε το gadget σε όποιο σημείο του blog σας ταιριάζει :


<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="world001-green.swf";obj.TimeZone="GMT0530";obj.width=480;obj.height=250;obj.wmode="transparent";showClock(obj);</script>


***Η κόκκινη φράση είναι το χρώμα...αλλάξτε το με blue , κλπ...ανάλογα με τα χρώματα του blog σας
***Οι μπλε αριθμοί είναι το μέγεθος του χάρτη...
Αυτό ήταν όλο !!! ΚΑΛΗ ΕΠΙΤΥΧΙΑ...
ΠΗΓΗ :  javascriptfreecode.com/


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


Dancing Links / Κινούμενα Λινκ


Νέοι bloggers γεια σας !!!Υπάρχει τρόπος να κάνουμε τα links και τις εικόνες στο blog μας να κινούνται όταν περνάμε από πάνω τους το ποντίκι μας...Σήμερα θα σας δώσω τον κώδικα για να κάνετε τα links στο ιστολόγιο σας να κινούνται όταν περνάτε το ποντίκι σας από πάνω τους !!!Δείτε την εικόνα, και το παράδειγμα εδώ....
Demo link No 1
Demo link No 2


Βρείτε τη φράση  </head>  (με ctrl F) όπως δείχνει στην εικόνα:



και ΠΑΝΩ από αυτή, βάλτε τον κώδικα:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
    var dur = 400; // Duration Of Animation in Milli Seconds
    $(document).ready(function() {
        $('a.linknudge').hover(function() {
            $(this).animate({
                paddingLeft: '25px'
            }, dur);
        }, function() {
            $(this).animate({
                paddingLeft: 0
            }, dur);
        });
    }); // end of Jquery Script
</script>
Πατήστε SAVE / ΑΠΟΘΗΚΕΥΣΗ.....
Τώρα όποτε βάζετε ένα link, θα προσθέτετε τη φράση  class='linknudge' για να λειτουργήσει η κίνηση...(αν δεν τη βάλετε δεν θα κινείται)...δηλαδή, ......παράδειγμα:
<a class='linknudge' href='http://www.blogger.com/'>Dr-Blogger</a>

***η κόκκινη φράση είναι που θα κινεί το link
***τη μπλε φράση, αλλάξτε τη με το δικό σας link.....
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!!

Δυο αναρτήσεις


Φίλοι bloggers, έχουμε πρόβλημα με τα script .js που βάζουμε στους κώδικες του blog μας....όλο και πιο συχνά βλέπω κάποια demo μου να μη λειτουργούν ...Να σας πω, ότι προσπαθώ να αντικαταστήσω όλα τα script μου που δεν λειτουργούν, αλλά εν τω μεταξύ, αν δείτε ότι κάποιο slider η widget η caroυsel, κλπ δεν λειτουργεί, μάλλον φταίει το js του κώδικα....Τι θα κάνετε ; Θα σας πω παρακάτω....

Μπείτε στον κώδικα του widget που δεν λειτουργεί....τσεκάρετε, οτι το script δεν λειτουργεί....πως; θα ανοίξετε τη διεύθυνση του .js για να δείτε αν σας δείχνει το κώδικα....αν τον δείχνει, είναι εντάξει....εάν όμως σας παρουσιάσει ενα παραθυράκι και ζητάει password, όπως στην εικόνα πιο πάνω, τότε δεν λειτουργεί.....Ανοίξτε το google, και ψάξτε να βρείτε ένα παρόμοιο script, ανεβασμένο από κάποιον άλλο προγραμματιστή η ιδιοκτήτη blog, που παρουσιάζει το κώδικα, γράφοντας το τελείωμα της διεύθυνσης του .js...
παράδειγμα:

αν η διεύθυνση είναι :  http://catur-at-abu-farhan.googlecode.com/svn/trunk/bookflip.min.js  ,

εσείς βάλετε μόνο το :   bookflip.min.js

...καποιος θα το εχει ανεβασει σε δική του σελίδα και δεν θα έχει password....
Τώρα, αν γνωρίζετε πως να το ανεβάσετε σε μια δική σας σελίδα φιλοξενίας, κάντε το, για να έχετε το κεφάλι σας ήσυχο...
Να σας πω ότι προσπαθώ να εντοπίσω και στις δικές μου αναρτήσεις ποια .js δεν λειτουργούν, και να τα διορθώσω...
Υπομονή !!!

Φίλοι bloggers, εάν οι γωνίες γύρω από την ανάρτησή σας και γύρω από τα gadgets σας  δεν είναι στρογγυλεμένες ιδού ένας εύκολος τρόπος με 2 κώδικες που θα εφαρμόσετε στο blog σας, και θα φαίνονται πιο όμορφα... (Καλό θα είναι να έχετε ενεργοποιήσει και το frame με κάποιο χρώμα)...Ο ένας κώδικας είναι για τα gadgets σας στις πλαϊνές στήλες, και ο δεύτερος είναι για τις αναρτήσεις σας !!!


1ος κώδικας για τα gadgets:



.....Μπείτε στο ΠΡΟΤΥΠΟ => ΠΡΟΣΑΡΜΟΓΗ =>ΠΡΟΗΓΜΕΝΗ =>Προσθήκη CSS  και επικολλήστε τον παρακάτω κώδικα (ΦΩΤΟ):

.widget, .blog-pager{
-moz-border-radius: 13px !important;
-webkit-border-radius: 13px !important;
-goog-ms-border-radius: 13px !important;
border-radius: 13px !important;
}

*Το 13px είναι ενδεικτικό...αν μεγαλώσετε το νούμερο θα γίνουν πιο στρογγυλές οι γωνίες...

2ος κώδικας για τις αναρτήσεις:
Βρείτε στο HTML πρότυπό σας τη παρακάτω φράση
* Posts ----------------------------------------------- */
...και αντιγράψτε-επικολλήστε  τον παρακάτω κώδικα ΑΠΟ ΚΑΤΩ ακριβώς:

.date-outer, .post-outer {
-moz-border-radius: 13px !important;
-webkit-border-radius: 13px !important;
-goog-ms-border-radius: 13px !important;
border-radius: 13px !important;
}


*Το 13px είναι ενδεικτικό...αν μεγαλώσετε το νούμερο θα γίνουν πιο στρογγυλές οι γωνίες...
*Μπορείτε να βάλετε το κώδικα και στο css του blog σας και με τον πιο πάνω τρόπο όπως στη εικόνα.
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!