Μια ανάρτηση με 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.....
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!!