tag:blogger.com,1999:blog-6577697496444679922024-02-06T21:18:30.642-08:00ΑΛΛΑ ΚΟΛΠΑAnonymoushttp://www.blogger.com/profile/14415571691522592217noreply@blogger.comBlogger4125tag:blogger.com,1999:blog-657769749644467992.post-23640215261892670612012-08-24T11:58:00.001-07:002012-08-24T11:58:55.597-07:00Χωρίστε την ανάρτησή σας σε δύο ανεξάρτητες κάθετες στήλες<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">
<a href="http://lh5.ggpht.com/_L116RpGjEMY/Sxas2wZD4iI/AAAAAAAAAzs/FRNMk9d-j38/Bloggertrick%5B1%5D.png?imgmax=800" style="color: #333333;"><img alt="" border="0" src="http://lh5.ggpht.com/_L116RpGjEMY/Sxas2wZD4iI/AAAAAAAAAzs/FRNMk9d-j38/Bloggertrick%5B1%5D.png?imgmax=800" style="border: 0px solid rgb(0, 0, 0); cursor: pointer; float: left; height: 125px; margin: 0pt 10px 10px 0pt; padding: 1px; width: 126px;" /></a><br />Πρόσφατα ανακάλυψα ένα πολύ καλό blog για Blogger Tips & Tricks.Το γράφει η φίλη μου Σοφία και σας προτείνω να το επισκεφτείτε.Είναι το<a href="http://bloggertrics.blogspot.com/" style="color: #333333;">BloggerTrics</a> από το οποίο βρήκα και το παρακάτω Tric.</div>
<a name='more'></a><br />
<br style="font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;" /><div style="font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">
~</div>
<br style="font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;" /><div style="float: left; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify; width: 213.75px;">
<span style="font-weight: bold;">Πείτε λοιπόν πως θέλετε να χωρίσετε την ανάρτησή σας σε δύο κατακόρυφες -ανεξάρτητες μεταξύ τους- στήλες.(όπως έχω κάνει εγώ τώρα)Θα γράφετε κανονικά στην αριστερή στήλη και μετά θα συνεχίζετε στην δεξιά.Ωραίο,ε?Όπως είναι οι στήλες των περιοδικών.</span></div>
<br style="font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;" /><br style="font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;" /><div style="float: right; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify; width: 213.75px;">
<span style="font-weight: bold;">Είναι πολύ εύκολο να το επιτύχετε αυτό και δεν χρειάζεται ιδιαίτερη εγκατάσταση.Όταν γράφετε μία ανάρτηση (στην καρτέλα "Επεξεργασία HTML") βάζετε τον παρακάτω κωδικό.Το βάζετε κάθε φορά που θέλετε να χωρίσετε μια ανάρτηση και ΟΧΙ σε κάθε ανάρτηση χωρίς λόγο.</span></div>
<br style="font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;" /><br style="font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;" /><divstyle both="" clear:="clear:" style="font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;"><br /><br /><div class="codeview" style="background-color: #f3f3f3; border: 2px solid rgb(230, 230, 230); clear: both; color: #333333; font-family: Arial, Helvetica, sans-serif; list-style-type: none; margin: 15px 35px 15px 15px; padding: 10px;">
<br /><div style="float: left; width: 45%"><span style="font-weight: bold;">Εδώ το κείμενο της αριστερής στήλης</span></div><br /><br /><div style="float: right; width: 45%"><span style="font-weight: bold;">Εδώ το κείμενο της δεξιάς στήλης</span></div><br /><br /><divstyle="clear: both"></div></div>
<br /><br /><center>
Τα υπόλοιπα είναι ευεξήγητα πιστεύω...</center>
</divstyle></div>
Anonymoushttp://www.blogger.com/profile/14415571691522592217noreply@blogger.com0tag:blogger.com,1999:blog-657769749644467992.post-16965967723741546072012-08-24T10:43:00.000-07:002012-08-24T10:43:54.963-07:00Τι είναι το HTML?<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">
<a href="http://upload.wikimedia.org/wikipedia/commons/f/f8/Html-source-code2.png" style="color: #333333;"><br class="Apple-interchange-newline" /><img alt="" border="0" src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Html-source-code2.png" style="border: 0px solid rgb(0, 0, 0); cursor: pointer; float: left; height: 388px; margin: 0pt 10px 10px 0pt; padding: 1px; width: 279px;" /></a><br />Τα αρχικά <b>HTML</b>προέρχονται από τις λέξεις<b>HyperText Markup Language</b>. Η html δεν είναι μια <a href="http://el.wikipedia.org/wiki/%CE%93%CE%BB%CF%8E%CF%83%CF%83%CE%B1_%CF%80%CF%81%CE%BF%CE%B3%CF%81%CE%B1%CE%BC%CE%BC%CE%B1%CF%84%CE%B9%CF%83%CE%BC%CE%BF%CF%8D" style="color: #333333;" title="Γλώσσα προγραμματισμού">γλώσσα προγραμματισμού</a>. Είναι μια<a class="new" href="http://el.wikipedia.org/w/index.php?title=%CE%93%CE%BB%CF%8E%CF%83%CF%83%CE%B1_%CF%83%CE%AE%CE%BC%CE%B1%CE%BD%CF%83%CE%B7%CF%82&action=edit&redlink=1" style="color: #333333;" title="Γλώσσα σήμανσης (δεν έχει γραφτεί ακόμα)">γλώσσα σήμανσης</a> (<i>markup language</i>), δηλαδή ένας ειδικός τρόπος γραφής κειμένου. Ο καθένας μπορεί να δημιουργήσει ένα αρχείο HTML χρησιμοποιώντας απλώς εναν επεξεργαστή κειμένου. Aποτελεί υποσύνολο της γλώσσας<a class="new" href="http://el.wikipedia.org/w/index.php?title=SGML&action=edit&redlink=1" style="color: #333333;" title="SGML (δεν έχει γραφτεί ακόμα)">SGML</a> (Standard Generalized Markup Language) που επινοήθηκε από την IBM προκειμένου να λυθεί το πρόβλημα της μη τυποποιημένης εμφάνισης κειμένων στα διάφορα υπολογιστικά συστήματα. Ο <a href="http://el.wikipedia.org/wiki/Web_browser" style="color: #333333;" title="Web browser">browser</a>αναγνωρίζει αυτόν τον τρόπο γραφής και εκτελεί τις <a class="new" href="http://el.wikipedia.org/w/index.php?title=%CE%95%CE%BD%CF%84%CE%BF%CE%BB%CE%AD%CF%82&action=edit&redlink=1" style="color: #333333;" title="Εντολές (δεν έχει γραφτεί ακόμα)">εντολές</a> που περιέχονται σε αυτόν. Αξίζει να σημειωθεί ότι η html είναι η πρώτη και πιο διαδεδομένη γλώσσα περιγραφής της δομής μιας ιστοσελίδας. Η html χρησιμοποιεί τις ειδικές ετικέτες (τα tags) να δώσει τις απαραίτητες οδηγίες στον browser. Τα tags είναι εντολές που συνήθως ορίζουν την αρχή ή το το τέλος μιας λειτουργίας. Τα tags βρίσκονται πάντα μεταξύ των συμβόλων < και >. Π.χ. Οι οδηγίες είναι case insensitive, δεν επηρεάζονται από το αν έχουν γραφτεί με πεζά (μικρά) ή κεφαλαία. Ένα αρχείο HTML πρέπει να έχει κατάληξη htm ή html.</div>
<a name='more'></a><br /><br />
<h2 style="font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; margin: 0px; text-align: justify;">
<span class="mw-headline" id=".CE.9A.CE.B1.CE.BD.CF.8C.CE.BD.CE.B5.CF.82">Κανόνες</span></h2>
<div style="font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">
Για να μπορούν οι browser να ερμηνεύουν σχεδόν απόλυτα σωστά την html έχουν θεσπιστεί κάποιοι κανόνες. Αυτοί οι κανόνες είναι γνωστοί ως προδιαγραφές. Επομένως σχεδόν κάθε είδος υπολογιστή μπορεί να δείξει το ίδιο καλά μια ιστοσελίδα. Οι πρώτες προδιαγραφές ήταν η html 2.0. Πρόβλημα προέκυψε όταν η Μicrosoft και η Νetscape πρόσθεσαν στην html τέτοιες δυνατότητες που στην αρχή τουλάχιστον ήταν συμβατές μόνο με συγκεκριμένους browser. Ακόμη και σήμερα υπάρχουν διαφορές στην απεικόνιση κάποιας σελίδας από διαφορετικούς browsers. Ιδιαίτερο είναι το πρόβλημα όταν η ιστοσελίδα, εκτός απο "καθαρή" HTML περιλαμβάνει και εφαρμογές <a class="mw-redirect" href="http://el.wikipedia.org/wiki/Javascript" style="color: #333333;" title="Javascript">Javascript</a>.</div>
<div style="font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">
<br /></div>
<br style="font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;" /><h2 style="font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; margin: 0px; text-align: justify;">
<span class="mw-headline" id=".CE.97_HTML_.CF.83.CE.AE.CE.BC.CE.B5.CF.81.CE.B1">Η HTML σήμερα</span></h2>
<div style="font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">
Σήμερα πολλοί είναι εκείνοι που δημιουργούν μια <a href="http://el.wikipedia.org/wiki/%CE%99%CF%83%CF%84%CE%BF%CF%83%CE%B5%CE%BB%CE%AF%CE%B4%CE%B1" style="color: #333333;" title="Ιστοσελίδα">ιστοσελίδα</a> σε κάποιο πρόγραμμα που επιτρέπει την δημιουργία χωρίς την συγγραφή κώδικα. Η κοινή άποψη πάνω στο θέμα όμως είναι ότι κάτι τέτοιο είναι αρνητικό επειδή ο δημιουργός δεν έχει τον απόλυτο έλεγχο του κώδικα με αποτέλεσμα πολλές φόρες να υπάρχει οπτικό χάος στην προσπάθεια των browser να εμφανίσουν την ιστοσελίδα. Για το σκοπό αυτό έχει δημιουργηθεί ειδικό λογισμικό, που επιτρέπει το "στήσιμο" της σελίδας οπτικά, χωρίς τη συγγραφή κώδικα, δίνει όμως τη δυνατότητα παρέμβασης ΚΑΙ στον κώδικα. Χαρακτηριστικό παράδειγμα το λογισμικό Dreamweaver της Adobe και το FrontPage της Microsoft.</div>
<br style="font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;" /><br style="font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;" /><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">Από </span><a href="http://el.wikipedia.org/wiki/HTML" style="color: #333333; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">Wikipedia</a>
</div>
Anonymoushttp://www.blogger.com/profile/14415571691522592217noreply@blogger.com0tag:blogger.com,1999:blog-657769749644467992.post-32428242440932942462012-08-24T10:40:00.001-07:002012-08-24T10:40:22.330-07:00Hide/Show στο blog μας<div dir="ltr" style="text-align: left;" trbidi="on">
<br class="Apple-interchange-newline" />
<span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">Ένα πολύ ωραίο widget έχω για σας σήμερα.</span><br />
<span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">Είμαι ο </span><a href="http://ekabitis-tips-tricks.blogspot.com/" style="background-color: #fbfeff; color: #333333; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">ekabitis</a><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;"> και ίσως έχετε δει στο </span><a href="http://ekabitis7.blogspot.com/" style="background-color: #fbfeff; color: #333333; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">blog μου</a><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;"> ένα link που γράφει "Hide/Show"</span><br />
<span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">Πρόκειτε για το "εμφάνιση/απόκρυψη" ή αλλιώς Show/Hide button.</span><br />
<span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">Είναι ένα πάρα πολύ εύχρηστο widget, καθώς με αυτό μπορούμε να "κρύψουμε" θέματα στην sidebar μας, εξοικονομώντας έτσι πολύτιμο χώρο.</span><br />
<span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">Μέσα στο "show/hide", μπορούμε να βάλουμε οτιδήποτε θέλουμε. Από κείμενο μέχρι φωτογραφίες ή banners. Στην άλλη σελίδα μου συγκεκριμένα, έχω τοποθετήσει όλα τα φιλικά banners, όπου έπιαναν υπερβολικό χώρο.</span><br />
<br style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;" />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgW7tg840q3-ezYlE0QDvtK0vRCSTlH55y1DEOuaORl3hHACbV7DUZgfIaR1tyK3J8konOGgGM4-PkGzqNL2phlX1L984dfu7hQyM3w0QjY8b2_8k26CJnlroJWupsqKUoHzSoj01NzMbY/s1600/fgfgfg.jpg" style="background-color: #fbfeff; color: #333333; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5452847553062411938" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgW7tg840q3-ezYlE0QDvtK0vRCSTlH55y1DEOuaORl3hHACbV7DUZgfIaR1tyK3J8konOGgGM4-PkGzqNL2phlX1L984dfu7hQyM3w0QjY8b2_8k26CJnlroJWupsqKUoHzSoj01NzMbY/s320/fgfgfg.jpg" style="border: 0px solid rgb(0, 0, 0); cursor: pointer; display: block; height: 204px; margin: 0px auto 10px; padding: 1px; text-align: center; width: 320px;" /></a><br />
<span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">Πάμε να το δούμε λοιπόν.</span><br />
<a name='more'></a><br />
<span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">Από τον Πανόπτη μας επιλέγουμε<b> Διάταξη-->Προσθήκη gadget-->Html/Javascript</b></span><br />
<span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">και βάζουμε εκεί μέσα τον παρακάτω κώδικα.</span>
<br />
<span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;"><br /></span>
<span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;"><style type="text/css"></span><br style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;" /><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">.commenthidden {display:none}</span><br style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;" /><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">.commentshown {display:inline}</span><br style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;" /><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;"></style></span><br style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;" /><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;"><script type="text/Javascript"></span><br style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;" /><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">function togglecomments (postid) {</span><br style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;" /><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">var whichpost = document.getElementById(postid);</span><br style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;" /><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }</span><br style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;" /><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">} </script> </span><span class="Apple-style-span" style="background-color: #fbfeff; color: #33ffff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px;"><a name="table"></span><span class="Apple-style-span" style="background-color: #fbfeff; color: #6600cc; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">Tίτλος2</span><span class="Apple-style-span" style="background-color: #fbfeff; color: #33ffff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;"></a></span><br style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;" /><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;"><b> <a aiotitle="click to expand" href="javascript:togglecomments('</span><span class="Apple-style-span" style="background-color: #fbfeff; color: #33ff33; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">UniqueName</span><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">')"</span><br style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;" /><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">></span><span class="Apple-style-span" style="background-color: #fbfeff; color: red; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">Hide / Show</span><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;"></a></b><br /></span><br style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;" /><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;"><div class="commenthidden" id="</span><span class="Apple-style-span" style="background-color: #fbfeff; color: #33ff33; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">UniqueName</span><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">"</span><br style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;" /><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">></span><span class="Apple-style-span" style="background-color: #fbfeff; color: #3333ff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">Εδώ γράφουμε αυτό που θα φαίνεται</span><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;"></div></span>
<br />
<span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;"><br /></span>
<span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">Εκεί που γράφει Hide/Show με κόκκινα γράμματα, είναι το link που πατάμε για την εμφάνιση/απόκρυψη. Αν θέλουμε μπορούμε να το αλλάξουμε και να γράψουμε ότι άλλο μας αρέσει.</span><br style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;" /><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">Εκεί που γράφει "Εδώ γράφουμε αυτό που θα φαίνεται" με μπλε γράμματα είναι αυτό που θα βάλουμε εμείς για να κρύψουμε. Όπως προανέφερα, αυτό μπορεί να είναι κείμενο, φωτοφραφία, banner, widget ή οτιδήποτε άλλο.</span><br style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;" /><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">Αν θέλουμε μέσα στο blog μας να χρησιμοποιήσουμε πάνω από μία φορά το συγκεκριμένο widget θα πρέπει αυτό με το πράσινο χρώμα που γράφει UniqueName να το αλλάζουμε κάθε φορά, βάζοντας μια διαφορετική (μοναδική) ονομασία. Πάντα με λατινικούς χαρακτήρες. Ειδάλλως δεν θα δουλέψει.</span><br style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;" /><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">Τέλος άμα θέλουμε να υπάρχει και ένας δεύτερος (πιο διευκρινιστικός) τίτλος έξω από το widget χρησιμοποιούμε το Tίτλος2 (αυτό με το γαλάζιο χρώμα). Όπου "Τίτλος2" βάζουμε τον τίτλο που θέλουμε.</span><br style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;" /><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;">Αν δεν το χρειαζόμαστε αυτό, (καθώς υπάρχει και ο τίτλος που ήδη διαθέτει το blog μας), μπορούμε να το διαγράψουμε ολόκληρο ή εναλακτικά να αφήσουμε κενό το σημείο με το μοβ χρώμα.</span>
<br />
<span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.383333206176758px; text-align: justify;"><br /></span>
<a href="http://www.bloggertips.gr/2010/03/hideshow-blog.html">http://www.bloggertips.gr</a> </div>
Anonymoushttp://www.blogger.com/profile/14415571691522592217noreply@blogger.com0tag:blogger.com,1999:blog-657769749644467992.post-53128996951443468212012-08-24T10:10:00.000-07:002012-08-24T10:10:41.346-07:00Table Border<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="separator" style="clear: both; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsEQOUECFan9eSDtjm_oFU025OIExg29Gl6wynrcYYo8kFKSnrdFwVQ8n7Vplmp55tFzZEACrm0xpoUNjUmPQCVabprL2FR8HileWrkiIcaCY3q5EHG8oT2kzVeQ512hgHpvsrz4z1ubIy/s1600/table.JPG" imageanchor="1" style="clear: left; color: #333333; float: left; margin-bottom: 1em; margin-right: 1em;"><br class="Apple-interchange-newline" /><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsEQOUECFan9eSDtjm_oFU025OIExg29Gl6wynrcYYo8kFKSnrdFwVQ8n7Vplmp55tFzZEACrm0xpoUNjUmPQCVabprL2FR8HileWrkiIcaCY3q5EHG8oT2kzVeQ512hgHpvsrz4z1ubIy/s1600/table.JPG" style="border: 0px solid rgb(0, 0, 0); padding: 1px;" /></a></div>
<span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;">Καλησπέρα σε όλους σας...Είμαι ο magakos από το </span><a href="http://freeware-tools.net/" style="color: #333333; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;">Freeware-tools.net</a><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;"> και </span><a href="http://freeware-tools.com/" style="color: #333333; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;">Freeware-tools.com</a><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;"> .</span><br />
<span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;">Κάποιες φορές θέλουμε να βάλουμε κάτι καινούργιο στο blog μας και θέλουμε να "χτυπάει" αμέσως στο μάτι του επισκέπτη...</span><br />
<span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;">Αυτό θα μπορούσαμε να το πετύχουμε με ένα χρωματισμένο πλαίσιο γύρω του όπως το παρακάτω το οποίο έχει την ιδιότητα να αναβοσβήνει και μπορείτε να το δείτε στην πράξη πατώντας </span><a href="http://freeware-tools-guides.blogspot.com/" style="color: #333333; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;" target="_blank">ΕΔΩ (Table Border)</a><br />
<div class="separator" style="clear: both; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: center;">
</div>
<b style="font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;"><span style="color: red;">Για να το περάσετε κάνετε τα εξής:</span></b><br />
<span style="color: red; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;">1)</span><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;"> </span><span style="color: blue; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;">Σύνδεση στον λογαριασμό σας από το blogger.com</span><br />
<span style="color: red; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;">2)</span><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;"> </span><span style="color: blue; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;">Διάταξη>Στοιχεία σελίδας>Προσθήκη gadget>HTML/Javascript</span><br />
<div class="separator" style="clear: both; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: center;">
</div>
<span style="color: red; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;">3)</span><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;"> </span><span style="color: blue; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;">Επικολλήστε εκεί μέσα τον παρακάτω κώδικα:</span>
<br />
<span style="color: blue; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;"></span><br />
<a name='more'></a><span style="color: blue; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;"><br /></span><br />
<br />
<div class="codeview" style="background-color: #f3f3f3; border: 2px solid rgb(230, 230, 230); clear: both; color: #333333; font-family: Arial, Helvetica, sans-serif; line-height: 22.383333206176758px; list-style-type: none; margin: 15px 35px 15px 15px; padding: 10px; text-align: justify;">
<br class="Apple-interchange-newline" /><table border="0" <span style="color: red;">width="280"</span> id="myexample" style="<span style="color: red;">border:5px</span> solid green"><br /><tr><br /><td><span style="color: red;">Γράψτε εδώ ότι θέλετε....</span><br /><span style="color: red;">Γράψτε εδώ ότι θέλετε....</span><br /><span style="color: red;">Γράψτε εδώ ότι θέλετε....</span><br /></td><br /></tr><br /></table><br /><script language="JavaScript1.2"><br /><!--<br /><br />//configure interval btw flash (1000=1 second)<br />var <span style="color: red;">speed=500</span><br /><br />function flashit(){<br />var crosstable=document.getElementById? document.getElementById("myexample") : document.all? document.all.myexample : ""<br />if (crosstable){<br />if (crosstable.style.borderColor.indexOf("green")!=-1)<br />crosstable.style.borderColor="<span style="color: red;">red</span>"<br />else<br />crosstable.style.borderColor="<span style="color: red;">green</span>"<br />}<br />}<br />setInterval("flashit()", speed)<br />//--><br /></script><br /></div>
<span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;">Αποθηκεύστε και είναι έτοιμο...</span><br style="font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;" /><br style="font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;" /><br style="font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;" /><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;">Τώρα δώστε βάση στα κομμάτια που έχω χρωματίσει με κόκκινο...</span><br style="font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;" /><b style="color: lime; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;">1.</b><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;"> </span><span style="color: red; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;">(width="280")</span><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;"> Είναι το μήκος του πλαισίου....Αυξομειώστε τον αριθμό για να διαμορφώσετε το επιθυμητό μέγεθος.</span><br style="font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;" /><br style="font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;" /><b style="color: lime; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;">2.</b><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;"> </span><span style="color: red; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;">(border:5px)</span><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;"> Είναι το πάχος της γραμμής του πλαισίου...Αυξομειώστε τον αριθμό για να διαμορφώσετε το επιθυμητό μέγεθος.</span><br style="font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;" /><b style="color: lime; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;">3.</b><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;"> </span><span style="color: red; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;">(Γράψτε εδώ ότι θέλετε....)</span><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;"> Είναι το κείμενο που θα υπάρχει μέσα στο πλαίσιο....Βέβαια εκτός από κείμενο μπορείτε να βάλετε link,εικόνα κτλ δίνοντας τον ανάλογο κώδικα, πχ για να βάλετε εικόνα βάλτε τον κώδικα:</span><br style="font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;" /><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;"><img src="ΕΔΩ ΤΟ ΛΙΝΚ ΤΗΣ ΕΙΚΟΝΑ ΣΑΣ" /></span><br style="font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;" /><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;">ή για link βάλτε:</span><br style="font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;" /><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;"><a href="ΕΔΩ ΤΟ ΛΙΝΚ ΣΑΣ">ΕΔΩ ΔΏΣΤΕ ΟΝΟΜΑΣΙΑ ΣΤΟ ΛΙΝΚ</a></span><br style="font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;" /><br style="font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;" /><b style="color: lime; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;">4.</b><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;"> </span><span style="color: red; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;">(speed=500)</span><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;"> Εδώ ρυθμίζετε την ταχύτητα που αναβοσβήνει το πλαίσιο...Αυξομειώστε τον αριθμό για να διαμορφώσετε το επιθυμητό αποτέλεσμα. </span><br style="font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;" /><br style="font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;" /><b style="color: lime; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;">5.</b><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;"> </span><span style="color: red; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;">(red)</span><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;">+</span><span style="color: red; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;">(green)</span><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;"> Εδώ ρυθμίζετε τον χρωματισμό με τον οποίο θα αναβοσβήνει το πλαίσιο γράψτε το χρώμα που θέλετε ή δώστε τον </span><a href="http://www.w3schools.com/html/html_colors.asp" style="color: #333333; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;">κωδικό html ενός χρώματος</a><span style="background-color: #fbfeff; font-family: Arial, Georgia, serif; line-height: 22.383333206176758px; text-align: justify;"> βάζοντας μπροστά πάντα την δίεση (#) (πχ για μαύρο #000000)</span>
</div>
Anonymoushttp://www.blogger.com/profile/14415571691522592217noreply@blogger.com0