Στάλες στο γαλάζιο ®

BlueBlack Horizontal SubMenu (No 71) by LoneEagle.

5:13 μ.μ. LoneEagle 0

<a href="/https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWUc8ZEJjliUJ3y2GNiHGUrhazxUkDRmek1WrholAvhAMqRDBP-yeZbkqC0Lcuh-Kg3OKwCLHeEs7AZEQ3B5IQrnDrmaMyFADENqMAUKfstrVzatpQ32QsuPa4xDv0Fw5wPSgHjsBOk_0/s1600/76479.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" onclick=""><img alt="Horizontal Menu,Οριζόντια Μενού,Horizontal JQuery Sub Navigation Menu" border="0" id="BLOGGER_PHOTO_ID_5466308071021342498" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWUc8ZEJjliUJ3y2GNiHGUrhazxUkDRmek1WrholAvhAMqRDBP-yeZbkqC0Lcuh-Kg3OKwCLHeEs7AZEQ3B5IQrnDrmaMyFADENqMAUKfstrVzatpQ32QsuPa4xDv0Fw5wPSgHjsBOk_0/s400/76479.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 255px;"></a>Ακόμα ένα μενού με υπομενού για την καλύτερη δυνατή τακτοποίηση όλων των συνδέσμων σας. 
Μπορείτε να προσθέσετε όσες ετικέτες και όσα dropdown στοιχεία υπομενού εσείς θέλετε. 
Πάμε να δούμε τον τρόπο..... <center><img oncontextmenu="return false" src="http://i41.tinypic.com/t0rt5x.jpg"></center>θα μπείτε στο Πίνακα ελέγχου σας & μετά >>> Σχεδίαση >>> Επεξεργασία HTML και θα κάνετε αναζήτηση με το Ctrl + F για το..... <div class="code"><div class="code_content">]]</b:skin> </div></div>Μόλις το βρείτε & πριν από το κλείσιμο του ( δηλαδή: στην προϋγούμενη γραμμή ) ]]</b:skin> θα προσθέσετε τον παρακάτω κώδικα. <div class="code"><div class="code_content"> 
#submenuLE71 { 
margin: 0; padding: 0; 
float: left; 
width: 970px; 
list-style: none; 
position: relative; 
font-size: 15px; 
background: #000000; repeat-x;} 
#submenuLE71 li { 
float: left; 
margin: 0; padding: 0; 
border-right: 1px solid #555; } 
#submenuLE71 li a { 
padding: 10px 15px; 
display: block; 
color: #f0f0f0; 
text-decoration: none;} 
/*--HorizMenu-71-by-LoneEagle-http://loneeagle110.blogspot.com--*/ 
#submenuLE71 li:hover { background: #1376c9 repeat-x; } 
#submenuLE71 li span { 
float: left; 
padding: 15px 0; 
position: absolute; 
left: 0; top:35px; 
display: none; /*--Hide by default--*/ 
width: 970px; 
background: #1376c9; 
color: #fff; 
-moz-border-radius-bottomright: 5px; 
-khtml-border-radius-bottomright: 5px; 
-webkit-border-bottom-right-radius: 5px; 
-moz-border-radius-bottomleft: 5px; 
-khtml-border-radius-bottomleft: 5px; 
-webkit-border-bottom-left-radius: 5px;} 
#submenuLE71 li:hover span { display: block; } 
#submenuLE71 li span a { display: inline; } 
#submenuLE71 li span a:hover {text-decoration:underline;} 
 </div></div>Κάνετε αποθήκευση προτύπου & πάμε στο 2ο βήμα..... 
Πίνακας ελέγχου >>> Διάταξη >>> Προσθήκη gadget >>> HTML/JavaScript <center><img oncontextmenu="return false" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvuzxKmxERSatjsUhAKE-btebpQ1EOXsTiusXzU7qPyrl95W2FDm_Cnkr5t_WX-5-__YBY_CJmhzOy1uWPJcpECs-ZyQWkA1ZyKLzA-a8E8vYiUUY9SDShyhJDgO5lyLM1gRhBH14J2oI/s1600/Html+JavaScript+gadget.jpg" width="auto"></center>Και μέσα στο gadget βάζουμε τον παρακάτω κώδικα, χωρίς να προσθέσουμε κάτι στον Τίτλο. <center><img oncontextmenu="return false" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqldwzrKrKovSi68e-9w0C1qcR36Yi46WRHP9WeehsmOc2ZHnjP2CpjU6HgiPnv3xJk80_9WvM4T21TdTr2tCQDw7b-AAKnUDafL_10Evpu2lLW45-v7nNZlnYgKei-pmQKpa6Pa7kpyc/s1600/Select+HTMLJavascript+gadget+and+paste+the+code+in+the+content+box.jpg" width="auto"></center><div class="code"><div class="code_content"> 
<ul id='submenuLE71'> 
<li><a href='...your link...'>Home</a></li> 
<li> 
<a href='...your link...'>...tab 2...</a> 
 
 
<a href='...your link...'>...subtab 1...</a> | 
<a href='...your link...'>...subtab 2...</a> | 
<a href='...your link...'>...subtab 3...</a> | 
<a href='...your link...'>...subtab 4...</a> | 
<a href='...your link...'>...subtab 5...</a> | 
<a href='...your link...'>...subtab 6...</a> 
 
 
</li> 
<li><a href='...your link...'>...tab 3...</a></li> 
<li><a href='...your link...'>...tab 4...</a></li> 
<li><a href='...your link...'>...tab 5...</a></li> 
<li><a href='...your link...'>...tab 6...</a></li> 
<li><a href='...your link...'>...tab 7...</a> 
 
 
<a href='...your link...'>...subtab 1...</a> | 
<a href='...your link...'>...subtab 2...</a> | 
<a href='...your link...'>...subtab 3...</a> | 
<a href='...your link...'>...subtab 4...</a> | 
<a href='...your link...'>...subtab 5...</a> | 
<a href='...your link...'>...subtab 6...</a> | 
 
 
<li><a href='...your link...'>...tab 8...</a></li> 
<li><a target="_blank" href='http://loneeagle110.blogspot.com/search/label/Blogger%20Help'>Blogger Help</a></li> 
<li><a target="_blank" href='...your link...'>Contact</a></li> 
</li> 
</ul> 
 </div></div> 
Όπου ...your link... βάζετε τον σύνδεσμο της αντίστοιχης ετικέτας ....tab 1,2,3,4,5 κτλ.... 
Αφού περάσετε τις ετικέτες που θέλετε κάνετε αποθήκευση & μετά από την διάταξη της σελίδας σας, παίρνεται το gadget & το τοποθετείται ακριβώς κάτω από τη κεφαλίδα σας. <blockquote>Αν κρατήσετε τον σύνδεσμο Blogger Help που έχει ο παραπάνω κώδικας, ίσως δώσετε την δυνατότητα & στους επισκέπτες σας να μας μάθουν & να μπορέσουν κι αυτοί με τη σειρά τους να βελτιώσουν την σελίδα τους. 
Μέσα από τις πληροφορίες που σας προσφέρουμε απλόχερα, <blink>ΧΩΡΙΣ</blink> donate, καφεδάκια, εσπρεσάκια, διαφημίσεις, Παρακάλια του τύπου... "Σας παρακαλώωωω καλέ Κύριε, κάντε "κλικ" στις λίγες διαφημισούλες μουυυυ!" Ελεήηηηηστε τον Helper... κι άλλες τέτοιες αηδίες. 
Αμάν πια... κουτσοί στραβοί, ένα γαμημένο blog φτιάξατε τζάμπα (μέσω της Google) & θέλετε να πλουτίσετε. 
Στο κλαρί πότε θα βγείτε???? 
Εμείς το ελάχιστο που μπορούμε να κάνουμε είναι να σας Ευχαριστήσουμε δημόσια εκ των προτέρων για αυτή σας την κίνηση. </blockquote> <center>Πατήστε ΑΠΟΘΗΚΕΥΣΗ κι είστε ΟΚ. 
Το αποτέλεσμα: <img oncontextmenu="return false" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZVLnumsz6ElU_dM3iwGYj8LepZ8YkwP-bDmbObQS4syFvSNlYqqZbd-24n7cO4UDLZxOo1CILEg0r4UOcSh4MOoIicCmk7ATV_7wl2gOc4a2lW9kRR8nD7MsYq_ODS2VWXej5WcZFTMM/s981/BlueBlack_Horizontal_SubMenu_No71.jpg" width="auto"> <marquee behavior="alternate" direction="left" scrollamount="3"><h2>ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!</h2></marquee> 
Για σχέδια σε Οριζόντια Μενού δείτε τα..... <a href="/http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-1.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 1</a> <a href="/http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-2.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 2</a> <a href="/http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-3.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 3</a> <a href="/http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-4.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 4</a> <a href="/http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-5.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 5</a> <a href="/http://loneeagle110.blogspot.com/2010/02/blog-horizontal-menu-for-blogger-6.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 6</a> <a href="/http://loneeagle110.blogspot.com/2010/03/blog-horizontal-menu-for-blogger-7.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 7</a> <a href="/http://loneeagle110.blogspot.com/2010/04/blog-horizontal-menu-fisheye-menu-for.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 8</a> <a href="/http://loneeagle110.blogspot.com/2010/04/blog-horizontal-menu-for-blogger-9.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 9</a> <a href="/http://loneeagle110.blogspot.com/2010/04/blog-horizontal-blue-css-menu-for.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 10</a> <a href="/http://loneeagle110.blogspot.com/2010/04/blog-horizontal-solid-block-menu-for.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 11</a> <a href="/http://loneeagle110.blogspot.com/2010/04/blog-horizontal-glossy-5-colours-menu.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 12</a> <a href="/http://loneeagle110.blogspot.com/2010/04/blog-horizontal-indent-menu-for-blogger.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 13</a> <a href="/http://loneeagle110.blogspot.com/2010/04/blog-animated-horizontal-menu-for.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 14</a> <a href="/http://loneeagle110.blogspot.com/2010/04/blog-frame-aura-horizontal-menu-for.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 15</a> <a href="/http://loneeagle110.blogspot.com/2010/04/blog-horizontal-css-thick-menu-for.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 16</a> <a href="/http://loneeagle110.blogspot.com/2010/04/blog-horizontal-sleek-pointer-menu-for.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 17</a> <a href="/http://loneeagle110.blogspot.com/2010/04/blog-wire-horizontal-chrome-bar-menu.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 18</a> <a href="/http://loneeagle110.blogspot.com/2010/04/blog-horizontal-bevel-menu-for-blogger.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 19</a> <a href="/http://loneeagle110.blogspot.com/2010/04/blog-horizontal-css-green-menu-for.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 20</a> <a href="/http://loneeagle110.blogspot.com/2010/04/blog-horizontal-thick-underline-menu.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 21</a> <a href="/http://loneeagle110.blogspot.com/2010/04/blog-horizontal-inverted-shift-down.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 22</a> <a href="/http://loneeagle110.blogspot.com/2010/04/blog-horizontal-matt-black-menu-for.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 23</a> <a href="/http://loneeagle110.blogspot.com/2010/04/blog-horizontal-inverted-modern-bricks.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 24</a> <a href="/http://loneeagle110.blogspot.com/2010/04/blog-horizontal-overlapping-menu-25.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 25</a> <a href="/http://loneeagle110.blogspot.com/2010/05/8-horizontal-vertical-menu-26-8-colours.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 26</a> <a href="/http://loneeagle110.blogspot.com/2010/05/blog-horizontal-hover-gray-menu-27.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 27</a> <a href="/http://loneeagle110.blogspot.com/2010/05/blog-horizontal-styled-menu-28.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 28</a> <a href="/http://loneeagle110.blogspot.com/2010/06/blog-horizontal-dropdown-menu-29-3.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 29</a> <a href="/http://loneeagle110.blogspot.com/2010/05/horizontal-blueblack-dropdown-menu-30.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 30</a> <a href="/http://loneeagle110.blogspot.com/2010/05/horizontal-light-gray-menu-31.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 31</a> <a href="/http://loneeagle110.blogspot.com/2010/05/horizontal-purple-menu-32.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 32</a> <a href="/http://loneeagle110.blogspot.com/2010/05/horizontal-dolphin-menu-33.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 33</a> <a href="/http://loneeagle110.blogspot.com/2010/05/horizontal-glossy-blood-menu-34.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 34</a> <a href="/http://loneeagle110.blogspot.com/2010/06/horizontal-glossy-rounded-blue-menu-35.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 35</a> <a href="/http://loneeagle110.blogspot.com/2010/06/horizontal-glossy-rounded-blue-menu-35.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 36</a> <a href="/http://loneeagle110.blogspot.com/2010/06/horizontal-glossy-green-menu-37.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 37</a> <a href="/http://loneeagle110.blogspot.com/2010/11/horizontal-proof-menu-no-38.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 38</a> <a href="/http://loneeagle110.blogspot.com/2010/11/horizontal-slant-menu-no-39.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 39</a> <a href="/http://loneeagle110.blogspot.com/2010/06/horizontal-simple-grey-menu-40.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 40</a> <a href="/http://loneeagle110.blogspot.com/2010/06/horizontal-orange-blue-menu-41.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 41</a> <a href="/http://loneeagle110.blogspot.com/2010/06/horizontal-light-pall-menu-no-42.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 42</a> <a href="/http://loneeagle110.blogspot.com/2010/06/horizontal-simple-blue-bubble-menu-43.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 43</a> <a href="/http://loneeagle110.blogspot.com/2010/11/horizontal-menu-44-3-colours.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 44</a> <a href="/http://loneeagle110.blogspot.com/2010/08/horizontal-simple-fox-menu-45.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 45</a> <a href="/http://loneeagle110.blogspot.com/2010/06/horizontal-underline-menu-for-blogger.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 46</a> <a href="/http://loneeagle110.blogspot.com/2010/11/horizontal-white-razer-menu-for-blogger.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 47</a> <a href="/http://loneeagle110.blogspot.com/2011/01/horizontal-bluewhite-dropdown-menu-48.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 48</a> <a href="/http://loneeagle110.blogspot.com/2011/07/horizontal-sexy-dropdown-menu-with.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 50</a> <a href="/http://loneeagle110.blogspot.com/2011/01/horizontal-dolphin-menu-33.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 51</a> <a href="/http://loneeagle110.blogspot.com/2011/01/horizontal-pall-menu-52-3-colours-green.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 52</a> <a href="/http://loneeagle110.blogspot.com/2012/01/horizontal-jquery-sub-navigation-menu.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 53</a> <a href="/http://loneeagle110.blogspot.com/2012/02/horizontal-css-menu-no-54-by-loneeagle.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 54</a> <a href="/http://loneeagle110.blogspot.com/2012/02/horizontal-animated-menu-with-icons-no.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 61</a> <a href="/http://loneeagle110.blogspot.com/2012/02/horizontal-menu-no-62.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 62</a> <a href="/http://loneeagle110.blogspot.com/2012/12/horizontal-menu-with-facebook-colors-no.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 63</a> <a href="/http://loneeagle110.blogspot.com/2012/12/cool-horizontal-navigation-menu-no-64.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 64</a> <a href="/http://loneeagle110.blogspot.com/2012/07/css3-animated-horizontal-menu-no-65.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 65</a> <a href="/http://loneeagle110.blogspot.com/2012/07/pure-css3-multi-level-dropdown.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 66</a> <a href="/http://loneeagle110.blogspot.com/2012/12/vista-styled-horizontal-navigation-menu.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 67</a> <a href="/http://loneeagle110.blogspot.com/2012/12/vista-style-horizontal-menu-no-68-by.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 68</a> <a href="/http://loneeagle110.blogspot.com/2012/12/bubble-horizontal-navigation-menu-no-69.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 69</a> <a href="/http://loneeagle110.blogspot.com/2012/12/glossy-purple-horizontal-menu-no-70-by.html" target="_blank" onclick="">Οριζόντιο Μενού Νο 70</a> 
Για σχέδια σε Κάθετα μενού δείτε τα.... <a href="/http://loneeagle110.blogspot.com/2010/02/blog-vertical-menu-for-blogger.html" target="_blank" onclick="">Κάθετο Μενού Νο 1</a> <a href="/http://loneeagle110.blogspot.com/2010/05/8-horizontal-vertical-menu-26-8-colours.html" target="_blank" onclick="">Κάθετο Μενού Νο 2</a> <a href="/http://loneeagle110.blogspot.com/2010/05/vector-vertical-menu-for-blogger-3.html" target="_blank" onclick="">Κάθετο Μενού Νο 3</a> <a href="/http://loneeagle110.blogspot.com/2010/05/sliding-side-menu-4.html" target="_blank" onclick="">Κάθετο Μενού Νο 4</a> <a href="/http://loneeagle110.blogspot.com/2010/05/vertical-jazz-menu-no-5.html" target="_blank" onclick="">Κάθετο Μενού Νο 5</a> <a href="/http://loneeagle110.blogspot.com/2010/05/vertical-dark-menu-no-6.html" target="_blank" onclick="">Κάθετο Μενού Νο 6</a> <a href="/http://loneeagle110.blogspot.com/2010/05/red-velvet-vertical-menu-no-7.html" target="_blank" onclick="">Κάθετο Μενού Νο 7</a> <a href="/http://loneeagle110.blogspot.com/2010/05/vertical-rainbow-menu-no-8.html" target="_blank" onclick="">Κάθετο Μενού Νο 8</a> <a href="/http://loneeagle110.blogspot.com/2010/05/blackbunny-vertical-menu-no-9.html" target="_blank" onclick="">Κάθετο Μενού Νο 9</a> <a href="/http://loneeagle110.blogspot.com/2010/05/vertical-blue-black-menu-no-11.html" target="_blank" onclick="">Κάθετο Μενού Νο 11</a> <a href="/http://loneeagle110.blogspot.com/2010/05/light-blue-vertical-menu-no-12.html" target="_blank" onclick="">Κάθετο Μενού Νο 12</a> <a href="/http://loneeagle110.blogspot.com/2010/05/glossy-black-vertical-menu-no-13.html" target="_blank" onclick="">Κάθετο Μενού Νο 13</a> <a href="/http://loneeagle110.blogspot.com/2010/05/blue-vertical-menu-no-14.html" target="_blank" onclick="">Κάθετο Μενού Νο 14</a> <a href="/http://loneeagle110.blogspot.com/2010/05/3d-state-vertical-menu-no-15.html" target="_blank" onclick="">Κάθετο Μενού Νο 15</a> <a href="/http://loneeagle110.blogspot.com/2010/06/highlight-vertical-menu-no-16.html" target="_blank" onclick="">Κάθετο Μενού Νο 16</a> <a href="/http://loneeagle110.blogspot.com/2010/06/vertical-green-blue-arrow-menu-no-17.html" target="_blank" onclick="">Κάθετο Μενού Νο 17</a> <a href="/http://loneeagle110.blogspot.com/2010/06/vertical-urban-menu-no-18.html" target="_blank" onclick="">Κάθετο Μενού Νο 18</a> <a href="/http://loneeagle110.blogspot.com/2010/06/vertical-glossyblue-menu-no-20.html" target="_blank" onclick="">Κάθετο Μενού Νο 20</a> <a href="/http://loneeagle110.blogspot.com/2010/06/sliding-pink-vertical-menu-no-21.html" target="_blank" onclick="">Κάθετο Μενού Νο 21</a> <a href="/http://loneeagle110.blogspot.com/2010/06/purple-button-vertical-menu-no-22.html" target="_blank" onclick="">Κάθετο Μενού Νο 22</a> <a href="/http://loneeagle110.blogspot.com/2010/06/vertical-bevel-menu-no-23.html" target="_blank" onclick="">Κάθετο Μενού Νο 23</a> <a href="/http://loneeagle110.blogspot.com/2010/05/pure-css-vertical-menu.html" target="_blank" onclick="">Κάθετο Μενού No 26</a> <a href="/http://loneeagle110.blogspot.com/2010/06/blue-vertical-menu-no-30.html" target="_blank" onclick="">Κάθετο Μενού Νο 30</a> <a href="/http://loneeagle110.blogspot.com/2011/11/slate-gray-vertical-menu-no-31-by.html" target="_blank" onclick="">Κάθετο Μενού Νο 31</a> <a href="/http://loneeagle110.blogspot.com/2011/06/blog-slashdot-menu.html" target="_blank" onclick="">Κάθετο Μενού Νο 32</a> <a href="/http://loneeagle110.blogspot.com/2012/02/floating-vertical-menu-no-33.html" target="_blank" onclick="">Κάθετο Μενού Νο 33</a> <a href="/http://loneeagle110.blogspot.com/2012/12/simple-vertical-menu-no-34-by-loneeagle.html" target="_blank" onclick="">Κάθετο Μενού Νο 34</a> </center>

Ακόμα ένα μενού με υπομενού για την καλύτερη δυνατή τακτοποίηση όλων των συνδέσμων σας. Μπορείτε να προσθέσετε όσες ετικέτες και όσα dropdo...

Διαβάστε περισσότερα »

Magic Sparkle Effect on Cursor for your website.

3:38 μ.μ. LoneEagle 0

<a href="/https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2DM_XnnYhuPzVDbhshwtIAXnNC19UOBT57PIf5VTfhyphenhyphenpUFACJmAVk8B0yDKsHy9HlON1XJKZ5pjauc5GePYTcOmuorYP4hBwZZLNl_B94NwaSBQ8N3m9bB8rOqnqINFG-v7MNEX1NKAU/s1600/Magic+Sparkle+Effect.jpg" onclick=""><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2DM_XnnYhuPzVDbhshwtIAXnNC19UOBT57PIf5VTfhyphenhyphenpUFACJmAVk8B0yDKsHy9HlON1XJKZ5pjauc5GePYTcOmuorYP4hBwZZLNl_B94NwaSBQ8N3m9bB8rOqnqINFG-v7MNEX1NKAU/s1600/Magic+Sparkle+Effect.jpg" width="auto"></a>Πόσοι από εσάς δεν ευχηθήκατε να είχατε ένα μαγικό ραβδακι ή μια νεράϊδα τους χεριού σας, που θα έκανε τα πάντα για εσάς;;!! Προς το παρόν, αρκεστείτε με ένα εντυπωσιακό εφέ στον κέρσορα του ποντικιού σας, μέχρι να βρούμε την καλή νεράϊδα..... και βλέπουμε. 
Πάμε να δούμε μαζί το τρόπο τοποθέτησής του στον blogger. 
Τα βήματα είναι απλά... Σύνδεση στο Blogger --> Πίνακα ελέγχου --> Διάταξη --> Προσθήκη gadget και θα κοιτάξετε να βρείτε το HTML/JavaScript. <center><img oncontextmenu="return false" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvuzxKmxERSatjsUhAKE-btebpQ1EOXsTiusXzU7qPyrl95W2FDm_Cnkr5t_WX-5-__YBY_CJmhzOy1uWPJcpECs-ZyQWkA1ZyKLzA-a8E8vYiUUY9SDShyhJDgO5lyLM1gRhBH14J2oI/s1600/Html+JavaScript+gadget.jpg" width="auto"></center>Ανοίξτε το & ρίξτε τον παρακάτω κώδικα. <center><img oncontextmenu="return false" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqldwzrKrKovSi68e-9w0C1qcR36Yi46WRHP9WeehsmOc2ZHnjP2CpjU6HgiPnv3xJk80_9WvM4T21TdTr2tCQDw7b-AAKnUDafL_10Evpu2lLW45-v7nNZlnYgKei-pmQKpa6Pa7kpyc/s1600/Select+HTMLJavascript+gadget+and+paste+the+code+in+the+content+box.jpg" width="auto"></center><div class="code"><div class="code_content"> 
<script type="text/javascript"> 
// <![CDATA[ 
var colour="random"; 
var sparkles=50; 
var x=ox=400; 
var y=oy=300; 
var swide=800; 
var shigh=600; 
var sleft=sdown=0; 
var tiny=new Array(); 
var star=new Array(); 
var starv=new Array(); 
var starx=new Array(); 
var stary=new Array(); 
var tinyx=new Array(); 
var tinyy=new Array(); 
var tinyv=new Array(); 
window.onload=function() { if (document.getElementById) { 
var i, rats, rlef, rdow; 
for (var i=0; i<sparkles; i++) { 
var rats=createDiv(3, 3); 
rats.style.visibility="hidden"; 
rats.style.zIndex="999"; 
document.body.appendChild(tiny[i]=rats); 
starv[i]=0; 
tinyv[i]=0; 
var rats=createDiv(5, 5); 
rats.style.backgroundColor="transparent"; 
rats.style.visibility="hidden"; 
rats.style.zIndex="999"; 
var rlef=createDiv(1, 5); 
var rdow=createDiv(5, 1); 
rats.appendChild(rlef); 
rats.appendChild(rdow); 
rlef.style.top="2px"; 
rlef.style.left="0px"; 
rdow.style.top="0px"; 
rdow.style.left="2px"; 
document.body.appendChild(star[i]=rats);} 
set_width(); 
sparkle();}} 
function sparkle() { 
var c; 
if (x!=ox || y!=oy) { 
ox=x; 
oy=y; 
for (c=0; c<sparkles; c++) if (!starv[c]) { 
star[c].style.left=(starx[c]=x)+"px"; 
star[c].style.top=(stary[c]=y)+"px"; 
star[c].style.clip="rect(0px, 5px, 5px, 0px)"; 
star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour; 
star[c].style.visibility="visible"; 
starv[c]=50; 
break;}} 
for (c=0; c<sparkles; c++) { 
if (starv[c]) update_star(c); 
if (tinyv[c]) update_tiny(c);} 
setTimeout("sparkle()", 40);} 
function update_star(i) { 
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; 
if (starv[i]) { 
stary[i]+=1+Math.random()*3; 
starx[i]+=(i%5-2)/5; 
if (stary[i]<shigh+sdown) { 
star[i].style.top=stary[i]+"px"; 
star[i].style.left=starx[i]+"px";} 
else { 
star[i].style.visibility="hidden"; 
starv[i]=0; 
return;}} 
else { 
tinyv[i]=50; 
tiny[i].style.top=(tinyy[i]=stary[i])+"px"; 
tiny[i].style.left=(tinyx[i]=starx[i])+"px"; 
tiny[i].style.width="2px"; 
tiny[i].style.height="2px"; 
tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor; 
star[i].style.visibility="hidden"; 
tiny[i].style.visibility="visible"}} 
function update_tiny(i) { 
if (--tinyv[i]==25) { 
tiny[i].style.width="1px"; 
tiny[i].style.height="1px";} 
if (tinyv[i]) { 
tinyy[i]+=1+Math.random()*3; 
tinyx[i]+=(i%5-2)/5; 
if (tinyy[i]<shigh+sdown) { 
tiny[i].style.top=tinyy[i]+"px"; 
tiny[i].style.left=tinyx[i]+"px";} 
else { 
tiny[i].style.visibility="hidden"; 
tinyv[i]=0; 
return;}} 
else tiny[i].style.visibility="hidden";} 
document.onmousemove=mouse; 
function mouse(e) { 
if (e) { 
y=e.pageY; 
x=e.pageX;} 
else { 
set_scroll(); 
y=event.y+sdown; 
x=event.x+sleft;}} 
window.onscroll=set_scroll; 
function set_scroll() { 
if (typeof(self.pageYOffset)=='number') { 
sdown=self.pageYOffset; 
sleft=self.pageXOffset;} 
else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) { 
sdown=document.body.scrollTop; 
sleft=document.body.scrollLeft;} 
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { 
sleft=document.documentElement.scrollLeft; 
sdown=document.documentElement.scrollTop;} 
else { 
sdown=0; 
sleft=0;}} 
window.onresize=set_width; 
function set_width() { 
var sw_min=999999; 
var sh_min=999999; 
if (document.documentElement && document.documentElement.clientWidth) { 
if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth; 
if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;} 
if (typeof(self.innerWidth)=='number' && self.innerWidth) { 
if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth; 
if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;} 
if (document.body.clientWidth) { 
if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth; 
if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;} 
if (sw_min==999999 || sh_min==999999) { 
sw_min=800; 
sh_min=600;} 
swide=sw_min; 
shigh=sh_min;} 
function createDiv(height, width) { 
var div=document.createElement("div"); 
div.style.position="absolute"; 
div.style.height=height+"px"; 
div.style.width=width+"px"; 
div.style.overflow="hidden"; 
return (div);} 
function newColour() { 
var c=new Array(); 
c[0]=255; 
c[1]=Math.floor(Math.random()*256); 
c[2]=Math.floor(Math.random()*(256-c[1]/2)); 
c.sort(function(){return (0.5 - Math.random());}); 
return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");} 
// ]]> 
</script> 
 </div></div>Πατήστε Αποθήκευση & επιστρέψτε στη σελίδα σας. 
Αυτό ήταν!!! <marquee behavior="alternate" direction="left" scrollamount="3"><h2>ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!</h2></marquee> <h4>Σχετικές αναρτήσεις με εφέ για τον κέρσορα.</h4><ol class="rounded-list"><li><a href="/http://loneeagle110.blogspot.com/2010/08/2.html" target="_blank" onclick="">2 Πονηρά ματάκια που ακολουθούν τον κέρσορα.</a></li>
<li><a href="/http://loneeagle110.blogspot.com/2010/05/blog-post_09.html" target="_blank" onclick="">Μια εικόνα που ακολουθεί τον κέρσορα παντού!!!</a></li>
<li><a href="/http://loneeagle110.blogspot.com/2012/11/analogue-clock-effect-on-cursor-for.html" target="_blank" onclick="">Analogue Clock Effect on Cursor for your website.</a></li>
<li><a href="/http://loneeagle110.blogspot.com/2012/11/digital-clock-effect-on-cursor-for-your.html" target="_blank" onclick="">Digital Clock Effect on Cursor for your website.</a></li>
<li><a href="/http://loneeagle110.blogspot.com/2012/11/underwater-bubbles-effect-for-your.html" target="_blank" onclick="">UnderWater Bubbles Effect for your website.</a></li>
</ol>

Blogger Help Blogger Tutorials JavaScript Magic Sparkle Effect on Cursor for your website.

Πόσοι από εσάς δεν ευχηθήκατε να είχατε ένα μαγικό ραβδακι ή μια νεράϊδα τους χεριού σας, που θα έκανε τα πάντα για εσάς;;!! Προς το παρόν, ...

Διαβάστε περισσότερα »

3 Τρόποι για να κάνετε τις φωτογραφίες στο blog σας να ξεχωρίζουν με javascript.

1:30 μ.μ. Σοφία 0

Σήμερα θα δούμε μερικούς τρόπους για να κάνουμε τις εικόνες στο blog μας να τραβούν τα βλέμματα και να ξεχωρίζουν με πολύ απλά βήματα . <h4>1ος Τρόπος: Reflex.</h4><a href="/http://1.bp.blogspot.com/_L116RpGjEMY/TDOekSxWr1I/AAAAAAAADFY/AYlL-GvoByc/s1600/a%5B13%5D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" onclick=""><img border="0" src="http://1.bp.blogspot.com/_L116RpGjEMY/TDOekSxWr1I/AAAAAAAADFY/AYlL-GvoByc/s320/a%5B13%5D.png"></a> <center><a class="button" href="/http://bloggertricstest.blogspot.com/2010/03/cover-flow-reflex.html" target="_blank" onclick="">Preview</a></center> 
Reflex επιτρέπει να προσθέσετε ένα Cover Flow αποτέλεσμα στις εικόνες στην ιστοσελίδα σας. Το script σας επιτρέπει να προσθέσετε μεμονωμένα σύνορα, tiltings και reflections στις εικόνες. 
Λειτουργεί με όλες τις μεγάλες μηχανές αναζήτησης - Mozilla Firefox 1.5 +, Opera 9 +, Safari και IE6 +. 
Για να δώσουμε στις εικόνες μας Cover Flow αποτέλεσμα κάνουμε τα εξής: 
Εισάγουμε στο πρότυπο μας πάνω από την ετικέτα </head> τον παρακάτω κώδικα: <div class="code"><div class="code_content"><script src='http://sites.google.com/site/mybloggerscripts/wooden_blog/reflex.js' type='text/javascript'/> </div></div>Και αποθηκεύετε το πρότυπο σας. 
Τώρα κάθε φορά που θα δημοσιεύετε τις φωτογραφίες σας πρέπει να χρησιμοποιήσετε class "reflex" ενεργοποίησης. Δείτε ένα παράδειγμα χρήσης: <div class="code"><div class="code_content"><div class="image"> 
<img alt="" class="reflex " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivdbBlQmZKxZZgXvaCwqAerdrQnnnx1yB-ojPw5cH5ch8Sg4dONevBw0oACTZX3OG5rfZ01gZSIrnLuObz-xtVwCb08eg2WUYLjibrcphi6Lj1fenHjz2QRYWZ27xWkIWSX4eqJ8Vfpbw/s320/none.jpg" width="200" /> 
</div> </div></div> <h4>class attributes‎</h4> 
Μπορείτε επίσης να προσθέσετε διαφορετικά class attributes‎ για διαφορετικά αποτελέσματα : <ol><li>Ενεργοποίηση class "reflex" </li>
<li>διαφοροποιεί την αντανάκλαση με την προσθήκη idistance ακολουθείται από το επιθυμητό height σε pixel: class "idistance" ( - min=0 max=100 default=0 ) </li>
<li>διαφοροποιεί την αντανάκλαση με την προσθήκη iheight ακολουθείται από το επιθυμητό height σε pixel: class "iheight" ( - min=10 max=100 default=33 ) </li>
<li>διαφοροποιεί την αντανάκλαση με την προσθήκη iopacity ακολουθούμενη από την επιθυμητή αδιαφάνεια σε ποσοστό: class "iopacity" ( - min=0 max=100 default=33 ) </li>
<li>διαφοροποιεί τα border με την προσθήκη iborder ακολουθείται από το επιθυμητό wide σε pixel: class "iborder" ( - min=0 max=100 default=0 ) </li>
<li>διαφοροποιεί το χρώμα στα border με την προσθήκη iColor ακολουθείται από το επιθυμητό χρώμα σε hex : class "icolor" ( - min=000000 max=ffffff default=f0f4ff ) </li>
<li>διαφοροποιοει το 3D Z-Tilt direction , προσθέτοντας ένα από τα ακόλουθα: class "itiltright" ή class "itiltnone" ή class "itiltleft" </li>
</ol> 
π.χ. <div class="image"><img src="images/left.jpg" width="200" class="reflex iopacity50" alt="" /></div> <h4>2oς Τρόπος: Instant picture</h4> <center><a class="button" href="/http://bloggertricstest.blogspot.com/2010/03/instant-picture.html" target="_blank" onclick="">Preview</a></center> 
Δίνει στις φωτογραφίες σας instant picture εφέ , επίσης μπορείτε να τις κάνετε να μοιάζουν σαν παλιές. Για να δώσουμε στις εικόνες μας instant picture αποτέλεσμα κάνουμε τα εξής : 
Εισάγουμε στο πρότυπο μας πάνω από το </head> τον παρακάτω κώδικα : <div class="code"><div class="code_content"><script src='http://sites.google.com/site/mybloggerscripts/wooden_blog/instant.js' type='text/javascript'/> </div></div> 
Και αποθηκεύετε το πρότυπο σας. 
Τώρα κάθε φορά που θα δημοσιεύετε τις φωτογραφίες σας πρέπει να χρησιμοποιηθεί class="instant" ενεργοποίησης. Δείτε ένα παράδειγμα χρήσης : <div class="code"><div class="code_content"><div class="image"> 
<img class="instant" src="images/ΧΧΧΧ.png" width="180" height="140" border="0" alt=""> 
</div> </div></div> <h4>class attributes‎ </h4> 
Μπορείτε επίσης να χρησιμοποιήσετε διαφορετικά class attributes‎ για διαφορετικά αποτελέσματα: 
1 . Ενεργοποίηση class="instant" 2. Προσθέστε σκιά, με την προσθήκη ishadow ακολουθούμενη με το επιθυμητο opacity σε ποσοστά : class "ishadow" ( - min=0 max=100 default=33 ) 
π.χ. class="instant ishadow40 " 
3 . διαφοροποιήστε το πλαίσιο, με την προσθήκη iColor ακολουθείται από το επιθυμητό χρώμα hex: class "icolor" ( - min=000000 max=ffffff default=f0f4ff ) π.χ. class="instant icolorFFFCE9 " 
4 . διαφοροποιήστε την κατεύθυνση κλίσης προσθέτοντας ένα από τα ακόλουθα: class "itiltleft" η "itiltnone" η "itiltright" π.χ. class="instant itiltleft" 
5 . αποτρέψτε τη σκίαση με την προσθήκη noshading: class "noshading" π.χ. class="instant noshading" 
6 . διαφοροποιήστε το σχεδιασμό των border design προσθέτοντας historical: class "historical" π.χ. class="instant historical" 
7 . Στρογγυλεμένες γωνίες με την προσθήκη nocorner: class "nocorner" 8 . διατηρήστε την αναλογία διαστάσεων εικόνας προσθέτοντας preserve : class "preserve" 
9 . διαφοροποιήστε το κείμενο σχόλιων με την προσθήκη itxtcol ακολουθείται από το επιθυμητό χρώμα ως hex: class "itxtcol" ( - min=000000 max=ffffff default=000000 ) 
10. Παράγει το κείμενο από alt χαρακτηριστικό προσθέτοντας itxtalt: class "itxtalt" 11. Παράγει το κείμενο από το χαρακτηριστικό title με την προσθήκη itxttitle : class "itxttitle" Παράδειγμα χρήσης συνδυάζοντας διαφορετικά class attributes‎ : <div class="code"><div class="code_content"><div class="image"> 
<img class="instant ishadow40 itiltleft icolorFFFCE9 historical" src="images/historical.jpg" width="400" height="400" border="0" title="onClick event" alt=""> 
</div> </div></div> <h4>3ος Τρόπος: filmed.</h4>filmed σας επιτρέπει να προσθέσετε λωρίδα φωτογραφικού φιλμ και σκιά στις εικόνες σας <a href="/http://picasaweb.google.com/109878937881440461891/Demo2?authkey=Gv1sRgCKS0mfHglu2_Dg#5443044278218883634" onclick=""><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGVIANiaQP5ZH7a-5P63KemX0-I7RouUGcWJ-sK0OzZU-UhxQwhAImMFbdR7aZf5yU-Oq0lwCasJLJOrShdS4_9jUokehQfeQO0gzKQaqqlpYLitmY8suY4oB-XNQcUVV2oYfKDxQu8xU/s1600/g.png" style="display: block; float: none; margin-left: auto; margin-right: auto;"></a> <center><a class="button" href="/http://bloggertricstest.blogspot.com/2010/03/filmed.html" target="_blank" onclick="">Preview</a></center> 
Για να δώσουμε στις εικόνες μας αυτό το αποτέλεσμα κάνουμε τα εξής : Εισάγουμε στο πρότυπο μας πάνω από το </head> τον παρακάτω κώδικα : <div class="code"><div class="code_content"><script src='http://sites.google.com/site/mybloggerscripts/wooden_blog/filmed.js' type='text/javascript'/> </div></div> 
Και αποθηκεύετε το πρότυπο σας 
Τώρα κάθε φορά που θα δημοσιεύετε τις φωτογραφίες σας πρέπει να χρησιμοποιηθεί class="filmed" ενεργοποίησης. Δείτε ενα παράδειγμα χρήσης : <div class="code"><div class="code_content"><div class="image"> 
<img src="images/test.jpg" width="150" height="100" class="filmed" alt="" /> 
</div> </div></div> <h4>class attributes‎</h4> 
Μπορείτε και σε αυτή την περίπτωση να βάλετε διαφορετικά class attributes‎ για διαφορετικά αποτελέσματα : 
1 .Ενεργοποίηση class "filmed" 2 . Διαφοροποιεί την ταινία με την προσθήκη iColor ακολουθείται από το επιθυμητό χρώμα ως hex: class "icolor" ( - min=000000 max=ffffff default=000000 ) 
3. Διαφοροποιεί την διαφάνεια με την προσθήκη istrip ακολουθούμενη από το επιθυμητό opacity σε ποσοστό: class "istrip" ( - min=0 max=100 default=100 ) 
4 . Διαφοροποιεί την αντανάκλαση , με την προσθήκη ishine ακολουθούμενη από το επιθυμητό opacity σε ποσοστά: class "ishine" ( - min=0 max=100 default=25 ) 
5 . Ρυθμίστε την σκιάση , με την προσθήκη ishadow ακολουθούμενη από το επιθυμητό opacity σε ποσοστά : class "ishadow" ( - min=0 max=100 default=33 ) 
6 . Προσθέστε softshadow : (χρήση σε μεγάλες εικόνες μόνο) class "softshadow" ( - default=false ) 
7 . Ρυθμίστε την σκίαση με την προσθήκη noshadow : class "noshadow" ( - default=false ) Παράδειγμα χρήσης συνδυάζοντας διαφορετικά class attributes‎ <div class="code"><div class="code_content"><div class="image"> 
<img src="images/girl.jpg" class="filmed istrip50 icolor402000" alt="" /> 
</div> </div></div><div align="center">ή</div><div class="code"><div class="code_content"><div class="image"> 
<img src="images/test.jpg" width="150" height="100" class="filmed icolor300000" alt="" /> 
</div> </div></div> 
Μπορείτε βεβαία να χρησιμοποιήσετε και τους 3 javascript κωδικούς μαζί στην ιδία σελίδα . 
Λοιπόν τι περιμένετε ?!!! Δώστε ζωή στις φωτογραφίες σας. 
Αν έχετε κάποια ερώτηση μπορείτε να αφήσετε τα σχόλια σας . 
Καλή σας επιτυχία !

Blogger Help Blogger Tutorials Image Effects JavaScript 3 Τρόποι για να κάνετε τις φωτογραφίες στο blog σας να ξεχωρίζουν με javascript.

Σήμερα θα δούμε μερικούς τρόπους για να κάνουμε τις εικόνες στο blog μας να τραβούν τα βλέμματα και να ξεχωρίζουν με πολύ απλά βήματα . ...

Διαβάστε περισσότερα »

UnderWater Bubbles Effect for your website.

9:18 μ.μ. LoneEagle 0

<a href="/https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTYWxW8NFqRauFTSA2BFYclYaEwbkIwtaziWazGPx7QZkEAaC5VhLNQ5o4MJDZTAPgaUc8agisQIagZVKVr3Gwx6chTeWzupJKC_j-sqzLB65RhUpFtBUalOo0Q5R7pwgyCAC0QyQAetU/s1600/UnderWater+Bubbles+Effect+for+your+website.jpg" onclick=""><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTYWxW8NFqRauFTSA2BFYclYaEwbkIwtaziWazGPx7QZkEAaC5VhLNQ5o4MJDZTAPgaUc8agisQIagZVKVr3Gwx6chTeWzupJKC_j-sqzLB65RhUpFtBUalOo0Q5R7pwgyCAC0QyQAetU/s680/UnderWater+Bubbles+Effect+for+your+website.jpg" width="auto"></a> Mετατρέψτε την ιστοσελίδα σας σε ενυδρείο τοποθετώντας ένα script το οποίο γεμίζει την οθόνη σας με φυσαλίδες αέρα, όπου ξεκινούν από το κάτω μέρος της σελίδας σας & "αναδύονται" έως την κορυφή. 
Πάμε να δούμε τον τρόπο τοποθέτησης του στον blogger. 
Σύνδεση στο Blogger --> Πίνακα ελέγχου σας --> Διάταξη --> Προσθήκη gadget και θα κοιτάξετε να βρείτε το HTML/JavaScript. <center><img oncontextmenu="return false" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvuzxKmxERSatjsUhAKE-btebpQ1EOXsTiusXzU7qPyrl95W2FDm_Cnkr5t_WX-5-__YBY_CJmhzOy1uWPJcpECs-ZyQWkA1ZyKLzA-a8E8vYiUUY9SDShyhJDgO5lyLM1gRhBH14J2oI/s1600/Html+JavaScript+gadget.jpg" width="auto"></center>Ανοίξτε το & ρίξτε τον παρακάτω κώδικα. <center><img oncontextmenu="return false" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqldwzrKrKovSi68e-9w0C1qcR36Yi46WRHP9WeehsmOc2ZHnjP2CpjU6HgiPnv3xJk80_9WvM4T21TdTr2tCQDw7b-AAKnUDafL_10Evpu2lLW45-v7nNZlnYgKei-pmQKpa6Pa7kpyc/s1600/Select+HTMLJavascript+gadget+and+paste+the+code+in+the+content+box.jpg" width="auto"></center><div class="code"><div class="code_content"> 
<script type="text/javascript"> 
// <![CDATA[ 
var colours=new Array("#C6EDFC", "#C6EDFC", "#C6EDFC", "#C6EDFC", "#C6EDFC"); 
var bubbles=100; 
var swide=800; 
var shigh=600; 
var bubb=new Array(); 
var bubbx=new Array(); 
var bubby=new Array(); 
var bubbs=new Array(); 
var boddie; 
function addLoadEvent(funky) { 
var oldonload=window.onload; 
if (typeof(oldonload)!='function') window.onload=funky; 
else window.onload=function() { 
if (oldonload) oldonload(); 
funky();}} 
addLoadEvent(bubba); 
function bubba() { if (document.getElementById) { 
var i, rats, div; 
boddie=document.createElement("div"); 
boddie.style.position="fixed"; 
boddie.style.top="0px"; 
boddie.style.left="0px"; 
boddie.style.overflow="visible"; 
boddie.style.width="1px"; 
boddie.style.height="1px"; 
boddie.style.backgroundColor="transparent"; 
document.body.appendChild(boddie); 
set_width(); 
for (i=0; i<bubbles; i++) { 
rats=createDiv("3px", "3px"); 
div=createDiv("auto", "auto"); 
rats.appendChild(div); 
div=div.style; 
div.top="1px"; 
div.left="0px"; 
div.bottom="1px"; 
div.right="0px"; 
div.borderLeft="1px solid "+colours[3]; 
div.borderRight="1px solid "+colours[1]; 
div=createDiv("auto", "auto"); 
rats.appendChild(div); 
div=div.style; 
div.top="0px"; 
div.left="1px"; 
div.right="1px"; 
div.bottom="0px" 
div.borderTop="1px solid "+colours[0]; 
div.borderBottom="1px solid "+colours[2]; 
div=createDiv("auto", "auto"); 
rats.appendChild(div); 
div=div.style; 
div.left="1px"; 
div.right="1px"; 
div.bottom="1px"; 
div.top="1px"; 
div.backgroundColor=colours[4]; 
if (navigator.appName=="Microsoft Internet Explorer") div.filter="alpha(opacity=50)"; 
else div.opacity=0.5; 
boddie.appendChild(rats); 
bubb[i]=rats.style;} 
bubble();}} 
function bubble() { 
var c; 
for (c=0; c<bubbles; c++) if (!bubby[c] && Math.random()<0.333) { 
bubb[c].left=(bubbx[c]=Math.floor(swide/6+Math.random()*swide/1.5)-10)+"px"; 
bubb[c].top=(bubby[c]=shigh)+"px"; 
bubb[c].width="3px"; 
bubb[c].height="3px" 
bubb[c].visibility="visible"; 
bubbs[c]=3; 
break;} 
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c); 
setTimeout("bubble()", 40);} 
function update_bubb(i) { 
if (bubby[i]) { 
bubby[i]-=bubbs[i]/2+i%2; 
bubbx[i]+=(i%5-2)/5; 
if (bubby[i]>0 && bubbx[i]>0 && bubbx[i]<swide) { 
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) { 
bubb[i].width=bubbs[i]+"px"; 
bubb[i].height=bubbs[i]+"px";} 
bubb[i].top=bubby[i]+"px"; 
bubb[i].left=bubbx[i]+"px";} 
else { 
bubb[i].visibility="hidden"; 
bubby[i]=0; 
return;}}} 
window.onresize=set_width; 
function set_width() { 
var sw_min=999999; 
var sh_min=999999; 
if (document.documentElement && document.documentElement.clientWidth) { 
if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth; 
if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;} 
if (typeof(self.innerWidth)=='number' && self.innerWidth) { 
if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth; 
if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;} 
if (document.body.clientWidth) { 
if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth; 
if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;} 
if (sw_min==999999 || sh_min==999999) { 
sw_min=800; 
sh_min=600;} 
swide=sw_min; 
shigh=sh_min;} 
function createDiv(height, width) { 
var div=document.createElement("div"); 
div.style.position="absolute"; 
div.style.height=height; 
div.style.width=width; 
div.style.overflow="hidden"; 
div.style.backgroundColor="transparent"; 
return (div);} 
// ]]> 
</script> 
 </div></div>Πατήστε Αποθήκευση & επιστρέψτε στη σελίδα σας. 
Αυτό ήταν!!! <blockquote>ΣΗΜΕΙΩΣΗ: 
Όλες οι ρυθμίσεις του αναλυτικά. 
var colours=new Array("#C6EDFC", "#C6EDFC", "#C6EDFC", "#C6EDFC", "#C6EDFC"); // το χρώμα στις φυσαλίδες 
var bubbles=100; // πόσες φυσαλίδες θα εμφανίζονται </blockquote> <h4>Σχετικές αναρτήσεις με εφέ για τον κέρσορα.</h4><table border="1" style="background-color:#B9C4D3" font-size:12px width="100%" cellpadding="2" cellspacing="2"><tr><td><a href="/http://loneeagle110.blogspot.com/2010/08/2.html" target="_blank" onclick="">1.) 2 Πονηρά ματάκια που ακολουθούν τον κέρσορα.</a></td><td><a href="/http://loneeagle110.blogspot.com/2010/05/blog-post_09.html" target="_blank" onclick="">2.) Μια εικόνα που ακολουθεί τον κέρσορα παντού!!!</a></td></tr><tr><td><a href="/http://loneeagle110.blogspot.com/2012/11/analogue-clock-effect-on-cursor-for.html" target="_blank" onclick="">3.) Analogue Clock Effect on Cursor for your website.</a></td><td><a href="/http://loneeagle110.blogspot.com/2012/11/digital-clock-effect-on-cursor-for-your.html" target="_blank" onclick="">4.) Digital Clock Effect on Cursor for your website.</a></td></tr></table> <marquee behavior="alternate" direction="left" scrollamount="3"><h2>ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!</h2></marquee>

Blogger Help Blogger Tutorials JavaScript UnderWater Bubbles Effect for your website.

M ετατρέψτε την ιστοσελίδα σας σε ενυδρείο τοποθετώντας ένα script το οποίο γεμίζει την οθόνη σας με φυσαλίδες αέρα, όπου ξεκινούν από το κ...

Διαβάστε περισσότερα »

Digital Clock Effect on Cursor for your website.

9:00 μ.μ. LoneEagle 0

<a href="/https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv3ia_xcxEvxrnu7hTDwRBFuZ18KTKqBvOOJqN0yFTKDdvGdQpAFipdiMRSjjvcjjjZOEwTXIhyKglQAMtS1lXz-GRbfAB9c4z14wn3eOj95s8H-LBs96_jAK3t1m3npUXwUE328OL-nE/s1600/Digital+Clock+Effect+on+Cursor.jpg" onclick=""><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv3ia_xcxEvxrnu7hTDwRBFuZ18KTKqBvOOJqN0yFTKDdvGdQpAFipdiMRSjjvcjjjZOEwTXIhyKglQAMtS1lXz-GRbfAB9c4z14wn3eOj95s8H-LBs96_jAK3t1m3npUXwUE328OL-nE/s680/Digital+Clock+Effect+on+Cursor.jpg" width="auto"></a> Μετά την ανάρτηση με το αναλογικό ρολόι, (Δείτε <a href="/http://loneeagle110.blogspot.com/2012/11/analogue-clock-effect-on-cursor-for.html" target="_blank" onclick="">εδώ</a>) συνεχίζουμε τον κύκλο των αναρτήσεων με το ψηφιακό. Ας μην χάνουμε χρόνο & πάμε να δούμε τον τρόπο τοποθέτησης του στον blogger. 
Σύνδεση στο Blogger --> Πίνακα ελέγχου σας --> Διάταξη --> Προσθήκη gadget και θα κοιτάξετε να βρείτε το HTML/JavaScript. <center><img oncontextmenu="return false" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvuzxKmxERSatjsUhAKE-btebpQ1EOXsTiusXzU7qPyrl95W2FDm_Cnkr5t_WX-5-__YBY_CJmhzOy1uWPJcpECs-ZyQWkA1ZyKLzA-a8E8vYiUUY9SDShyhJDgO5lyLM1gRhBH14J2oI/s680/Html+JavaScript+gadget.jpg" width="auto"></center>Ανοίξτε το & ρίξτε μέσα τον παρακάτω κώδικα. <center><img oncontextmenu="return false" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqldwzrKrKovSi68e-9w0C1qcR36Yi46WRHP9WeehsmOc2ZHnjP2CpjU6HgiPnv3xJk80_9WvM4T21TdTr2tCQDw7b-AAKnUDafL_10Evpu2lLW45-v7nNZlnYgKei-pmQKpa6Pa7kpyc/s680/Select+HTMLJavascript+gadget+and+paste+the+code+in+the+content+box.jpg" width="auto"></center><div class="code"><div class="code_content"> 
<script type="text/javascript"> 
// <![CDATA[ 
var colour="#1AFC00"; 
var clock_size=10; 
var clok; 
var cpos=0; 
var newx=xmo=400; 
var newy=ymo=300; 
window.onload=function() { if (document.getElementById) { 
clok=document.createElement("div"); 
clok.style.position="absolute"; 
clok.appendChild(createDigit("dig0")); 
clok.appendChild(createDigit("dig1")); 
clok.appendChild(createColon()); 
clok.appendChild(createDigit("dig2")); 
clok.appendChild(createDigit("dig3")); 
clok.appendChild(createColon("ms")); 
clok.appendChild(createDigit("dig4")); 
clok.appendChild(createDigit("dig5")); 
document.body.appendChild(clok); 
tick(); 
}} 
var digit=new Array(247, 146, 221, 219, 186, 235, 239, 210, 255, 251); 
function tick() { 
var now=new Date(); 
var t=Math.floor(now.getTime()/500)%2; 
var i, j, k; 
var won=oo(now.getHours())+oo(now.getMinutes())+oo(now.getSeconds()); 
for (i=0; i<6; i++) for (j=0; j<7; j++) { 
k=digit[won.substring(i, i+1)].toString(2).substring(j+1, j+2); 
document.getElementById("dig"+i+j).style.backgroundColor=(k==1)?colour:"transparent";} 
document.getElementById("mstop").style.backgroundColor=(t)?"transparent":colour; 
document.getElementById("msbot").style.backgroundColor=(t)?"transparent":colour; 
xmo+=Math.floor((newx-xmo)/4); 
clok.style.left=Math.round(xmo-(clock_size+2)*4)+"px"; 
ymo+=Math.floor((newy-ymo)/4); 
clok.style.top=Math.round(ymo-clock_size*2.5)+"px"; 
setTimeout("tick()", 40);} 
document.onmousemove=mouse; 
function mouse(e) { 
newy=(e)?e.pageY:event.y+scro(); 
newx=(e)?e.pageX:event.x;} 
function scro() { 
var scro=0; 
if (document.body.scrollTop) scro=document.body.scrollTop; 
else if (document.documentElement && document.documentElement.scrollTop) scro=document.documentElement.scrollTop; return (scro);} 
function oo(o) { return(((o<10)?"0"+o:o).toString()); } 
function createDigit(id) { 
var odiv=createDiv(0, cpos, clock_size+clock_size+2, clock_size+2, false); 
cpos+=clock_size+4; 
odiv.appendChild(createDiv(0, 1, 2, clock_size, id+"0")); 
odiv.appendChild(createDiv(1, 0, clock_size, 2, id+"1")); 
odiv.appendChild(createDiv(1, clock_size, clock_size, 2, id+"2")); 
odiv.appendChild(createDiv(clock_size, 1, 2, clock_size, id+"3")); 
odiv.appendChild(createDiv(clock_size+1, 0, clock_size, 2, id+"4")); 
odiv.appendChild(createDiv(clock_size+1, clock_size, clock_size, 2, id+"5")); 
odiv.appendChild(createDiv(clock_size+clock_size, 1, 2, clock_size, id+"6")); 
return (odiv);} 
function createColon(id) { 
var odiv=createDiv(0, cpos, clock_size+clock_size+2, 2, false); 
cpos+=4; 
var dot1=createDiv(4, 0, 3, 2, (id)?id+"top":false); 
dot1.style.backgroundColor=colour; 
odiv.appendChild(dot1); 
var dot2=createDiv(clock_size+clock_size-5, 0, 3, 2, (id)?id+"bot":false); 
dot2.style.backgroundColor=colour; 
odiv.appendChild(dot2); 
return (odiv);} 
function createDiv(top, left, height, width, id) { 
var div=document.createElement("div"); 
div.style.position="absolute"; 
div.style.top=top+"px"; 
div.style.left=left+"px"; 
div.style.height=height+"px"; 
div.style.width=width+"px"; 
div.style.overflow="hidden"; 
if (id) div.setAttribute("id", id); 
return (div);} 
// ]]> 
</script> 
 </div></div>Πατήστε Αποθήκευση & επιστρέψτε στη σελίδα σας. 
Αυτό ήταν!!! <blockquote>ΣΗΜΕΙΩΣΗ: 
Όλες οι ρυθμίσεις του αναλυτικά. 
var colour="#1AFC00"; // το χρώμα του ρολογιού 
var clock_size=10; // το μέγεθος του ρολογιού </blockquote> <h4>Σχετικές αναρτήσεις με εφέ για τον κέρσορα.</h4><table border="1" style="background-color:#B9C4D3" font-size:12px width="100%" cellpadding="2" cellspacing="2"><tr><td><a href="/http://loneeagle110.blogspot.com/2010/08/2.html" target="_blank" onclick="">1.) 2 Πονηρά ματάκια που ακολουθούν τον κέρσορα.</a></td><td><a href="/http://loneeagle110.blogspot.com/2010/05/blog-post_09.html" target="_blank" onclick="">2.) Μια εικόνα που ακολουθεί τον κέρσορα παντού!!!</a></td></tr><tr><td><a href="/http://loneeagle110.blogspot.com/2012/11/analogue-clock-effect-on-cursor-for.html" target="_blank" onclick="">3.) Analogue Clock Effect on Cursor for your website.</a></td><td><a href="/http://loneeagle110.blogspot.com/2012/11/underwater-bubbles-effect-for-your.html" target="_blank" onclick="">4.) UnderWater Bubbles Effect for your website.</a></td></tr></table><marquee behavior="alternate" direction="left" scrollamount="3"><h2>ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!</h2></marquee>

Blogger Help Blogger Tutorials JavaScript Digital Clock Effect on Cursor for your website.

Μ ετά την ανάρτηση με το αναλογικό ρολόι, (Δείτε εδώ ) συνεχίζουμε τον κύκλο των αναρτήσεων με το ψηφιακό. Ας μην χάνουμε χρόνο & πάμε ...

Διαβάστε περισσότερα »

Analogue Clock Effect on Cursor for your website.

9:30 μ.μ. LoneEagle 0

<a href="/https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCFrxCJKS90p06V_dqkKWucE0gBZmni9Gx2ukjgh9zlkZsxDcu_VLVQg43PJYvDowbiSpuNirUOxopCZGdqEH4aHGMPhieDJGtbsdTYRbuKqfJnR71BcSB0bnA0U_o2vilir1-L5QWf3c/s1600/Analogue+Clock+Effect+on+Cursor.jpg" onclick=""><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCFrxCJKS90p06V_dqkKWucE0gBZmni9Gx2ukjgh9zlkZsxDcu_VLVQg43PJYvDowbiSpuNirUOxopCZGdqEH4aHGMPhieDJGtbsdTYRbuKqfJnR71BcSB0bnA0U_o2vilir1-L5QWf3c/s840/Analogue+Clock+Effect+on+Cursor.jpg" width="auto"></a>Συνεχίζοντας τον κύκλο των αναρτήσεων με εφέ για τον κέρσορα. Θα σας παρουσιάσουμε ένα αναλογικό ρολόι που ακολουθεί τον κέρσορα σε κάθε σας κίνηση, ενώ παράλληλα σας δείχνει την ώρα. Ας μην χάνουμε χρόνο & πάμε να δούμε τον τρόπο τοποθέτησης του στον blogger. 
Σύνδεση στο Blogger --> Πίνακα ελέγχου σας --> Διάταξη --> Προσθήκη gadget και θα κοιτάξετε να βρείτε το HTML/JavaScript. <center><img oncontextmenu="return false" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvuzxKmxERSatjsUhAKE-btebpQ1EOXsTiusXzU7qPyrl95W2FDm_Cnkr5t_WX-5-__YBY_CJmhzOy1uWPJcpECs-ZyQWkA1ZyKLzA-a8E8vYiUUY9SDShyhJDgO5lyLM1gRhBH14J2oI/s840/Html+JavaScript+gadget.jpg" width="auto"></center>Ανοίξτε το & ρίξτε τον παρακάτω κώδικα. <center><img oncontextmenu="return false" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqldwzrKrKovSi68e-9w0C1qcR36Yi46WRHP9WeehsmOc2ZHnjP2CpjU6HgiPnv3xJk80_9WvM4T21TdTr2tCQDw7b-AAKnUDafL_10Evpu2lLW45-v7nNZlnYgKei-pmQKpa6Pa7kpyc/s1600/Select+HTMLJavascript+gadget+and+paste+the+code+in+the+content+box.jpg" width="auto"></center><div class="code"><div class="code_content"> 
<script type="text/javascript"> 
// <![CDATA[ 
var second_hand_colour="#FC000D"; 
var minute_hand_colour="#020633"; 
var hour_hand_colour="#020633"; 
var facia_colour="#EDF4FF"; 
var face_colour="#95B2D3"; 
var xoffset=60; 
var yoffset=60; 
var size=90; 
var facia=String.fromCharCode(9660)+" 1 2 "+String.fromCharCode(9668)+" 4 5 "+String.fromCharCode(9650)+" 7 8 "+String.fromCharCode(9658)+" 10 11"; // characters to use for face, starting at '12' position 
var clok; 
var newx=xmo=400; 
var newy=ymo=300; 
window.onload=function() { if (document.getElementById) { 
var i, j, k; 
clok=document.createElement("div"); 
clok.style.position="absolute"; 
if (face_colour!="transparent") for (i=0; i<size; i++) { 
j=createDiv(false, face_colour); 
if (document.all) j.style.filter="Alpha(Opacity=50)"; 
else j.style.opacity=0.5; 
k=size*Math.sqrt(i/size-Math.pow(i/size, 2)); 
j.style.left=size/2-k+"px"; 
j.style.top=i+"px"; 
j.style.height="1px"; 
j.style.width=k*2+"px"; 
clok.appendChild(j);} 
for (i=1; i<size/4; i++) { 
j=createDiv("sec"+i, second_hand_colour); 
j.style.height="2px"; 
j.style.width="2px"; 
clok.appendChild(j);} 
for (i=1; i<size/4; i++) { 
j=createDiv("min"+i, minute_hand_colour); 
j.style.height="3px"; 
j.style.width="3px"; 
clok.appendChild(j);} 
for (i=0; i<size/6; i++) { 
j=createDiv("hour"+i, hour_hand_colour); 
j.style.height="4px"; 
j.style.width="4px"; 
if (!i) j.style.top=j.style.left=size/2-2+"px"; 
clok.appendChild(j);} 
facia=facia.split(" "); 
for (i=0; i<12; i++) { 
j=createDiv(false, "transparent"); 
j.style.color=facia_colour; 
j.style.font="bold 10pt monospace"; 
j.style.overflow="visible"; 
j.appendChild(document.createTextNode(facia[i])); 
j.style.top=size/2-7-size/2*Math.cos(i*Math.PI/6)+"px"; 
j.style.left=size/2-5+size/2*Math.sin(i*Math.PI/6)+"px"; 
clok.appendChild(j);} 
document.body.appendChild(clok); 
tick(); 
tock();}} 
function tick() { 
var i, j; 
var now=new Date(); 
var sec=(now.getSeconds()+(now.getMilliseconds()%1000)/1000)*Math.PI/30; 
for (i=1; i<size/4; i++) { 
j=document.getElementById("sec"+i).style; 
j.left=size/2+2*i*Math.sin(sec)-1+"px"; 
j.top=size/2-2*i*Math.cos(sec)-1+"px";} 
xmo+=Math.floor((newx-xmo)/4); 
clok.style.left=xmo+"px"; 
ymo+=Math.floor((newy-ymo)/4); 
clok.style.top=ymo+"px"; 
setTimeout("tick()", 40);} 
function tock() { 
var i, j; 
var now=new Date(); 
var min=(now.getMinutes()+now.getSeconds()/60)*Math.PI/30; 
var hrs=(now.getHours()+now.getMinutes()/60)*Math.PI/6 
for (i=1; i<size/4; i++) { 
j=document.getElementById("min"+i).style; 
j.left=size/2+2*i*Math.sin(min)-1.5+"px"; 
j.top=size/2-2*i*Math.cos(min)-1.5+"px";} 
for (i=1; i<size/6; i++) { 
j=document.getElementById("hour"+i).style; 
j.left=size/2+2*i*Math.sin(hrs)-2+"px"; 
j.top=size/2-2*i*Math.cos(hrs)-2+"px";} 
setTimeout("tock()", 999);} 
document.onmousemove=mouse; 
function mouse(e) { 
newy=yoffset-size/2+((e)?e.pageY:event.y+scro()); 
newx=xoffset-size/2+((e)?e.pageX:event.x);} 
function scro() { 
var scro=0; 
if (document.body.scrollTop) scro=document.body.scrollTop; 
else if (document.documentElement && document.documentElement.scrollTop) scro=document.documentElement.scrollTop; 
return (scro);} 
function createDiv(id, bg) { 
var div=document.createElement("div"); 
div.style.position="absolute"; 
div.style.overflow="hidden"; 
div.style.backgroundColor=bg; 
if (id) div.setAttribute("id", id); 
return (div);} 
// ]]> 
</script> 
 </div></div>Πατήστε Αποθήκευση & επιστρέψτε στη σελίδα σας. 
Αυτό ήταν!!! <blockquote>ΣΗΜΕΙΩΣΗ: 
Όλες οι ρυθμίσεις του αναλυτικά. 
var second_hand_colour="#FC000D"; // χρώμα για τον δείτη του δευτερολέπτου 
var minute_hand_colour="#020633"; // χρώμα για τον λεπτοδείκτη 
var hour_hand_colour="#020633"; // χρώμα για τον ωροδείκτη 
var facia_colour="#EDF4FF"; // χρώμα για τις ώρες (αριθμοί) 
var face_colour="#95B2D3"; // χρώμα για τη πλάκα του ρολογιού 
var xoffset=60; // η οριζόντια απόσταση απο το κέρσορα 
var yoffset=60; // η κάθετη απόσταση από το κέρσορα 
var size=90; // μέγεθος ρολογιού </blockquote> <h4>Σχετικές αναρτήσεις με εφέ για τον κέρσορα.</h4><table border="1" style="background-color:#B9C4D3" font-size:12px width="100%" cellpadding="2" cellspacing="2"><tr><td><a href="/http://loneeagle110.blogspot.com/2010/08/2.html" target="_blank" onclick="">1.) 2 Πονηρά ματάκια που ακολουθούν τον κέρσορα.</a></td><td><a href="/http://loneeagle110.blogspot.com/2010/05/blog-post_09.html" target="_blank" onclick="">2.) Μια εικόνα που ακολουθεί τον κέρσορα παντού!!!</a></td></tr><tr><td><a href="/http://loneeagle110.blogspot.com/2012/11/underwater-bubbles-effect-for-your.html" target="_blank" onclick="">3.) UnderWater Bubbles Effect for your website.</a></td><td><a href="/http://loneeagle110.blogspot.com/2012/11/digital-clock-effect-on-cursor-for-your.html" target="_blank" onclick="">4.) Digital Clock Effect on Cursor for your website.</a></td></tr></table><marquee behavior="alternate" direction="left" scrollamount="3"><h2>ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!</h2></marquee>

Blogger Help Blogger Tutorials JavaScript Analogue Clock Effect on Cursor for your website.

Σ υνεχίζοντας τον κύκλο των αναρτήσεων με εφέ για τον κέρσορα. Θα σας παρουσιάσουμε ένα αναλογικό ρολόι που ακολουθεί τον κέρσορα σε κάθε σα...

Διαβάστε περισσότερα »

Dynamic Image Effect.

9:49 μ.μ. LoneEagle 0

<a href="/https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiytRhvCdZeJs4YcqtfJRxKI_v7ItHP2rfoWQAnv5eml4inzutwirkzEpVp4Yx7BcjenvyPhUamGZZ08C5nCLoUMld7-dNkpWalMqEoPQ_xP9yCTz89uSpYfFRT4oOiuGm0cgosgVx1tLc/s1600/Image+Effects_1.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" onclick=""><img alt="" border="0" id="BLOGGER_PHOTO_ID_5471924950206866626" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiytRhvCdZeJs4YcqtfJRxKI_v7ItHP2rfoWQAnv5eml4inzutwirkzEpVp4Yx7BcjenvyPhUamGZZ08C5nCLoUMld7-dNkpWalMqEoPQ_xP9yCTz89uSpYfFRT4oOiuGm0cgosgVx1tLc/s1600/Image+Effects_1.jpg" style="display:block; cursor:pointer; cursor:hand;width:autopx;"></a>Αυτό το gadgetάκι είναι ένας δυναμικός επιλογέας εικόνας που επιτρέπει στους επισκέπτες σας να δουνε μία-μία τις εικόνες μέσα από έναν κατάλογο επιλογής σας. Το περιχόμενο του κώδικα είναι δυναμικό, δεδομένου ότι οι εικόνες δεν ειναι απαραίτητο να είναι των ιδίων διαστάσεων, ένας περιορισμός που τα περισσότερα scripts εικόνων δε το έχουν. <center><img src="http://i46.tinypic.com/20p2crb.jpg"></center>Φανταστείτε ότι μπορείτε τώρα να έχετε μια λίστα από εικόνες διαφόρων διαστάσεων & να τις παρουσιάζετε κατά αυτόν τον τρόπο μέσα στο ιστολόγιο σας, για παράδειγμα τα banners των φίλων σας. Φυσικά αν είναι τις ιδίας διάστασης θα είναι πολύ πιο όμορφο το αποτέλεσμα, αλλά κοιτάξαμε να σας παρουσιάσουμε κάτι, που θα μπορεί να το διαμορφώσει κι ένα νέος blogger που δεν έχει ούτε τις στοιχειώδεις γνώσεις. Εσείς το μόνο που έχετε να κάνετε είναι να βρείτε τις εικόνες που θέλετε, να τις ανεβάσετε σε κάποιον image hosting, να πάρετε τα direct links και να τα προσθέσετε στα σημεία ( ....direct link image.... ) του παρακάτω κώδικα. 
Κατόπιν να προσθέσετε τους συνδέσμους ( τις διευθύνσεις από τα ιστολόγια των φίλων σας ) και να πατήσετε ΑΠΟΘΗΚΕΥΣΗ. Μπορείτε να προσθέσετε επιπλέον εικόνες εύκολα & γρήγορα αρκεί να συμπληρώσετε τις παρακάτω δύο γραμμές κώδικα, στα αντίστοιχα σημεία, για κάθε επιπλέον εικόνα. Το αντίθετο θα πράξετε στην περίπτωση αφαίρεσης συνδέσμων. <div class="code"><div class="code_content"><option value="....direct link image...." />....ο τίτλος της εικόνας..... </div></div><div class="code"><div class="code_content">description[....]="...Ο σύνδεσμος για την εικόνα..." </div></div>Στις "τελίτσες" [...] θα βάλετε το επόμενο νούμερο, κατά αύξοντα αριθμό, από την τελευταία σας εικόνα στην συγκεκριμένη περίπτωση το 5 στο επόμενο το 6 κτλ.... 
Ακόμα μπορείτε να παίξετε άφοβα ( γιατί δεν το έχετε περασμένο μέσα στο html σας, αλλά σε ξεχωριστό gadget, οπότε ότι λάθος κι αν κάνετε, δε θα επηρεάσει το ιστολόγιο σας, απλά δε θα φαίνεται σωστά το widget ) με διαστάσεις, περίγραμμα, πλάτος, ύψος...κι ότι άλλο σας έχω με χρώμα. 
Ένα πραγμα που θα πρέπει να προσέξετε στην περίπτωση που οι εικόνες σας δεν έχουν την ίδια διάσταση είναι, να έχετε επιλέξει το σωστό σημείο που θα περάσετε το gadget, έτσι ώστε να υπάρχει ο ανάλογος χώρος δίπλα του & να μην πέφτουν οι εικόνες στο άνοιγμα τους πάνω σε βιντεάκια & άλλα gadgets που συνήθως υπάρχουν στα ιστολόγια. 
Η διαδικασία εγκατάστασης είναι η εξής.... 
Ανοίγετε τον Πίνακα ελέγχου σας --> Διάταξη --> Προσθήκη gadget --> Eπιλογή Html/Jscript και κάνετε επικόλληση τον παρακάτω κώδικα. 
Αφού πρώτα έχετε περάσει τους συνδέσμους ( links ) για τις εικόνες σας & τα κείμενα. 
Και τέλος πατήστε ΑΠΟΘΗΚΕΥΣΗ κι είστε ΟΚ. <div class="code"><div class="code_content"> 
<form name="LoneEagleselector"> 
<table border="0" width="70%" cellspacing="0" cellpadding="0 height="100"><tr> 
<td width="55%" valign="top" align="left"> 
<select name="LoneEagleselector2" size="5" onchange="generateimage(this.options[this.selectedIndex].value)"> 
<option value="....direct link image...." selected />....ο τίτλος της εικόνας 1..... π.χ. Στάλες στο γαλάζιο 
<option value="....direct link image...." />....ο τίτλος της εικόνας 2..... 
<option value="....direct link image...." />....ο τίτλος της εικόνας 3..... 
<option value="....direct link image...." />....ο τίτλος της εικόνας 4..... 
<option value="....direct link image...." />....ο τίτλος της εικόνας 5..... 
</select> 
</td> 
<td width="65%" valign="top" align="left"><ilayer id="LoneEagle1" width=100% height=178><layer id="LoneEagle2" width=100% height=178><div id="LoneEagle3"></div></layer></ilayer></td> 
</tr> 
</table> 
</form> 
<script> 
var description=new Array() 
description[0]="...Ο σύνδεσμος για την εικόνα 1...π.χ. http://loneeagle110.blogspot.com/" 
description[1]="...Ο σύνδεσμος για την εικόνα 2..." 
description[2]="...Ο σύνδεσμος για την εικόνα 3..." 
description[3]="...Ο σύνδεσμος για την εικόνα 4..." 
description[4]="...Ο σύνδεσμος για την εικόνα 5..." 
var ie4=document.all 
var ns6=document.getElementById 
var tempobj=document.LoneEagleselector.LoneEagleselector2 
if (ie4||ns6) 
var contentobj=document.getElementById? document.getElementById("LoneEagle3"): document.all.LoneEagle3 
function generateimage(which){ 
if (ie4||ns6){ 
contentobj.innerHTML='<center>Loading image...</center>' 
contentobj.innerHTML='<center><img style="cursor:pointer;" onclick=\'javascript:window.open(""+description[tempobj.options.selectedIndex]+"");\' src="'+which+'"> '+description[tempobj.options.selectedIndex]+'</center>' } 
else if (document.layers){ 
document.LoneEagle1.document.LoneEagle2.document.write('<center><img style="cursor:pointer;" onclick=\'javascript:window.open(""+description[tempobj.options.selectedIndex]+"");\' src="'+which+'"> '+description[tempobj.options.selectedIndex]+'</center>') 
document.LoneEagle1.document.LoneEagle2.document.close() } 
else 
alert('You need NS 4+ or IE 4+ to view the images!') } 
function generatedefault(){ 
generateimage(tempobj.options[tempobj.options.selectedIndex].value) } 
if (ie4||ns6||document.layers){ 
if (tempobj.options.selectedIndex!=-1){ 
if (ns6) 
generatedefault() 
else 
window.onload=generatedefault } 
} 
</script> 
 </div></div><marquee behavior="alternate" direction="left" scrollamount="3"><h2>ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!</h2></marquee>

Blogger Help Blogger Tutorials Image Effects JavaScript Dynamic Image Effect.

Α υτό το gadgetάκι είναι ένας δυναμικός επιλογέας εικόνας που επιτρέπει στους επισκέπτες σας να δουνε μία-μία τις εικόνες μέσα από έναν κα...

Διαβάστε περισσότερα »

Multi Colored Popular Post Widget In Blogger v3.

8:00 μ.μ. LoneEagle 0

<a href="/https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDN6AmCJBLry5q5kXpmlEkGt-uBG8xXGmmHT_qwdyDfzsiRE0LdBYcPLa9S_ll8is2TEf2U-tLkZ5xSfGcp49MxTWnU1cfgyMo2fLsONLTsOCByCN-zc6QDg1UlGQ1GNrIHyo6aOFH49c/s1600/Multi+Colored+Popular+Post+Widget+In+Blogger+v3.png" onclick=""><img alt="" border="0" id="BLOGGER_PHOTO_ID_5778061584107721650" oncontextmenu="return false" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDN6AmCJBLry5q5kXpmlEkGt-uBG8xXGmmHT_qwdyDfzsiRE0LdBYcPLa9S_ll8is2TEf2U-tLkZ5xSfGcp49MxTWnU1cfgyMo2fLsONLTsOCByCN-zc6QDg1UlGQ1GNrIHyo6aOFH49c/s400/Multi+Colored+Popular+Post+Widget+In+Blogger+v3.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 220px;"></a>Ακόμα ένα σχέδιο για τις Δημοφιλείς αναρτήσεις στον blogger. 
Η διαφορά του με την 2η έκδοση (V2) είναι ότι ΔΕΝ χρησιμοποιεί την μικρογραφία εικόνας & ότι έχει διαφορετικό σχέδιο στην εμφανισή του. 
Ας πάμε να το δούμε λοιπόν πως θα το περάσετε στο ιστολόγιο σας: 
Αφού κρατήσετε ένα backup του template σας καλού-κακού.... <center><img oncontextmenu="return false" src="http://i41.tinypic.com/t0rt5x.jpg"></center>Θα πάτε στον Πίνακα ελέγχου σας --> Πρότυπο --> και θα κοιτάξετε να βρείτε τον παρακάτω κώδικα με Ctrl + F.... <div class="code"><div class="code_content">]]></b:skin> </div></div>Μόλις το βρείτε θα πάτε στην αμέσως προυγούμενη γραμμή & θα προσθέστε τον παρακάτω κώδικα. <div class="code"><div class="code_content"> 
#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none} 
#PopularPosts1 ul li a {-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;color:#000;display:block;font-family:Georgia,'Times New Roman',Times, serif;font-weight:bold;font-size:12px;font-style:normal;font-variant:normal;letter-spacing:normal;line-height:18px;margin:0px 40px 0px 0px;min-height:30px;orphans:2;padding:0px;text-align:-webkit-auto;text-decoration:none !important;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;} 
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px} 
#PopularPosts1 ul li:first-child:after, 
#PopularPosts1 ul li:first-child + li:after, 
#PopularPosts1 ul li:first-child + li + li:after, 
#PopularPosts1 ul li:first-child + li + li + li:after, 
#PopularPosts1 ul li:first-child + li + li + li + li:after, 
#PopularPosts1 ul li:first-child + li + li + li + li + li:after, 
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after, 
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after, 
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after, 
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #fff;background:#000;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff} 
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#db0f6c;width:90%} 
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"} 
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#7903d1;width:90%} 
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"} 
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#c403bc;width:90%} 
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"} 
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#86480d;width:90%} 
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"} 
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#1fdba7;width:90%} 
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"} 
#PopularPosts1 ul li:first-child + li + li + li + li{background:#12bff7;width:90%} 
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"} 
#PopularPosts1 ul li:first-child + li + li + li{background:#b4ea31;width:90%} 
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"} 
#PopularPosts1 ul li:first-child + li + li{background:#fad331;width:90%} 
#PopularPosts1 ul li:first-child + li + li:after{content:"3"} 
#PopularPosts1 ul li:first-child + li{background:#fa5224; width:90%} 
#PopularPosts1 ul li:first-child + li:after{content:"2"} 
#PopularPosts1 ul li:first-child{background:#fc272e ;width:90%} 
#PopularPosts1 ul li:first-child:after{content:"1"} 
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none} 
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:20px 0px 20px 0px;border:2px solid #fff;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow:3px 3px 3px #000;padding:10px} 
 </div></div>Θα πατήσετε ΑΠΟΘΗΚΕΥΣΗ του προτύπου & θα πάτε --> Διάταξη --> Προσθήκη gadget --> και θα βρείτε το Δημοφιλείς αναρτήσεις ή Popular Posts. <center><img oncontextmenu="return false" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQcPGtWzhVv7fFRMedW4NGZlkLnVIs5Uq9k-loVcdRC5bx2IZ_vMOozmfuGl0oDkOystHM7dnjnUfK8jHTe6M6UXBWrX910Kp3RSfEXqE7e2Slm6qD10xWBUtfzJRaTDfgXgL_gUFNW1g/s1600/Popular+Posts..jpg" width="500"></center>Τέλος θα πατήσετε ΑΠΟΘΗΚΕΥΣΗ & μέσα απο την Διάταξη θα σύρετε το gadget στο σημείο που θέλετε να εμφανίζεται & θα πατήσετε ξανά ΑΠΟΘΗΚΕΥΣΗ ΔΙΑΤΑΞΗΣ. 
Αυτό ήταν ! <blockquote>Παρατηρήσεις για τις ρυθμίσεις του gadget. <center><img oncontextmenu="return false" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitLx7pdVGbO3FELyAlzj6sIVe2xCgAqYbTzMu365JkixXVcCogrZuuL65kIpfppuKyK9pr_K18pPlqD50U6lq5aOe07Lf81qRYV5sb0Ml-mazduDa9TRp5UvMXlM2kSNJULp_to5a93f8/s1600/Popular+Post+Widget+Settings.jpg" width="500"></center>Στις ρυθμίσεις για Περισσότερες προβολές: 
α) προτιμήστε να "παίξετε" με τις δύο τελευταίες επιλογές, δηλ. Τελευταίες 30 ημέρες ή Τελευταίες 7 ημέρες. 
β) Θα πρέπει να προσέξετε το σημείο "Προβολή έως και 10 αναρτήσεων" όπου το μεγαλύτερο νούμερο εμφάνισης θα πρέπει να είναι ο αριθμός 10. 
Και στις ρυθμίσεις για την Εμφάνιση: 
γ) Θα ξετσεκάρετε το δύο κουτάκια που λένε: "Μικρογραφία εικόνας" & "απόσπασμα" </blockquote> 
Σχετική Ανάρτηση: <a href="/http://loneeagle110.blogspot.com/2012/07/multi-colored-popular-post-widget-with.html" target="_blank" onclick="">Multi Colored Popular Post Widget With Hover Effect In Blogger V2</a>. <marquee behavior="alternate" direction="left" scrollamount="3"><h2>ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!</h2></marquee>

Blogger Help Blogger Tutorials JavaScript Multi Colored Popular Post Widget In Blogger v3.

Ακόμα ένα σχέδιο για τις Δημοφιλείς αναρτήσεις στον blogger. Η διαφορά του με την 2η έκδοση (V2) είναι ότι ΔΕΝ χρησιμοποιεί την μικρογραφία...

Διαβάστε περισσότερα »

Animated Flying Twitter Bird Widget for Blogger, WordPress & Joomla.

3:00 μ.μ. LoneEagle 0

<a href="/https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhWMb1028lXsLGcu_ueOZhArcQsPcdw-wTwT5QafODimRJ7GbwCze_uwvFTZUmEegVq7y02Mt77FIt6fMXMpO1YGlzZS1AHyPAo5BTNQ4hJROiq9K3MbdRLf-hZqCMgO9Pv-FuV_phF8w/s1600/Animated+Flying+Twitter+Bird+Widget.png" onclick=""><img alt="" border="0" id="BLOGGER_PHOTO_ID_5765329958487875314" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhWMb1028lXsLGcu_ueOZhArcQsPcdw-wTwT5QafODimRJ7GbwCze_uwvFTZUmEegVq7y02Mt77FIt6fMXMpO1YGlzZS1AHyPAo5BTNQ4hJROiq9K3MbdRLf-hZqCMgO9Pv-FuV_phF8w/s400/Animated+Flying+Twitter+Bird+Widget.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 289px; height: 400px;"></a>Το Twitter δημιουργήθηκε ως μια κοινωνική πλατφόρμα μικρο-blogging. Τι σημαίνει αυτό....Κοινωνική: Γιατί σου επιτρέπει να έρθεις σε επαφή και να αλληλεπιδράσεις με άλλα μέλη του, που μπορεί να έχετε κάτι κοινό. Μικρο-blogging: Γιατί μπορείς να γράψεις την κατάστασή σου μέσα σε 140 χαρακτήρες και χωρίς εικόνες ή άλλα media μέσα. 
Έτσι γίνετε πολύ πιο εύκολο να γράψεις κάτι, από το να ετοιμάσεις ένα blog post για το wordpress ή το blogger. Στην πορεία όμως, το Twitter έγινε και άλλα πράγματα, όπως μέρος προώθησης ιδεών, προϊόντων και νέων και φυσικά εξελίχθηκε σε μια πλατφόρμα asynchronous Chat, όπου η συζήτηση μπορεί να εξελιχθεί σε μεγαλύτερη διάρκεια, αλλά και με περισσότερα άτομα απ' ότι ένα κλασικό Chat. Η προώθηση των νέων γίνετε σε κλάσματα δευτερολέπτου από την δημοσιογραφία των πολιτών. Προώθηση προϊόντων και υπηρεσιών γίνετε με διάφορους τρόπους. 
Προώθηση ιδεών και πολιτικών απόψεων όπως ο Barack Obama στις πρόσφατες προεδρικές εκλογές των Η.Π.Α., αλλά και πολλοί Έλληνες πολιτικοί και άτομα με πολιτική άποψη, που δε τους αναφέρω εδώ για ευνόητους λόγους, αλλά δεν είναι δύσκολο να τους βρείτε. <blockquote>Λίγα βασικά tips για όσους ξεκινάνε τώρα: 
* Tweet λέμε το κείμενο που βάλαμε εμείς ή κάποιος άλλος στο twitter. 
* Twitters είναι όλοι όσοι χρησιμοποιούν το twitter. 
* Followers είναι όσοι μας ακολουθούν (διαβάζουν τα μηνύματα που γράφουμε) 
* Following είναι όσοι ακολουθούμε εμείς (διαβάζουμε στην κεντρική μας σελίδα αυτά που γράφουν) 
* τα rewteet όταν θέλουμε να προωθήσουμε κάποιο tweet που μας φένεται ενδιαφέρον και πιστεύουμε ότι θα φανεί χρήσημο στους άλλους κάνουμε ReTweet βάζοντας RT @όνομα_αυτού_που_έκανε_το_αρχικό_tweet 
* Για να απαντήσουμε σε κάποιον βάζουμε το @ μπροστά από το username του ή πατάμε στο βελάκι δίπλα στο tweet του. 
* Βάζουμε #θέμα όταν θέλουμε να πούμε κάτι για ένα συγκεκριμένο θέμα. (περισσότερα για το # εδώ) 
* Πρώτα βάζουμε μερικά updates δικά μας, και μετά ακολουθάμε άλλους. Έτσι θα μας ακολουθήσουν κι αυτοί ευκολότερα . Θα καταλάβουν ότι δεν είμαστε απλά ένα bot. 
* Αν κάνουμε προώθηση προϊόντων ή υπηρεσιών πρέπει πρώτα να αποφασίσουμε αν θα ακολουθήσουμε κάποιους ή όχι. Αν αποφασίσουμε να ακολουθούμε θα πρέπει να το κάνουμε για όλους όσους μας προσθέτουν. 
* Αν είμαστε εταιρεία ή υπηρεσία θα πρέπει να ξέρουμε ότι το twitter έχει αλληλεπίδραση. Θα πρέπει να τσεκάρουμε συχνά για απαντήσεις ή προσωπικά μηνύματα προς εμάς και να απαντάμε. 
* Αν είναι προσωπικός ακολουθούμε όσους αντέχουμε να διαβάζουμε 
Συντομεύσεις & Ερμηνείες: 
RT = Retweet. 
PRT = Partial Retweet / Please Retweet. 
OH = Overheard. 
DM = Direct Message. 
@: Reply to [username]. 
BTW: By The Way 
FTW = For The Win. 
FTL = For The Loss. 
IRL = In Real Life. 
FTF = Face to Face. 
IMHO = In My Honest Opinion. 
YMMV = Your Mileage May Vary. 
BR = Best Regards. 
b/c = because. 
JV = Joint Venture. 
LMK = Let Me Know. </blockquote> 
Σήμερα θα σας δείξουμε πως να προσθέσετε στη σελίδα σας το πτηνό αυτό, που θα δίνει ζωντάνια & κίνηση στη σελίδα σας & ταυτόχρονα την δυνατότητα στους επισκέπτες σας να διαμοιράζουν τα άρθρα σας στους φίλους τους, μόνο μ' ένα "κλικ". Ας πάμε να το δούμε λοιπόν πως θα το περάσετε στο ιστολόγιο σας, στο Blogger: 
Αφού κρατήσετε ένα backup του template σας καλού-κακού.... 
Θα πάτε στον Πίνακα ελέγχου σας --> Πρότυπο --> και θα κοιτάξετε να βρείτε τον παρακάτω κώδικα με Ctrl + F.... <div class="code"><div class="code_content"></body> </div></div>Θα πάτε στην αμέσως προυγούμενη γραμμή & θα προσθέσετε όποιον κώδικα από τους δύο σας καλύπτει. Για να εμφανίζεται σε όλες τις σελίδες: <div class="code"><div class="code_content"> 
<script type="text/javascript" src="http://scriptsrb.googlecode.com/files/le-tripleflap.js"></script> 
<script type="text/javascript"> 
var twitterAccount = "....το UserName σας στο twitter...."; 
var tweetThisText = " <data:blog.pageTitle/>: <data:blog.url/> "; 
tripleflapInit(); 
</script> 
 </div></div>Για να εμφανίζεται μόνο στις σελίδες των αναρτήσεων: <div class="code"><div class="code_content"> 
<b:if cond='data:blog.pageType == "item"'> 
<script src='http://scriptsrb.googlecode.com/files/le-tripleflap.js' type='text/javascript'/> 
<script type='text/javascript'> 
var twitterAccount = "....το UserName σας στο twitter...."; 
var tweetThisText = " <data:post.title/> ~ <data:post.Url/> "; 
tripleflapInit();</script> 
</b:if> 
 </div></div>Τέλος, θα κάνετε προεπισκόπηση του προτύπου σας κι αν δεν σας βγάλει κάποιο λάθος θα πατήσετε ΑΠΟΘΗΚΕΥΣΗ. 
Αυτό ήταν!!! <center><img oncontextmenu="return false" src="http://i54.tinypic.com/148nz5.jpg"></center>Για τους χρήστες της πλατφόρμας του WordPress: <center><a href="/http://wordpress.org/extend/plugins/anmiated-twitter-bird/" target="_blank" onclick=""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFNk0sXwGZKL8A1nMOmecwbl7d1hDy9xgoMwdhIm5JP2_7t14N27eG8BY1rNrWkIzmTWALZpW0SWo9Ss6apJf7XeVtk3mXnhLfTmF79CkEVFAlOkRf6jOYTNYVwHuCJEfU0CtCTiCdeWc/s1600/TryItLE.png"></a> <img oncontextmenu="return false" src="http://i54.tinypic.com/148nz5.jpg"></center>Για Joomla: <center><a href="/http://www.joomlaos.de/Joomla_CMS_Downloads/Joomla_Module/JTwitter.html" target="_blank" onclick=""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFNk0sXwGZKL8A1nMOmecwbl7d1hDy9xgoMwdhIm5JP2_7t14N27eG8BY1rNrWkIzmTWALZpW0SWo9Ss6apJf7XeVtk3mXnhLfTmF79CkEVFAlOkRf6jOYTNYVwHuCJEfU0CtCTiCdeWc/s1600/TryItLE.png"></a></center>Στην περίπτωση που θέλετε να κατεβάσετε τα αρχεία του & να τα ανεβάσετε σε δικό σας server: <center><a href="/http://floern.com/softwareData/download.php?id=6" target="_blank" onclick=""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFNk0sXwGZKL8A1nMOmecwbl7d1hDy9xgoMwdhIm5JP2_7t14N27eG8BY1rNrWkIzmTWALZpW0SWo9Ss6apJf7XeVtk3mXnhLfTmF79CkEVFAlOkRf6jOYTNYVwHuCJEfU0CtCTiCdeWc/s1600/TryItLE.png"></a></center><marquee behavior="alternate" direction="left" scrollamount="3"><h2>ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!</h2></marquee>

Animated Flying Twitter Bird Widget for Blogger, WordPress & Joomla.

Blogger Help Blogger Tutorials JavaScript Joomla Tutorials Twitter Wordpress Tutorials Animated Flying Twitter Bird Widget for Blogger, WordPress & Joomla.

Το Twitter δημιουργήθηκε ως μια κοινωνική πλατφόρμα μικρο-blogging. Τι σημαίνει αυτό....Κοινωνική: Γιατί σου επιτρέπει να έρθεις σε επαφή κα...

Διαβάστε περισσότερα »

Top Commentators Cloud Widget For Blogger.

2:00 μ.μ. LoneEagle 0

<a href="/https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSgFubZLmnrB9P0Ch8F4b0kRM2j5glphY2mWJrFMor3cawCuPSPlaqZR50kMjBQ7Q8rv9ghSoYREXm59-EoJ4i5xqli6Qc7mxR_69YZR5Sg90_1f7Jftl-ruUiqKgd5vGaUdSLax44bVY/s1600/Top+Commentators+Cloud+Widget+For+Blogger.png" onclick=""><img alt="" border="0" id="BLOGGER_PHOTO_ID_5757993443039279874" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSgFubZLmnrB9P0Ch8F4b0kRM2j5glphY2mWJrFMor3cawCuPSPlaqZR50kMjBQ7Q8rv9ghSoYREXm59-EoJ4i5xqli6Qc7mxR_69YZR5Sg90_1f7Jftl-ruUiqKgd5vGaUdSLax44bVY/s400/Top+Commentators+Cloud+Widget+For+Blogger.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 220px;"></a>Μ'αυτό το widget θα βλέπετε τους σχολιαστές του ιστολογίου σας σε μορφή "σύννεφου". 
Θυσιάστε ένα Html/JavaScript Gadget στην πλαινή σας στήλη για την προβολή των σχολιαστών-φίλων.Είναι το λιγότερο που μπορείτε να κάνετε γι' αυτούς που σας τιμούν κατά αυτόν τον τρόπο. Η διαδικασία εγκατάστασης είναι πανεύκολη ! ! ! 
Ας πάμε να το δούμε λοιπόν πως θα τα βάλετε στο ιστολόγιο σας: <center><img oncontextmenu="return false" src="http://i41.tinypic.com/t0rt5x.jpg"></center>Θα πάτε στον Πίνακα ελέγχου σας --> Διάταξη --> Προσθήκη gadget και θα κοιτάξετε να βρείτε το HTML/JavaScript. <center><img oncontextmenu="return false" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvuzxKmxERSatjsUhAKE-btebpQ1EOXsTiusXzU7qPyrl95W2FDm_Cnkr5t_WX-5-__YBY_CJmhzOy1uWPJcpECs-ZyQWkA1ZyKLzA-a8E8vYiUUY9SDShyhJDgO5lyLM1gRhBH14J2oI/s1600/Html+JavaScript+gadget.jpg" width="500"></center>Κάντε αντιγραφή τον παρακάτω κώδικα και επικολλήστε τον μέσα στο HTML/JavaScript. <center><img oncontextmenu="return false" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqldwzrKrKovSi68e-9w0C1qcR36Yi46WRHP9WeehsmOc2ZHnjP2CpjU6HgiPnv3xJk80_9WvM4T21TdTr2tCQDw7b-AAKnUDafL_10Evpu2lLW45-v7nNZlnYgKei-pmQKpa6Pa7kpyc/s1600/Select+HTMLJavascript+gadget+and+paste+the+code+in+the+content+box.jpg" width="500"></center><div class="code"><div class="code_content"> 
<div style="text-align:justify;line-height:1.2;"> 
<script type="text/javascript"> 
function cCloud(feed) { 
max = 0; 
min = 10000; 
//finding highest and lowest count 
for (i=0;i<feed.count;i++){ 
ccCount = feed.value.items[i].commentcount * 1; 
if (ccCount > max){ 
max = ccCount;} 
if (ccCount < min){ 
min = ccCount;} } 
ccCountD = ""; 
display = ""; 
for (j=0;j<feed.count;j++){ 
ccdiff = feed.value.items[j].commentcount - min; 
ccFontsize = 80 + (ccdiff * 100) / (max - min) + "%"; 
ccUrl = "'" + feed.value.items[j].authorurl + "'"; 
ccCountD = "(" + feed.value.items[j].commentcount + ")";//comment count 
ccName = feed.value.items[j].title + ccCountD; 
ccLName = "<a style='font-size:" + ccFontsize + "' href=" + ccUrl + " target='_blank'>" + ccName + "</a>";//clickable commentator name 
display = display + ccLName + " ";} 
document.write(display);} 
</script> 
<script src="http://pipes.yahoo.com/pipes/pipe.run? YourBlogUrl=http://loneeagle110.blogspot.com/ &Exclusions=Anonymous &ShowHowMany=30 &Order=alphabet &_callback=cCloud 
&_id=cfa196644e1d6159c9183548c4b5e2f5 
&_render=json" 
type="text/javascript"></script>Get this widget from <a href="http://loneeagle110.blogspot.com/2012/08/top-commentators-cloud-widget-for.html" target="_blank">here</a></div> 
 </div></div>Πατήστε ΑΠΟΘΗΚΕΥΣΗ του gadget. 
Και μέσα από την Διάταξη θα το σύρετε στο σημείο που θέλετε να εμφανίζεται. 
Αυτό ήταν ! <blockquote>Επεξήγηση Κώδικα: YourBlogUrl=...Την διεύθυνση του blog σας... &Exclusions=...τα ονόματα που θέλετε να μην εμφανίζονται χωρισμένα με κόμα (,)... &ShowHowMany=...πόσοι σχολιαστές-ονόματα θέλετε να εμφανίζονται... &Order=...τρόπος εμφάνισης σχολιαστών-ονόματων... &_callback=...σχέδιο εμφάνισης widget... </blockquote> <marquee behavior="alternate" direction="left" scrollamount="3"><h2>ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!</h2></marquee>

Blogger Help Blogger Tutorials JavaScript Top Commentators Cloud Widget For Blogger.

Μ'αυτό το widget θα βλέπετε τους σχολιαστές του ιστολογίου σας σε μορφή "σύννεφου". Θυσιάστε ένα Html/JavaScript Gadget στην ...

Διαβάστε περισσότερα »

Στάλες στο γαλάζιο ®

BlueBlack Horizontal SubMenu (No 71) by LoneEagle.

Magic Sparkle Effect on Cursor for your website.

3 Τρόποι για να κάνετε τις φωτογραφίες στο blog σας να ξεχωρίζουν με javascript.

UnderWater Bubbles Effect for your website.

Digital Clock Effect on Cursor for your website.

Analogue Clock Effect on Cursor for your website.

Dynamic Image Effect.

Multi Colored Popular Post Widget In Blogger v3.

Animated Flying Twitter Bird Widget for Blogger, WordPress & Joomla.

Top Commentators Cloud Widget For Blogger.

Τι να κάνετε για να μη χάνετε τα νέα του Στάλες στο γαλάζιο ® στο Facebook...!!!

Δείτε το βίντεο & κάντε SUBSCRIBE στο κανάλι μου...!!!

Popular Posts

Tags

Router's Pass

Μια ιστοσελίδα με τα default κλειδιά για κάθε μάρκα και μοντέλο router.

Get ever article right into your inbox.
We will ensure your privacy and can be unsubscribed anytime.

Τι να κάνετε για να μη χάνετε τα νέα του Στάλες στο γαλάζιο ® στο Facebook...!!!

Δείτε το βίντεο & κάντε SUBSCRIBE στο κανάλι μου...!!!

Μια ιστοσελίδα με τα default κλειδιά για κάθε μάρκα και μοντέλο router.

Get ever article right into your inbox. We will ensure your privacy and can be unsubscribed anytime.

Get ever article right into your inbox.
We will ensure your privacy and can be unsubscribed anytime.