Hi! Welcome...

Premium Blogger Template
FREE Premium Blogger Templates
Μοναδικά Free Blogger πρότυπα για το blog σας
Slimbox 2.02 με jquery-1.3.2 στο Bloggspot .
Πώς να εγκαταστήσετε SlimBox σε Blogger
ΙmgBox
Για να παρουσιάσετε τις εικόνες σας με στυλ !!!
31 καλυτέρα Blogger Widgets και addon
Κατάλογος συνδέσμων όπου μπορείτε να ανακαλύψετε περισσότερα widgets για το blog σας.
1 2 3 4 5

Παρασκευή, Οκτωβρίου 2

0

Πως να βάλετε LCD ρολόι στο blog σας χρησιμοποιώντας JavaScript


Για  να βάλετε LCD ρολόι στο blog σας χρησιμοποιώντας JavaScript ακολουθείτε τα εξής βήματα :

    » Βήμα 1 : Πηγαίνετε   Διάταξη >>  Επεξεργασία HTML
Σας συστήνω  να σώσετε το αντίγραφο του προτύπου σας προκειμένου να γίνουν οι αλλαγές ακίνδυνα. Για να  το κάνετε , απλά πατήστε  " Λήψη πλήρους προτύπου " .
Τώρα κάντε κλικ στο “ Επέκταση προτύπων γραφικών στοιχείων “ και ψάξτε στον κώδικά σας το  ]]></b:skin> :

Και εισάγουμε τον παρακάτω κώδικα  ακριβώς από πάνω από το ]]></b:skin> :

<style>
<!--
.styling{
background-color:black;
color:lime;
font: bold 15px MS Sans Serif;
padding: 3px;
}
-->
</style>

Όταν τελειώσουμε Κάνουμε Αποθήκευση Πρότυπου και πάμε παρακάτω
» Βήμα 2 : Τώρα ,επιλέγουμε το σημείο , όπου θέλουμε να εμφανιστεί το ρολόι μας . Πηγαίνουμε  Στοιχεία Σελίδας  >> Προσθήκη Gadget >> HTML/JavaScript και εισάγουμε  τον κώδικα παρακάτω


<span id="digitalclock" class="styling"></span>

<script>
<!--

/*****************************************
* LCD Clock script- by Javascriptkit.com
* Featured on/available at http://www.dynamicdrive.com/
* This notice must stay intact for use
*****************************************/

var alternate=0
var standardbrowser=!document.all&&!document.getElementById

if (standardbrowser)
document.write('<form name="tick"><input type="text" name="tock" size="6"></form>')

function show(){
if (!standardbrowser)
var clockobj=document.getElementById? document.getElementById("digitalclock") : document.all.digitalclock
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var dn="AM"

if (hours==12) dn="PM" 
if (hours>12){
dn="PM"
hours=hours-12
}
if (hours==0) hours=12
if (hours.toString().length==1)
hours="0"+hours
if (minutes<=9)
minutes="0"+minutes

if (standardbrowser){
if (alternate==0)
document.tick.tock.value=hours+" : "+minutes+" "+dn
else
document.tick.tock.value=hours+"   "+minutes+" "+dn
}
else{
if (alternate==0)
clockobj.innerHTML=hours+"<font color='lime'> : </font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
else
clockobj.innerHTML=hours+"<font color='black'> : </font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
}
alternate=(alternate==0)? 1 : 0
setTimeout("show()",1000)
}
window.onload=show

//-->
</script>

Αυτό ήταν ……  Κάνουμε αποθήκευση ,ανανεώνουμε την ιστοσελίδα μας και βλέπουμε το αποτέλεσμα . 

Δείτε Demo Εδώ


P . S . Βεβαία , αν θέλετε μπορείτε να προσαρμόσετε στα μέτρα σας τα  style sheet : να αλλάξετε background-color , font , padding  και color
Καλή επιτυχία ….Wave 

0:

 

© 2010 Bloggertrics

WordPress Theme by: WooThemes. | Converted into Blogger Templates by : Bloggertrics

ΑΡΧΙΚΗ| Sitemap| Posts RSS