Σε αυτό το άρθρο θα δούμε πως να προσθέσουμε στο blog μας ένα ψηφιακό ρολόι. Για όσους θέλουν να το βάλουν στο blogger ο τρόπος είναι πολύ απλός και τον έχουμε πει άπειρες φορές, απλά πάμε στην διάταξη, από εκεί πατάτε προθήκη gadget και στο παράθυρο που ανοίγει επιλέγουμε το HTML/JavaScript όπου εκεί μέσα θα βάλουμε τον κώδικα του ρολογιού που θέλουμε, το αποθηκεύουμε και είμαστε έτοιμοι.
Σημείωση: μπορείτε να αλλάξετε το μέγεθος με αυτό που θέλετε πειράζοντας το font-size προς τα κάτω ή πάνω ανάλογα με το αν θέλετε να μεγαλώσει ή να μικρύνει το μέγεθος. Επίσης μπορείτε να αλλάξετε και το χρώμα αν δεν σας ικανοποιούν τα πιο κάτω. Αν θέλετε κάποιο συγκεκριμένο χρώμα και δεν ξέρετε πως να το εφαρμόσετε αφήστε σχόλιο να το προσθέσω και αυτό!
Για να το προσθέσετε στο blog σας απλά επιλέξτε τον πιο κάτω κώδικα και βάλτε τον στο <body> του προτύπου σας, επίσης μπορείτε να τον βάλετε και σαν gadget, αν δεν ξέρετε πως δείτε εδώ: προσθήκη gadget.
Μπλε χρώμα (σαν αυτό που βλέπετε πιο πάνω):
<div id="psifiakoRoloi">
<div class="roloi" style="color: blue; font-size: 400%; font-weight: bold; text-align: center;">
<span id="display_time"></span>
<script src="https://googledrive.com/host/0B3fIJ7nZFI9iUWpNNGxDQTVNdDA/" type="text/javascript">
</script>
<span id="rcw-cr"><a href="http://lefta4klik.blogspot.com/2013/12/psifiako-roloi-gia-blog.html"><br/>ψηφιακό ρολόι</a></span><style type="text/css"> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;} #rcw-cr {font-size:8px; padding: 0 75px; 0 0} </style> </div></div>
κώδικας για μαύρο χρώμα:
<div id="psifiakoRoloi">
<div class="roloi" style="color: black; font-size: 400%; font-weight: bold; text-align: center;">
<span id="display_time"></span>
<script src="https://googledrive.com/host/0B3fIJ7nZFI9iUWpNNGxDQTVNdDA/" type="text/javascript">
</script>
<span id="rcw-cr"><a href="http://lefta4klik.blogspot.com/2013/12/psifiako-roloi-gia-blog.html"><br/>ψηφιακό ρολόι</a></span><style type="text/css"> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;} #rcw-cr {font-size:8px; padding: 0 75px; 0 0} </style> </div></div>
Κόκκινο χρώμα:
<div id="psifiakoRoloi">
<div class="roloi" style="color: red; font-size: 400%; font-weight: bold; text-align: center;">
<span id="display_time"></span>
<script src="https://googledrive.com/host/0B3fIJ7nZFI9iUWpNNGxDQTVNdDA/" type="text/javascript">
</script>
<span id="rcw-cr"><a href="http://lefta4klik.blogspot.com/2013/12/psifiako-roloi-gia-blog.html"><br/>ψηφιακό ρολόι</a></span><style type="text/css"> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;} #rcw-cr {font-size:8px; padding: 0 75px; 0 0} </style> </div></div>
Πράσινο χρώμα:
<div id="psifiakoRoloi">
<div class="roloi" style="color:#008000; font-size: 400%; font-weight: bold; text-align: center;">
<span id="display_time"></span>
<script src="https://googledrive.com/host/0B3fIJ7nZFI9iUWpNNGxDQTVNdDA/" type="text/javascript">
</script>
<span id="rcw-cr"><a href="http://lefta4klik.blogspot.com/2013/12/psifiako-roloi-gia-blog.html"><br/>ψηφιακό ρολόι</a></span><style type="text/css"> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;} #rcw-cr {font-size:8px; padding: 0 75px; 0 0} </style> </div></div>
Χρυσό χρώμα:
<div id="psifiakoRoloi">
<div class="roloi" style="color:#FFD700; font-size: 400%; font-weight: bold; text-align: center;">
<span id="display_time"></span>
<script src="https://googledrive.com/host/0B3fIJ7nZFI9iUWpNNGxDQTVNdDA/" type="text/javascript">
</script>
<span id="rcw-cr"><a href="http://lefta4klik.blogspot.com/2013/12/psifiako-roloi-gia-blog.html"><br/>ψηφιακό ρολόι</a></span><style type="text/css"> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;} #rcw-cr {font-size:8px; padding: 0 75px; 0 0} </style> </div></div>
Ροζ χρώμα:
<div id="psifiakoRoloi">
<div class="roloi" style="color:#FFC0CB; font-size: 400%; font-weight: bold; text-align: center;">
<span id="display_time"></span>
<script src="https://googledrive.com/host/0B3fIJ7nZFI9iUWpNNGxDQTVNdDA/" type="text/javascript">
</script>
<span id="rcw-cr"><a href="http://lefta4klik.blogspot.com/2013/12/psifiako-roloi-gia-blog.html"><br/>ψηφιακό ρολόι</a></span><style type="text/css"> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;} #rcw-cr {font-size:8px; padding: 0 75px; 0 0} </style> </div></div>
Ασήμι χρώμα:
<div id="psifiakoRoloi">
<div class="roloi" style="color:#C0C0C0; font-size: 400%; font-weight: bold; text-align: center;">
<span id="display_time"></span>
<script src="https://googledrive.com/host/0B3fIJ7nZFI9iUWpNNGxDQTVNdDA/" type="text/javascript">
</script>
<span id="rcw-cr"><a href="http://lefta4klik.blogspot.com/2013/12/psifiako-roloi-gia-blog.html"><br/>ψηφιακό ρολόι</a></span><style type="text/css"> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;} #rcw-cr {font-size:8px; padding: 0 75px; 0 0} </style> </div></div>
Sky blue χρώμα:
<div id="psifiakoRoloi">
<div class="roloi" style="color:#87CEEB; font-size: 400%; font-weight: bold; text-align: center;">
<span id="display_time"></span>
<script src="https://googledrive.com/host/0B3fIJ7nZFI9iUWpNNGxDQTVNdDA/" type="text/javascript">
</script>
<span id="rcw-cr"><a href="http://lefta4klik.blogspot.com/2013/12/psifiako-roloi-gia-blog.html"><br/>ψηφιακό ρολόι</a></span><style type="text/css"> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;} #rcw-cr {font-size:8px; padding: 0 75px; 0 0} </style> </div></div>
Κίτρινο χρώμα:
<div id="psifiakoRoloi">
<div class="roloi" style="color:#FFFF00; font-size: 400%; font-weight: bold; text-align: center;">
<span id="display_time"></span>
<script src="https://googledrive.com/host/0B3fIJ7nZFI9iUWpNNGxDQTVNdDA/" type="text/javascript">
</script>
<span id="rcw-cr"><a href="http://lefta4klik.blogspot.com/2013/12/psifiako-roloi-gia-blog.html"><br/>ψηφιακό ρολόι</a></span><style type="text/css"> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;} #rcw-cr {font-size:8px; padding: 0 75px; 0 0} </style> </div></div>
(h)
ΑπάντησηΔιαγραφή:)
Διαγραφή;-(
ΑπάντησηΔιαγραφή(h)
ΑπάντησηΔιαγραφή