tag:blogger.com,1999:blog-38618578809776878882024-03-13T02:05:41.409+02:00Tetsi TechΕδώ θα βρείτε βοηθήματα και υλικό για να κάνετε το blog σας πιο όμορφο και λειτουργικό.Tetsi Chrishttp://www.blogger.com/profile/14486944031876829686noreply@blogger.comBlogger57125tag:blogger.com,1999:blog-3861857880977687888.post-68994578731723130602022-03-04T01:20:00.001+02:002022-03-04T01:27:45.012+02:00Κινούμενο Widget που δεν χάνεται ποτέ από τα μάτια σας!<div dir="ltr" style="text-align: left;" trbidi="on"><a href="http://3.bp.blogspot.com/-_YuYzA4kAyQ/UWxVOONEXOI/AAAAAAAAORY/4LRGYA13Il0/s1600/Sticky+Sidebar.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-_YuYzA4kAyQ/UWxVOONEXOI/AAAAAAAAORY/4LRGYA13Il0/s320/Sticky+Sidebar.jpg"></a>
Κάντε το widget σας να μετακινείτε πάνω κάτω, έτσι ώστε να μη χάνεται ποτέ από τα μάτια σας.<br>
</div><a href="http://tetsitech.blogspot.com/2013/04/widget-sticky-sidebar.html#more">Read more »</a>Tetsi Chrishttp://www.blogger.com/profile/14486944031876829686noreply@blogger.com0tag:blogger.com,1999:blog-3861857880977687888.post-27013370486902226772022-03-03T22:57:00.000+02:002022-03-03T22:57:13.575+02:00Απενεργοποιείστε το δεξί κλικ στο blog σας<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="http://1.bp.blogspot.com/-Wb3edzzOvwU/UT0RBpas7kI/AAAAAAAAN6E/6yz0Wtl0gzw/s1600/norightclick.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://1.bp.blogspot.com/-Wb3edzzOvwU/UT0RBpas7kI/AAAAAAAAN6E/6yz0Wtl0gzw/s200/norightclick.gif" width="200"></a><br>
<br>
Εδώ θα δούμε πως μπορούμε να απενεργοποιήσουμε το δεξί κλικ του ποντικιού, ώστε να αποτραπεί (αν και όχι εντελώς) η αντιγραφή περιεχομένου από το blog σας.
</div><a href="http://tetsitech.blogspot.com/2013/03/blog_11.html#more">Read more »</a>Tetsi Chrishttp://www.blogger.com/profile/14486944031876829686noreply@blogger.com0tag:blogger.com,1999:blog-3861857880977687888.post-64239751659946360482022-03-03T02:20:00.000+02:002022-03-03T02:20:58.185+02:00Όμορφη ειδοποίηση του Blogger για τα Cookies<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhWXMWHUzQqME9rduuBlrCaglEnh9zYWhsNnJ2Lo7ARecp7xVrbtnw2Tdh43EYqhIrdJTs-A9ZpkFG9U_E3pG6vgaRtv1ND1ED2qSIhLDztMgvt0ou_3fEHcL9wG-svofMttaY5YqvgNkAUupyj5qlydTb6TI2Z3CWecVmbLRAxSeRKmMmIQWadgbeSXA" style="display: block; padding: 1em 0px; text-align: center;"><img alt="" border="0" data-original-height="468" data-original-width="750" height="400" src="https://blogger.googleusercontent.com/img/a/AVvXsEhWXMWHUzQqME9rduuBlrCaglEnh9zYWhsNnJ2Lo7ARecp7xVrbtnw2Tdh43EYqhIrdJTs-A9ZpkFG9U_E3pG6vgaRtv1ND1ED2qSIhLDztMgvt0ou_3fEHcL9wG-svofMttaY5YqvgNkAUupyj5qlydTb6TI2Z3CWecVmbLRAxSeRKmMmIQWadgbeSXA=w640-h400" width="640" /></a></div>
Κάθε φορά που ένας επισκέπτης του blogger blog σας επισκέπτεται τη σελίδα σας για πρώτη φορά, βλέπει στο επάνω μέρος της σελίδας μια ειδοποίηση για τα Cookies.<br />
<br />
Η ειδοποίηση λέει το εξής:<br />
<blockquote>Αυτός ο ιστότοπος χρησιμοποιεί cookie από τη Google για την παροχή των υπηρεσιών του, για την εξατομίκευση διαφημίσεων και για την ανάλυση της επισκεψιμότητας. Η Google κοινοποιεί πληροφορίες σχετικά με την από μέρους σας χρήση αυτού του ιστότοπου. Με τη χρήση αυτού του ιστότοπου, αποδέχεστε τη χρήση των cookie.</blockquote>
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEg0ezWqLMhwRlZMJezJbAzLRIie9vdkY8aX-ebOtSYgrQXbjomXS8-NJDZcyirJ93HhVSNoXpcC36UioDTZvS5vJDwnDJpSkAJTDJOl43YgEHMhNScH8kfbi_imP9VcE7bMhp1MySIF1AAlINh6Xodd7Rfg-9pkRtbY7MD-L90moPFVA2HkFTfCNW4UTg" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" data-original-height="219" data-original-width="1000" style="border: 1px solid black;" src="https://blogger.googleusercontent.com/img/a/AVvXsEg0ezWqLMhwRlZMJezJbAzLRIie9vdkY8aX-ebOtSYgrQXbjomXS8-NJDZcyirJ93HhVSNoXpcC36UioDTZvS5vJDwnDJpSkAJTDJOl43YgEHMhNScH8kfbi_imP9VcE7bMhp1MySIF1AAlINh6Xodd7Rfg-9pkRtbY7MD-L90moPFVA2HkFTfCNW4UTg"/></a></div>
Για να εξαφανιστεί η μπάρα ειδοποίησης, θα πρέπει ο αναγνώστης σας να πατήσει το κουμπάκι <b>ΟΚ</b>.<br />
<br />
Το αρνητικό στην όλη υπόθεση είναι ότι χαλάει το "image" της σελίδας σας και μπορεί να σας κρύβει το μενού ή το λογότυπό σας.<br />
<br />
Υπάρχει τρόπος να αποκρύψετε τελείως την ειδοποίηση αυτή, με την προϋπόθεση ότι θα ενημερώνετε με κάποιο άλλο script τους αναγνώστες σας. Επειδή όμως είναι επικίνδυνο να τιμωρηθεί το blog σας από τον blogger, γι' αυτό και δε θα σας δείξω πως γίνεται.<br />
<br />
Αντ' αυτού μπορείτε, χωρίς να παρανομείτε, να προσαρμόσετε την εμφάνιση της ειδοποίησης αυτής με τον παρακάτω τρόπο:<br />
<br />
<ul><li>Πηγαίνετε στον <b>blogger</b> > <b>Θέμα</b> > <b>Προσαρμογή</b> και επιλέξτε <b>Δημιουργία αντίγραφου ασφαλείας</b></li>
<li>Μετά επιλέξτε <b>Προσαρμογή</b> > <b>Επεξεργασία HTML</b> και κάντε κλικ σε κάποιο σημείο του κώδικά σας για να πάρει την εστίαση.</li>
<li>Πατήστε <kbd>Ctrl</kbd> + <kbd>F</kbd> και κάντε αναζήτηση του: <b>]]></b:skin></b></li>
<li>Αμέσως <b>κάτω</b> από το ]]></b:skin> κάνουμε επικόλληση τον παρακάτω κώδικα:</li>
</ul><br />
<div class="divcodeJS">
<code class="codearea" id="code1">
<!--Custom EU Cookies Notice by TetsiTech.blogspot.com-->
<script type="text/javascript">
cookieOptions = {
msg: "Αυτός ο ιστότοπος χρησιμοποιεί cookie από τη Google για την παροχή των υπηρεσιών του, για την εξατομίκευση διαφημίσεων και για την ανάλυση της επισκεψιμότητας. Η Google κοινοποιεί πληροφορίες σχετικά με την από μέρους σας χρήση αυτού του ιστότοπου. Με τη χρήση αυτού του ιστότοπου, αποδέχεστε τη χρήση των cookie.",
link: "https://www.blogger.com/go/blogspot-cookies",
close: "ok!",
learn: "Περισσότερα..." };
</script>
</code>
<button class="copycodeBtn" id="btn1" onclick="copyhtml('code1', this.id)">Αντιγραφή</button>
</div>
<br/><br/>
Ακριβώς <strong>επάνω</strong> από το <b>]]></b:skin></b> κάνουμε επικόλληση έναν από τους δύο παρακάτω κώδικες, ανάλογα με την επιλογής σας:
<br/><br/>
<h2>1η περίπτωση (απλή μορφή)</h2>
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEj0nov2FM17kChX5TlGOA5S7pJAUMuFAx-BBmXDcMwirNVJzw_SKcpHpKeOKpOr2Iv9lHH54a7_JxqZCkxXQvZ6Sihy7DH1VtgY3cSuXHVCyKIdc1BlCO9RLZJKHRj9badNnnYKB002RfK2eeMMTN_t786EQDviL3lx_QQGasMgA45q9kYxRqPPo8LnBw=s1000" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" width="600" data-original-height="107" data-original-width="1000" src="https://blogger.googleusercontent.com/img/a/AVvXsEj0nov2FM17kChX5TlGOA5S7pJAUMuFAx-BBmXDcMwirNVJzw_SKcpHpKeOKpOr2Iv9lHH54a7_JxqZCkxXQvZ6Sihy7DH1VtgY3cSuXHVCyKIdc1BlCO9RLZJKHRj9badNnnYKB002RfK2eeMMTN_t786EQDviL3lx_QQGasMgA45q9kYxRqPPo8LnBw=s600"/></a></div>
<div class="divcodeCSS">
<code class="codearea" id="code2">
/* TetsiTech.blogspot.com */
.cookie-choices-info {z-index:999999!important;top: initial!important;bottom: 0!important;background-color:<mark>#333333</mark>!important;border-top: 1px solid <mark>#6FC415</mark>;box-shadow: 1px -2px 4px #707070!important; padding:3px 0px!important;}
.cookie-choices-text{font-size:14px !important; color:<mark>#dddddd</mark>!important;}
.cookie-choices-button{background-color: <mark>#6FC416</mark>!important;border-radius: 1px!important;box-shadow: 2px 3px 2px #000!important; padding:6px!important;text-transform: none!important;}
</code>
<button class="copycodeBtn" id="btn2" onclick="copyhtml('code2', this.id)">Αντιγραφή</button>
</div>
Εάν θέλετε, μπορείτε να κάνετε τις ακόλουθες αλλαγές:<br />
<ul style="text-align: left;">
<li>Αλλάξτε το χρώμα φόντου της μπάρας με αλλαγή του <span style="background-color: orange;">#333333</span></li>
<li>Αλλάξτε το πράσινο περιθώριο που εμφανίζεται στο κάτω μέρος της μπάρας με αλλαγή του <span style="background-color: #6FC415;">#6FC415</span></li>
<li>Αλλάξτε το χρώμα της γραμματοσειράς με αλλαγή του <span style="background-color: #8fb08c;">#dddddd</span></li>
<li>Αλλάξετε το χρώμα του φόντου των κουμπιών με αλλαγή του <span style="background-color: #9bbb59;">#6FC416</span></li>
</ul>
<br />
<h2>2η περίπτωση (όμορφη σχεδίαση)</h2>
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiT3S9KCAyUNFG93E14QWv7oftg6etpgC-4edPQud422l_aNxSlE86il7HIxV5aBoo2bTj0wWFjNgoHRdTCKD5T6lKT_oxzbul4tPvJVh3qZt22IwjzpKWtzFbZoRPWa-FAQacj_6t83fkZw9EXEPuzgfGBZ88wPszkqzgtrdrUFLmZq9_4YxaQd2ouYA=s750" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" width="320" data-original-height="468" data-original-width="750" src="https://blogger.googleusercontent.com/img/a/AVvXsEiT3S9KCAyUNFG93E14QWv7oftg6etpgC-4edPQud422l_aNxSlE86il7HIxV5aBoo2bTj0wWFjNgoHRdTCKD5T6lKT_oxzbul4tPvJVh3qZt22IwjzpKWtzFbZoRPWa-FAQacj_6t83fkZw9EXEPuzgfGBZ88wPszkqzgtrdrUFLmZq9_4YxaQd2ouYA=s320"/></a></div>
<div class="divcodeCSS">
<code class="codearea" id="code3">
/* TetsiTech.blogspot.com */
.cookie-choices-inner:before {
content: url(<mark>URL_ΕΙΚΟΝΑΣ</mark>)!important;
display: flex!important;justify-content: center!important;}
.cookie-choices-info {<mark>right: 1em!important;left: auto!important;</mark>z-index:999!important;background-color:#333333!important;opacity: 0.9;border-bottom: 1px solid #6FC415;box-shadow: 1px 2px 2px #000!important;padding:3px 0px!important;position: fixed;border: 3px solid #8AC007;top: initial!important;bottom: 1.5em!important;width: 25em!important;border-radius: 22px 22px 22px 22px;}
.cookie-choices-info .cookie-choices-text{font-size:14px !important;color:#dddddd!important;}
.cookie-choices-text{text-align: justify!important;}
.cookie-choices-info .cookie-choices-button{background-color: #6FC415!important;border-radius: 6px!important;box-shadow: 2px 3px 2px #000!important;padding:6px 12px!important;text-transform: none!important;font-weight: normal!important;color: #000!important;}
.cookie-choices-buttons {margin: 10px 10px!important;}
@media screen and (max-width: 576px) {.cookie-choices-info {width: 300px!important;left: 50%!important;margin-left: -150px!important;font-size: 12px!important;}}
</code>
<button class="copycodeBtn" id="btn3" onclick="copyhtml('code3', this.id)">Αντιγραφή</button>
</div>
Σε αυτή την περίπτωση, μπορείτε να κάνετε τις ακόλουθες αλλαγές:<br />
<ul style="text-align: left;">
<li>Εάν θέλετε το πλαίσιο να εμφανίζεται αριστερά της οθόνης, αλλάξτε το:<br/>
<center><mark>right: 1em!important;left: auto!important;</mark></center>
με το:<br/>
<center><mark>right: auto!important;left: 1em!important;</mark></center>
</li><br/>
<li>Αλλάξτε τη λέξη <mark>URL_ΕΙΚΟΝΑΣ</mark> με το URL κάποιας εικόνας της επιλογής σας, είτε από αυτές που σας παραθέτω παρακάτω, είτε από τις δωρεάν που υπάρχουν στο <a href="https://www.iconfinder.com/search?q=cookie&price=free" target="_blank">iconfinder.com</a></li>
</ul>
<br/>
<img alt="" border="0" style="float:left;margin-right: 5px;" src="https://blogger.googleusercontent.com/img/a/AVvXsEi9RUPC6OiZlytm_ob_hamMu17ujxi_vJfYYy1IW7DY6v_SH9-GQPauaFm1PH0bTDeD4rjmdZzTgQHpkzTROM2AuUgA1eL-mOBR4qbKhDz58Uo4mkP4Iq7rOJHImVh3osg7S6-a_ILYJYA9QMEZ647a0_HlrXnZok8X2Ls2VyqJ6zyQGVAuBE_9BHV-=s100"/>
<div class="divcodeURL">
<code class="codearea" id="code4" style="font-size: 0.7vw;">https://blogger.googleusercontent.com/img/a/AVvXsEi9RUPC6OiZlytm_ob_hamMu17ujxi_vJfYYy1IW7DY6v_SH9-GQPauaFm1PH0bTDeD4rjmdZzTgQHpkzTROM2AuUgA1eL-mOBR4qbKhDz58Uo4mkP4Iq7rOJHImVh3osg7S6-a_ILYJYA9QMEZ647a0_HlrXnZok8X2Ls2VyqJ6zyQGVAuBE_9BHV-=s100
</code>
<button class="copycodeBtn" id="btn4" onclick="copyhtml('code4', this.id)">Αντιγραφή</button>
</div>
<img alt="" border="0" style="float:left;margin-right: 5px;" src="https://blogger.googleusercontent.com/img/a/AVvXsEhm79ZbY14Y0Gc-LsJDlZg80DleyG_iIPQtx1nuRkcEe_h1aKEAaC7KXxmODRb03c9QQVsALk8pWpR2aVIxNi4Y6W6-VXF7jq5MaQ9E6xifop-54t0U8E_coWszoJntE7jmga7nEBrWkalQcYy5Goro_ovOiMCdSfqLNuDPJO6z2i5Y77ozdSLrdhvQEA=s100"/>
<div class="divcodeURL">
<code class="codearea" id="code5" style="font-size: 0.7vw;">https://blogger.googleusercontent.com/img/a/AVvXsEhm79ZbY14Y0Gc-LsJDlZg80DleyG_iIPQtx1nuRkcEe_h1aKEAaC7KXxmODRb03c9QQVsALk8pWpR2aVIxNi4Y6W6-VXF7jq5MaQ9E6xifop-54t0U8E_coWszoJntE7jmga7nEBrWkalQcYy5Goro_ovOiMCdSfqLNuDPJO6z2i5Y77ozdSLrdhvQEA
</code>
<button class="copycodeBtn" id="btn5" onclick="copyhtml('code5', this.id)">Αντιγραφή</button>
</div>
<img alt="" border="0" style="float:left;margin-right: 5px;" src="https://blogger.googleusercontent.com/img/a/AVvXsEhijA0rc5QGYW1AeV1gB8UU7WagUkpdvJWqX3uvandNcOnigjVgzDcSfaF3Rdxq5R14IlU9wnqV97aRhOfuTVkuCm6Dsiu-kv8dlqJZ96tv6ECA43UC-q_wkSnuTfZUH-ezhQuAIcT2zbrcz41-rW1LuRp8dn5o2v1_My1e5_xFXgs2w6aJUmhCdRpCvg=s100"/>
<div class="divcodeURL">
<code class="codearea" id="code6" style="font-size: 0.7vw;">https://blogger.googleusercontent.com/img/a/AVvXsEhijA0rc5QGYW1AeV1gB8UU7WagUkpdvJWqX3uvandNcOnigjVgzDcSfaF3Rdxq5R14IlU9wnqV97aRhOfuTVkuCm6Dsiu-kv8dlqJZ96tv6ECA43UC-q_wkSnuTfZUH-ezhQuAIcT2zbrcz41-rW1LuRp8dn5o2v1_My1e5_xFXgs2w6aJUmhCdRpCvg=s128
</code>
<button class="copycodeBtn" id="btn6" onclick="copyhtml('code6', this.id)">Αντιγραφή</button>
</div>
<img alt="" border="0" style="float:left;margin-right: 5px;" src="https://blogger.googleusercontent.com/img/a/AVvXsEi6tu37RmNt6KnZhoVUnvkG8l9v64PGFe8UsCQw5aU2gvQ2-009YhFT9V0uPGupuDFnDqfDIz7T2ljQRK_mFPCVv1YjJXlS27rZdcQvmbga5E3l8pkduLTRWmF_VwJwtsjIQN_H5yljko7rXDZYfqN5ihEzESii08te67oQqxdvz04ij8QS-DCuFcoEXQ=s100"/>
<div class="divcodeURL">
<code class="codearea" id="code7" style="font-size: 0.7vw;">https://blogger.googleusercontent.com/img/a/AVvXsEi6tu37RmNt6KnZhoVUnvkG8l9v64PGFe8UsCQw5aU2gvQ2-009YhFT9V0uPGupuDFnDqfDIz7T2ljQRK_mFPCVv1YjJXlS27rZdcQvmbga5E3l8pkduLTRWmF_VwJwtsjIQN_H5yljko7rXDZYfqN5ihEzESii08te67oQqxdvz04ij8QS-DCuFcoEXQ
</code>
<button class="copycodeBtn" id="btn7" onclick="copyhtml('code7', this.id)">Αντιγραφή</button>
</div>
<img alt="" border="0" style="float:left;margin-right: 5px;" src="https://blogger.googleusercontent.com/img/a/AVvXsEg3RVUBHQ1K53BHPXxJ4O68142HYke-6wb79ElL4un17vwxKA1JH9895PdCEDJuQKUmxJOC2mznnSQhyRQIq27xEi7iR4KpWcg8sVxZIb2z-NX108Y3_Sl14H1MmSjo86R64vMweSeRx9HhlpWa73bfoENpWkE_hwl3xn_4VObOFUblVRIVqWlkEmDjow=s100"/>
<div class="divcodeURL">
<code class="codearea" id="code8" style="font-size: 0.7vw;">https://blogger.googleusercontent.com/img/a/AVvXsEg3RVUBHQ1K53BHPXxJ4O68142HYke-6wb79ElL4un17vwxKA1JH9895PdCEDJuQKUmxJOC2mznnSQhyRQIq27xEi7iR4KpWcg8sVxZIb2z-NX108Y3_Sl14H1MmSjo86R64vMweSeRx9HhlpWa73bfoENpWkE_hwl3xn_4VObOFUblVRIVqWlkEmDjow
</code>
<button class="copycodeBtn" id="btn8" onclick="copyhtml('code8', this.id)">Αντιγραφή</button>
</div>
<b>Αποθηκεύστε</b> το πρότυπό σας και <u>θεωρητικά</u> τελειώσατε!
<br />
<h2>Ναι αλλά πως θα δοκιμάσετε την ειδοποίηση εφόσον δε μπορείτε να τη δείτε;</h2>
Θα πρέπει να διαγράψετε τα cookies του blog σας.<br />
Αυτό γίνεται σε όλους τους Browsers με παρόμοιο τρόπο. Εγώ θα σας δείξω τη διαδικασία στον Google Chrome αλλά περίπου με την ίδια διαδικασία, εάν ψάξετε τον Browser σας, θα βρείτε τη λύση.
<br /><br />
Πάμε λοιπόν στις <b>Ρυθμίσεις</b> του Chrome και στην αναζήτηση γράφουμε τη λέξη cookie.<br />
Επιλέγουμε <b>Εμφάνιση cookie και άλλων δεδομένων ιστότοπου</b> και στη νέα καρτέλα που θα ανοίξει επιλέγουμε <b>Εμφάνιση όλων των δεδομένων και των αδειών ιστοτόπου</b>.<br />
Στην τελευταία καρτέλα υπάρχει ένα νέο πεδίο αναζήτησης και εκεί ψάχνουμε το όνομα του blog μας.<br />
Όταν το βρούμε πατάμε το εικονίδιο με τον <i class="fa fa-trash-o" aria-hidden="true"></i> κάδο που υπάρχει δίπλα του και επιβεβαιώνουμε τη διαγραφή.<br />
Τώρα εάν κάνουμε <i class="fa fa-refresh" aria-hidden="true"></i> ανανέωση το blog μας θα εμφανιστεί η ειδοποίηση των Cookies έτσι όπως την έχουμε διαμορφώσει.
<br /><br />
that's all no more<br />
Thank you!
<!--
<a class="btnorange" href="http://www.mybloggertricks.com/2015/07/Custom-Cookies-notification-for-European-Union-countries.html" target="_blank">Αρχική πηγή</a>-->
Tetsi Chrishttp://www.blogger.com/profile/14486944031876829686noreply@blogger.com0tag:blogger.com,1999:blog-3861857880977687888.post-75864903706616351142022-03-02T01:45:00.000+02:002022-03-02T01:45:52.936+02:00Βάλτε κινούμενα σύννεφα στο Header σας<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both;"><a href="https://1.bp.blogspot.com/-E4OJD4MRzOs/UVi_nIx-Y1I/AAAAAAAAOHc/BEmK5Hps0NI/s1600/cloud.png" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" data-original-height="450" data-original-width="960" src="https://1.bp.blogspot.com/-E4OJD4MRzOs/UVi_nIx-Y1I/AAAAAAAAOHc/BEmK5Hps0NI/s1600/cloud.png"></a></div>
<br>
Βάλτε με πολύ εύκολο τρόπο, στην Κεφαλίδα (Header) του blog σας, κινούμενα σύννεφα ή μία δικιά σας εικόνα η οποία θα κινείτε προς τα επάνω.<br>
</div><a href="http://tetsitech.blogspot.com/2013/04/header.html#more">Read more »</a>Tetsi Chrishttp://www.blogger.com/profile/14486944031876829686noreply@blogger.com0tag:blogger.com,1999:blog-3861857880977687888.post-56115639799484072682022-02-26T00:52:00.004+02:002022-02-26T00:58:01.760+02:00Πώς να χωρίσετε το περιεχόμενο του άρθρου σε στήλες στον Blogger;<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiWyfBjxhNG89anuSQo_yUjOQjLY6gW7D-l3yrCU6QmWiltZLkgcDD1ydLUOZlfcCCInspX_d7XYJjpb2_mGvuBKSRxwJt-ffow5ergQ3uWaLVw2QJrPJ29HP7S34TBWnhJfIPSwgX_m0ENqL6K4xqr65DUzMJBOzBAGrr_4IfvLmiP-MF0KW0jApNR9A" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" data-original-height="440" data-original-width="800" src="https://blogger.googleusercontent.com/img/a/AVvXsEiWyfBjxhNG89anuSQo_yUjOQjLY6gW7D-l3yrCU6QmWiltZLkgcDD1ydLUOZlfcCCInspX_d7XYJjpb2_mGvuBKSRxwJt-ffow5ergQ3uWaLVw2QJrPJ29HP7S34TBWnhJfIPSwgX_m0ENqL6K4xqr65DUzMJBOzBAGrr_4IfvLmiP-MF0KW0jApNR9A"></a></div>
Πώς να χωρίσετε το περιεχόμενο του άρθρου σε δύο και τρεις στήλες στον Blogger;
<a href="http://tetsitech.blogspot.com/2022/02/blogger.html#more">Read more »</a>Tetsi Chrishttp://www.blogger.com/profile/14486944031876829686noreply@blogger.com0tag:blogger.com,1999:blog-3861857880977687888.post-73976476419073910142022-02-25T20:49:00.002+02:002022-02-26T00:10:29.810+02:00Preloader για γρήγορη φόρτωση του blog σας<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-7d926uwxL1Y/Ub7huDcNl1I/AAAAAAAAOrA/GI4OINwUYs4/s1600/Preloader.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="249" src="http://4.bp.blogspot.com/-7d926uwxL1Y/Ub7huDcNl1I/AAAAAAAAOrA/GI4OINwUYs4/s320/Preloader.jpg" width="320"></a></div>Ένα όμορφο κολπάκι, όπου δείχνει στον αναγνώστης σας ότι το blog φορτώνει. Μετράει από το 1% έως το 100% και εμφανίζει το blog σας έτοιμο για ανάγνωση χωρίς να πρέπει να περιμένουμε πότε θα εμφανιστούν οι φωτογραφίες και τα widget σας.<br>
</div><a href="http://tetsitech.blogspot.com/2013/06/jquery-preloader-blog.html#more">Read more »</a>Tetsi Chrishttp://www.blogger.com/profile/14486944031876829686noreply@blogger.com0tag:blogger.com,1999:blog-3861857880977687888.post-87766699920546623152022-02-22T23:31:00.000+02:002022-02-22T23:31:00.939+02:00Blogger Gadget κοινωνικής δικτύωσης με κινούμενα φορτηγάκια!!! (Πολύ καλό)<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-2tKDUyQH_rE/UX_spE5P6dI/AAAAAAAAOZI/7KCJb1pde7w/s1600/Social-Truck_fb.png" imageanchor="1"><img border="0" height="200" src="http://2.bp.blogspot.com/-2tKDUyQH_rE/UX_spE5P6dI/AAAAAAAAOZI/7KCJb1pde7w/s200/Social-Truck_fb.png" width="200"></a><a href="http://3.bp.blogspot.com/-Fad210wvoQ4/UX_sq9jsmyI/AAAAAAAAOZY/s7zml2Tp-t0/s1600/Social-Truck_rss.png" imageanchor="1"><img border="0" height="200" src="http://3.bp.blogspot.com/-Fad210wvoQ4/UX_sq9jsmyI/AAAAAAAAOZY/s7zml2Tp-t0/s200/Social-Truck_rss.png" width="200"></a><a href="http://2.bp.blogspot.com/-63r8KkX29DU/UX_spjit8lI/AAAAAAAAOZQ/L46rU7VR0w0/s1600/Social-Truck_twi.png" imageanchor="1"><img border="0" height="200" src="http://2.bp.blogspot.com/-63r8KkX29DU/UX_spjit8lI/AAAAAAAAOZQ/L46rU7VR0w0/s200/Social-Truck_twi.png" width="200"></a></div>
Ένα πολύ όμορφο widget με κινούμενα σχέδια στο κάτω μέρος του blog σας θα περνάνε αυτά τα τρία φορτηγά και αν κάποιος κάνει κλικ επάνω τους, μεταβαίνει στην τοποθεσία που έχουμε ορίσει. Είναι πολύ εύκολο στη χρήση και κάνει πολύ καλή εντύπωση στον επισκέπτη του blog σας.<br>
<br>
<a href="http://tetsitech.blogspot.com/2013/04/widget.html#more">Read more »</a>Tetsi Chrishttp://www.blogger.com/profile/14486944031876829686noreply@blogger.com1tag:blogger.com,1999:blog-3861857880977687888.post-81662738526415120232022-02-22T01:16:00.000+02:002022-02-22T01:16:54.971+02:00Χρωματίστε τους κώδικές σας με το Prettify<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEirzw6ue_tD9tTvSIYEO4-nEAzFWugNxXqLDLwMtR06XlIAfOrXyrNbdi6Z2WwDpdA0amVthcWYdHaaGgYLFKnY3zyiVx-wyYY20h5NYb2iA7xDKPIKLUQbRlwdHMu5a-bvhXFGC6NeJcY_mMu1YCVFtK42WrHSE5PMelP8B5nWyHZn3aQdg5KWSlciUg" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" data-original-height="398" data-original-width="720" src="https://blogger.googleusercontent.com/img/a/AVvXsEirzw6ue_tD9tTvSIYEO4-nEAzFWugNxXqLDLwMtR06XlIAfOrXyrNbdi6Z2WwDpdA0amVthcWYdHaaGgYLFKnY3zyiVx-wyYY20h5NYb2iA7xDKPIKLUQbRlwdHMu5a-bvhXFGC6NeJcY_mMu1YCVFtK42WrHSE5PMelP8B5nWyHZn3aQdg5KWSlciUg"></a></div>
Όσοι blogger θέλετε να δείξετε ένα τμήμα κώδικα μέσα σε κάποιο άρθρο σας, μπορείτε να το κάνετε με το <strong style="color: #dd9933;">Google Code Prettify</strong>. Μπορεί να αναγνωρίσει από μόνο του πολλούς κώδικες όπως HTML, CSS, JavaScript, Python κλπ. και να τους χρωματίζει με πολύ ωραίο τρόπο. Είναι εύκολο στη χρήση και δεν καθυστερεί το blog σας.<br>
<a href="http://tetsitech.blogspot.com/2013/04/prettify.html#more">Read more »</a>Tetsi Chrishttp://www.blogger.com/profile/14486944031876829686noreply@blogger.com0tag:blogger.com,1999:blog-3861857880977687888.post-87156605127854208892013-08-08T03:27:00.001+03:002013-10-08T02:00:50.397+03:00css3 Webkit Scrollbars - Αλλάξτε την πλευρική μπάρα<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-8jhqQgglAmE/UaC7A4JKJyI/AAAAAAAAOkM/IDTIQo6Ja6M/s1600/custom-scrollbar-css-gmail-style.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="143" src="http://3.bp.blogspot.com/-8jhqQgglAmE/UaC7A4JKJyI/AAAAAAAAOkM/IDTIQo6Ja6M/s200/custom-scrollbar-css-gmail-style.png" width="200"></a></div><br>
Σε ένα παλιότερο άρθρο είδαμε πως θα αλλάξουμε την πλευρική μπάρα κύλισης (scrollbar) στο blog ή το site μας (μπορείτε να ανατρέξετε <a href="http://tetsitech.blogspot.gr/2013/05/custom-scrollbar-css-gmail-style.html" target="_blank">εδώ</a>). Σήμερα θα σας παρουσιάσω άλλα 17 παραδείγματα που μπορείτε να εφαρμόσετε στο δικό σας blog ή site σας, έτσι ώστε να δείχνει ομορφότερο.<br>
<br>
</div><a href="http://tetsitech.blogspot.com/2013/08/css3-Webkit-Scrollbar.html#more">Read more »</a>Tetsi Chrishttp://www.blogger.com/profile/14486944031876829686noreply@blogger.com0tag:blogger.com,1999:blog-3861857880977687888.post-47326520819426891362013-08-06T22:37:00.004+03:002022-02-18T02:06:23.876+02:00Auto Scroll Widget στο blog σας<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-Krs8P0t_55A/UgFL4izzRDI/AAAAAAAAO3A/vm5Y3zcStKE/s1600/Auto+Scroll+2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-Krs8P0t_55A/UgFL4izzRDI/AAAAAAAAO3A/vm5Y3zcStKE/s320/Auto+Scroll+2.jpg"></a></div>Η κύρια ιδέα του widget είναι πολύ απλή. Η σελίδα αρχίζει να κινείται μόνη της, όταν πατηθεί το κουμπί play και η κύλιση σταματά όταν πατηθεί το κουμπί pause. <br>
</div><a href="http://tetsitech.blogspot.com/2013/08/auto-scroll-widget-blog.html#more">Read more »</a>Tetsi Chrishttp://www.blogger.com/profile/14486944031876829686noreply@blogger.com1tag:blogger.com,1999:blog-3861857880977687888.post-52116080494088464092013-08-06T04:28:00.000+03:002013-08-07T23:52:17.594+03:00Πανέμορφη φόρμα επικοινωνίας για τον Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-hq6nizAi2MQ/UgA8n1sT3FI/AAAAAAAAO1Q/RSRPDnk4NZQ/s1600/Contact-form.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="http://1.bp.blogspot.com/-hq6nizAi2MQ/UgA8n1sT3FI/AAAAAAAAO1Q/RSRPDnk4NZQ/s320/Contact-form.jpg" width="294"></a></div>
<br>
Βάλτε στο blog σας αυτή την κομψή φόρμα επικοινωνίας έτσι ώστε να μπορεί κάποιος να σας στέλνει μήνυμα από ένα πολύ όμορφο περιβάλλον.<br>
</div><a href="http://tetsitech.blogspot.com/2013/08/blogger-contact-form.html#more">Read more »</a>Tetsi Chrishttp://www.blogger.com/profile/14486944031876829686noreply@blogger.com3tag:blogger.com,1999:blog-3861857880977687888.post-7888063892492416082013-07-02T04:01:00.000+03:002013-07-03T09:18:39.412+03:00Πώς να Προσαρμόσετε το Lightbox του Blogger<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-Ohq71DV9qFI/UdH8miF4hiI/AAAAAAAAOuk/3QFZ-W0nUG4/s700/Lightbox.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="166" src="http://2.bp.blogspot.com/-Ohq71DV9qFI/UdH8miF4hiI/AAAAAAAAOuk/3QFZ-W0nUG4/s320/Lightbox.jpg" width="320"></a></div>Όσοι έχετε επιλέξει να χρησιμοποιείτε την προβολή Lightbox του Blogger για να εμφανίσετε τις εικόνες σας, έχετε τώρα τη δυνατότητα να αλλάξετε το στυλ της σε ένα τελείως διαφορετικό. Μπορείτε να προσαρμόσετε το Lightbox εξ ολοκλήρου στο γούστο σας.<br>
</div><a href="http://tetsitech.blogspot.com/2013/07/lightbox-blogger.html#more">Read more »</a>Tetsi Chrishttp://www.blogger.com/profile/14486944031876829686noreply@blogger.com0tag:blogger.com,1999:blog-3861857880977687888.post-61957487545352959562013-06-19T01:25:00.001+03:002013-07-01T03:56:30.363+03:00Φτιάξτε δικό σας διαφημιστικό banner με κινούμενα γράμματα!<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-Y3tb_AzMGEw/UcDN3qX9DsI/AAAAAAAAOss/ogBTr-W8bWA/s1600/banner.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-Y3tb_AzMGEw/UcDN3qX9DsI/AAAAAAAAOss/ogBTr-W8bWA/s1600/banner.gif"></a></div><br>
Ένα πολύ όμορφο banner με κινούμενα γράμματα που μπορείτε να βάλετε στο blog σας, για να τονίσετε κάποια φράση.<br>
</div><a href="http://tetsitech.blogspot.com/2013/06/banner_19.html#more">Read more »</a>Tetsi Chrishttp://www.blogger.com/profile/14486944031876829686noreply@blogger.com0tag:blogger.com,1999:blog-3861857880977687888.post-40742825808681224832013-06-17T22:41:00.000+03:002013-06-19T01:26:07.196+03:00Διαφημιστικά μπανεράκια 125x125 στο blog σας<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-WaCZtAv5kRc/Ub8qWv1GdXI/AAAAAAAAOsc/_sFO69Hu80s/s1600/ads.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-WaCZtAv5kRc/Ub8qWv1GdXI/AAAAAAAAOsc/_sFO69Hu80s/s1600/ads.jpg"></a></div><br>
<br>
<br>
Τοποθετήστε στην πλαϊνή μπάρα του blog σας, ένα widget με τέσσερα διαφημιστικά banner.<br>
Μπορείτε να βάλετε δικές σας διαφημίσεις ή να επιλέξετε κάποιες έτοιμες από <b><a href="http://www.linkwise.gr/" onclick=" x=window.open('http://gr.linkwi.se/z/200-2/CD3010/?')" target="_blank">εδώ</a></b><img src="http://gr.linkwi.se/delivery/cr.php?an=CD3010&cn=200-2&"><br>
</div><a href="http://tetsitech.blogspot.com/2013/06/banner-125x125-Advertise.html#more">Read more »</a>Tetsi Chrishttp://www.blogger.com/profile/14486944031876829686noreply@blogger.com0tag:blogger.com,1999:blog-3861857880977687888.post-39886397973241224742013-05-30T02:00:00.003+03:002013-05-30T03:05:45.378+03:00Πρόβλημα: Δύο φορές το Meta Tag Description<div dir="ltr" style="text-align: left;" trbidi="on"><a href="http://1.bp.blogspot.com/-p_9ygiM933w/UaZ09kwrsWI/AAAAAAAAOlU/w-Jffrncnzg/s1600/Clipboard03.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="143" src="http://1.bp.blogspot.com/-p_9ygiM933w/UaZ09kwrsWI/AAAAAAAAOlU/w-Jffrncnzg/s200/Clipboard03.jpg" width="200"></a><br>
Υπάρχει μεγάλη πιθανότητα το template του blog σας να έχει ένα μικρό σφάλμα που επηρεάζει το SEO και πρέπει να διορθώσετε. Είτε στην αρχική σελίδα του blog σας, είτε σε κάποια ανάρτησή σας, μπορεί να είναι τοποθετημένη <b>δύο φορές η ετικέτα Meta Description</b>.<br>
</div><a href="http://tetsitech.blogspot.com/2013/05/meta-tag-description.html#more">Read more »</a>Tetsi Chrishttp://www.blogger.com/profile/14486944031876829686noreply@blogger.com1tag:blogger.com,1999:blog-3861857880977687888.post-28909035900303874152013-05-29T20:26:00.000+03:002013-05-30T03:09:09.466+03:00Βελτιστοποίηση του τίτλου για καλύτερο SEO<div dir="ltr" style="text-align: left;" trbidi="on"><meta content='seo page,search engine,keyword,optimization,search engine optimization,meta tag' name='keywords'><br>
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-Dfu9OimUBL0/UaYbtHMudaI/AAAAAAAAOko/e3yue2uv1jE/s1600/Blogger-SEO.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="blogger,seo" border="0" src="http://1.bp.blogspot.com/-Dfu9OimUBL0/UaYbtHMudaI/AAAAAAAAOko/e3yue2uv1jE/s320/Blogger-SEO.jpg"></a></div>Η <b>ετικέτα τίτλου</b> υποδεικνύει στους χρήστες και στις μηχανές αναζήτησης το θέμα της συγκεκριμένης σελίδας.<br>
<br>
Για τις μηχανές αναζήτησης, όπως η Google, ο τίτλος είναι το πιο κρίσιμο κομμάτι των πληροφοριών, προκειμένου να καθορίσουν το περιεχόμενο της ιστοσελίδας.<br>
</div><a href="http://tetsitech.blogspot.com/2013/05/SEO-title-tag-for-Blogger.html#more">Read more »</a>Tetsi Chrishttp://www.blogger.com/profile/14486944031876829686noreply@blogger.com2tag:blogger.com,1999:blog-3861857880977687888.post-72520306363331557122013-05-25T19:02:00.001+03:002013-10-08T01:58:08.861+03:00Αλλάξτε το scrollbar στο blog ή το site σας (webkit-scrollbar)<div dir="ltr" style="text-align: left;" trbidi="on"><a href="http://3.bp.blogspot.com/-8jhqQgglAmE/UaC7A4JKJyI/AAAAAAAAOkM/IDTIQo6Ja6M/s1600/custom-scrollbar-css-gmail-style.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="143" src="http://3.bp.blogspot.com/-8jhqQgglAmE/UaC7A4JKJyI/AAAAAAAAOkM/IDTIQo6Ja6M/s200/custom-scrollbar-css-gmail-style.png" width="200"></a>Πολλοί ιστότοποι θα δείτε ότι δεν έχουν τα συνηθισμένα scrollbar (μπάρες δεξιά και κάτω στον browser) όπως για παράδειγμα το Gmail όταν συνδεόμαστε μέσω Google Chrome. Αυτό γίνετε με έναν μικρό κώδικα CSS που δεν επιβαρύνει τη ταχύτητα του blog σας. Δείτε τα παραδείγματα, για να το κάνετε και εσείς.<br>
</div><a href="http://tetsitech.blogspot.com/2013/05/custom-scrollbar-css-gmail-style.html#more">Read more »</a>Tetsi Chrishttp://www.blogger.com/profile/14486944031876829686noreply@blogger.com0tag:blogger.com,1999:blog-3861857880977687888.post-64310213265959019002013-04-30T17:34:00.004+03:002022-02-20T20:20:02.264+02:00Πως σκανάρουμε το blog μας για κακόβουλο (Malware) κώδικα.<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-w9G-jmBnZ_Y/UX_OqQtjXkI/AAAAAAAAOXA/k2IVaSK_Imc/s1600/Scan-Blog-for-Malware-Script.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="200" src="http://3.bp.blogspot.com/-w9G-jmBnZ_Y/UX_OqQtjXkI/AAAAAAAAOXA/k2IVaSK_Imc/s200/Scan-Blog-for-Malware-Script.png" width="200"></a></div><div style="text-align: left;">Με την επιλογή ενός δωρεάν προτύπου για το Blog μας, παίρνουμε συχνά το ρίσκο να περιέχει κρυμμένο μέσα στον κώδικά του ένα κακόβουλο (Malware) script. O ιδανικός τρόπος για την αντιμετώπιση αυτών των περιπτώσεων είναι να κάνουμε έναν έλεγχο-σάρωσης του προτύπου μας, με τη βοήθεια κάποιων online εργαλείων που διατίθενται στο διαδίκτυο. Δείτε μερικά τέτοια προγράμματα παρακάτω...</div></div><a href="http://tetsitech.blogspot.com/2013/04/blog-malware.html#more">Read more »</a>Tetsi Chrishttp://www.blogger.com/profile/14486944031876829686noreply@blogger.com0tag:blogger.com,1999:blog-3861857880977687888.post-10104883599114663492013-04-30T16:30:00.000+03:002013-05-29T17:43:04.512+03:00Πώς αφαιρούμε μια προειδοποίηση για κακόβουλο λογισμικό (Malware) από το Blog μας.<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-oi4sCGqFZBY/UX-xnJceWXI/AAAAAAAAOWg/opkMCCSjVtw/s1600/handling-malware-infection.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="212" src="http://4.bp.blogspot.com/-oi4sCGqFZBY/UX-xnJceWXI/AAAAAAAAOWg/opkMCCSjVtw/s320/handling-malware-infection.jpg" width="320"></a></div>
Μήπως blog σας έχει μολυνθεί από κάποιο είδος κακόβουλου κώδικα; Μήπως λαμβάνετε μία περίεργη ειδοποίηση, όπως "Danger Malware ahead" κάθε φορά που προσπαθείτε να αποκτήσετε πρόσβαση στο blog σας;<br>
<br>
</div><a href="http://tetsitech.blogspot.com/2013/04/malware-blog.html#more">Read more »</a>Tetsi Chrishttp://www.blogger.com/profile/14486944031876829686noreply@blogger.com0tag:blogger.com,1999:blog-3861857880977687888.post-7881354347763979872013-04-21T05:06:00.001+03:002013-04-21T05:19:01.012+03:00Κείμενο σε κορδέλα<div dir="ltr" style="text-align: left;" trbidi="on"><a href="http://2.bp.blogspot.com/-a5Kd0UvALtM/UXNGfoKAodI/AAAAAAAAOVY/5i3cdtocmsA/s1600/ribbon.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-a5Kd0UvALtM/UXNGfoKAodI/AAAAAAAAOVY/5i3cdtocmsA/s320/ribbon.jpg"></a><br>
<br>
Τονίστε ένα κείμενο μέσα σε μια όμορφη κορδέλα, με χρήση CSS.<br>
</div><a href="http://tetsitech.blogspot.com/2013/04/blog-post_21.html#more">Read more »</a>Tetsi Chrishttp://www.blogger.com/profile/14486944031876829686noreply@blogger.com0tag:blogger.com,1999:blog-3861857880977687888.post-50531456406238031442013-04-21T04:37:00.001+03:002013-04-21T04:41:22.114+03:00Χρωματιστό περιστρεφόμενο Menu<div dir="ltr" style="text-align: left;" trbidi="on"><a href="http://1.bp.blogspot.com/-GwHCq63b9Mg/UXM_1rQ7J8I/AAAAAAAAOVQ/nkl4JogeYgI/s1600/blogger+menu.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-GwHCq63b9Mg/UXM_1rQ7J8I/AAAAAAAAOVQ/nkl4JogeYgI/s320/blogger+menu.jpg"></a><br>
Ένα όμορφο και "παιχνιδιάρικο" menu όπου τα χρωματιστά του φύλλα περιστρέφονται όταν το ποντίκι περνάει από πάνω τους.<br>
<br>
<br>
</div><a href="http://tetsitech.blogspot.com/2013/04/menu.html#more">Read more »</a>Tetsi Chrishttp://www.blogger.com/profile/14486944031876829686noreply@blogger.com0tag:blogger.com,1999:blog-3861857880977687888.post-53879354893789724072013-04-21T03:38:00.001+03:002013-04-21T03:38:45.725+03:00Σκιά στην κορυφή του blog σας<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-QY8iMyHX4NU/UXMwLSqNszI/AAAAAAAAOVA/uv-0QdBCGSg/s1600/Top+Shadow.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="166" src="http://4.bp.blogspot.com/-QY8iMyHX4NU/UXMwLSqNszI/AAAAAAAAOVA/uv-0QdBCGSg/s320/Top+Shadow.jpg" width="320"></a></div>Με τη χρήση CSS και μόνο, μπορούμε να βάλουμε σκιά στο επάνω μέρος του blog ή site μας. Δείτε πως θα το κάνετε με πολύ εύκολο τρόπο...<br>
</div><a href="http://tetsitech.blogspot.com/2013/04/blog_21.html#more">Read more »</a>Tetsi Chrishttp://www.blogger.com/profile/14486944031876829686noreply@blogger.com0tag:blogger.com,1999:blog-3861857880977687888.post-62377154055588783222013-04-20T00:12:00.000+03:002013-05-20T21:27:58.977+03:00Μαθήματα HTML<div dir="ltr" style="text-align: left;" trbidi="on"><a href="http://3.bp.blogspot.com/-ukRBGbvXDS8/UXG8kXe7SVI/AAAAAAAAOUw/xjxemSzjImY/s1600/html.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="232" src="http://3.bp.blogspot.com/-ukRBGbvXDS8/UXG8kXe7SVI/AAAAAAAAOUw/xjxemSzjImY/s320/html.jpg" width="320"></a><br>
<pre style="color: #555555; font-family: Tahoma, sans-serif; font-size: 1.5em; font-weight: 500; margin: 1.5em -15px 0.5em; padding-left: 12px; text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;">Μάθετε τα πάντα για την HTML.</pre>Εδώ θα βρείτε συγκεντρωμένα τα καλύτερα ξένα και Ελληνικά μαθήματα, έτσι ώστε να μάθετε να γράφετε κώδικα HTML ή για να ανατρέξετε στο μέλλον και να θυμηθείτε κάποια ετικέτα που έχετε ξεχάσει.<br>
</div><a href="http://tetsitech.blogspot.com/2013/04/html.html#more">Read more »</a>Tetsi Chrishttp://www.blogger.com/profile/14486944031876829686noreply@blogger.com1tag:blogger.com,1999:blog-3861857880977687888.post-54882129445844950012013-04-17T00:24:00.003+03:002013-04-17T00:38:22.752+03:00Περιστρεφόμενο Social Share Widget<div dir="ltr" style="text-align: left;" trbidi="on"><a href="http://3.bp.blogspot.com/-7oKN4_MFyC0/UWx4Dv-He0I/AAAAAAAAORo/Od2jOwg9BYo/s1600/share+widget.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-7oKN4_MFyC0/UWx4Dv-He0I/AAAAAAAAORo/Od2jOwg9BYo/s320/share+widget.jpg"></a><br>
<br>
Ένα πολύ όμορφο Social Share Widget που όταν μεταβείτε επάνω του περιστρέφεται έως ότου εμφανιστούν όλα τα εικονίδιά του.<br>
</div><a href="http://tetsitech.blogspot.com/2013/04/social-share-widget.html#more">Read more »</a>Tetsi Chrishttp://www.blogger.com/profile/14486944031876829686noreply@blogger.com0tag:blogger.com,1999:blog-3861857880977687888.post-33520967842190662682013-04-09T01:30:00.113+03:002022-03-07T20:26:47.264+02:00Εκπληκτικό zoom στις εικόνες σας<div dir="ltr" style="text-align: left;" trbidi="on"><a class="cloud-zoom" href="https://4.bp.blogspot.com/-aYfuoSqBkUw/TrshTcTKfiI/AAAAAAAACGs/ygEaQqzLsIo/s1600/angelina04.jpg" imageanchor="1" rel="softFocus: true, position:'inside', smoothMove:2" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="223" src="https://4.bp.blogspot.com/-aYfuoSqBkUw/TrshTcTKfiI/AAAAAAAACGs/ygEaQqzLsIo/s300/angelina04.jpg" width="300"></a>Ένα υπέροχο εφέ για να βάλετε στις εικόνες σας, έτσι ώστε όταν περνάει το ποντίκι από πάνω τους, να μεγενθύνεται η εικόνα.<br>
</div><a href="http://tetsitech.blogspot.com/2013/04/zoom.html#more">Read more »</a>Tetsi Chrishttp://www.blogger.com/profile/14486944031876829686noreply@blogger.com0