tag:blogger.com,1999:blog-81105350906242981232024-02-18T20:36:49.216-08:00Blogger Tips and Tricksfbtemplateshttp://www.blogger.com/profile/06148487046849996982noreply@blogger.comBlogger205125tag:blogger.com,1999:blog-8110535090624298123.post-49463793875582541622012-04-07T08:00:00.002-07:002012-04-07T08:00:47.750-07:00Sticky bar recend posts widget for Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
Λαμβάνω τον τελευταίο καιρό πολλά μηνύματα από επισκέπτες που ψάχνουν διάφορα gadgets για ιστολόγια ενημερωτικού περιεχομένου. Αυτό το gadget ενδείκνυται για τέτοιου τύπου Blogs. Εμφανίζεται στο πάνω μέρος της οθόνης και δίνει τη δυνατότητα στον επισκέπτη να την κλείνει, αν τον ενοχλεί.<br />
Ακολουθήστε τα παρακάτω βήματα για να το βάλετε στη Σελίδα σας (αν το θέλετε):<br />
<div style="text-align: left;">
</div>
<ul style="text-align: left;">
<li>Σύνδεση στον Blogger </li>
<li>Διάταξη / Προσθήκη gadget</li>
<li>Επικολλήστε τον παρακάτω κώδικα:</li>
</ul>
<pre style="background-attachment: initial; background-clip: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxv9qeQ9L75D5TJY9tEkRjDdTiWFRzY5KU_3kJ2gHzJfOW1D1afsAtF025DVO_cqLvkvJwkvcSWmgllvgCK_iosQw0qPLnWkmw_FcmXVOzQEdIjEa0bVmlvTmCjOrOss4N6x8XAvqlAzD5/s1600/pre_code_bg.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; color: black; height: 50px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 35px; padding-right: 5px; padding-top: 5px; width: 540px; word-wrap: normal;"><span style="font-size: large;"><span style="background-color: initial;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script style="" src="http://yourjavascript.com/183274092/[www.bloggertipsandtriicks.net]RecendPostsStickybar.txt.js"></script><script src="http://yourjavascript.com/029190814/[www.bloggertipsandtriicks.net]jQuerystickybar.txt.js"></script><style>#md-stickybar{background:#000000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOE_VJEROaFrMbljFd33mSbaEdFsPzf4al-vuml8wDwk6XK5mNHRrHNQGLMCpJM_C9x6p_Uy3N0Wj8hcLxKpqW_yTRSQL8YhdDH0NKVdavCjhoEG9odz5BTtVtBRGD5SkAKDnJuf9b0Vg/s400/stickybar.png') repeat-x;width:100%;margin:0 auto;text-align:center;padding:0px 0;top:0px;color:#F40045;border-bottom:2px solid #000;/*box-shadow*/-webkit-box-shadow:#666666 0px 1px 3px;-moz-box-shadow:#666666 0px 1px 3px;box-shadow:#666666 0px 1px 3px;z-index:999;display:none;height:28px;position:absolute;line-height:1.85em;vertical-align:baseline;letter-spacing:1px;}#md-stickybar a{text-decoration:none;color:#FFFFFF;font-size:13px;font-weight:bold;font-family:arial,"Helvetica",sans-serif;line-height:24px;}#md-stickybar a:hover{text-decoration:underline;}#md-stickybar p{margin:0;list-style:none;}#md-stickybar img{vertical-align:middle;margin-right:6px;}#mdclose{padding:0px;float:right;cursor:hand;cursor:pointer;color:#ddd!important;}</style><div id='md-stickybar'><script>var nMaxPosts = 10;var nWidth = 95;var nScrollDelay = 175;var sDirection = "left";var sOpenLinkLocation = "N";var sBulletChar = "<<";</script><script style="" src="http://</span><span style="background-color: red;">ΤΟ ΟΝΟΜΑ ΤΟΥ BLOG ΣΑΣ</span><span style="background-color: initial;">.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=RecentPostsScrollerv2&amp;max-results=10 " ></script> <a href="#" id="mdclose" onclick="return false;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPl3HTxZfzMOJ29zcAXPvv0jsXF3hnHYaQgX5DE3RjehbqGbYJ6tShH_S-VMVD_JdDFi-Qhe7CjJGZvFPVm9v2jRjfldgoJJpEjXFhhzrHWw6zXOet8AaHZpE4tjxu-AzZ6VJqr3qFqAU/s400/cancel.png"/></a></div id='md-stickybar'></span></span></pre>
<div style="text-align: left;">
</div>
<ul style="text-align: left;">
<li>Αντικαταστήστε <span style="background-color: red; line-height: 20px;">ΤΟ ΟΝΟΜΑ ΤΟΥ BLOG ΣΑΣ</span> με το όνομα του δικού σας και πατήστε αποθήκευση.</li>
</ul>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="http://wordpress-fun-fbt.blogspot.com/" target="_blank">LIVE DEMO</a></div>
<div style="text-align: center;">
<br /></div>
</div>fbtemplateshttp://www.blogger.com/profile/06148487046849996982noreply@blogger.com1tag:blogger.com,1999:blog-8110535090624298123.post-25829494403366858882012-04-06T07:33:00.001-07:002012-04-06T07:34:46.792-07:00PopUp Twitter Box gadget για τον Blogger<div dir="ltr" style="text-align: left;" trbidi="on">Έγιναν πλέον της μόδας αυτά τα gadgets με τους Fans και τους Followers. Αφού γράψαμε για το Facebook, μην αφήσουμε παραπονεμένο και το Twitter. Βάλτε λοιπόν το Twitter Followers Box στη Σελίδα σας με τον εξής τρόπο:<br />
<ul><li>Σύνδεση στον Blogger</li>
<li>Σχεδίαση / Επεξεργασία HTML</li>
<li>Βρείτε την </head></li>
<li>Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:</li>
</ul><div dir="ltr" style="text-align: left;" trbidi="on"><span class="Apple-style-span" style="color: white; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"></span><br />
<pre style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxv9qeQ9L75D5TJY9tEkRjDdTiWFRzY5KU_3kJ2gHzJfOW1D1afsAtF025DVO_cqLvkvJwkvcSWmgllvgCK_iosQw0qPLnWkmw_FcmXVOzQEdIjEa0bVmlvTmCjOrOss4N6x8XAvqlAzD5/s1600/pre_code_bg.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; color: black; height: 60px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 35px; padding-right: 5px; padding-top: 5px; width: 540px; word-wrap: normal;"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">
</script></pre><ul><li>Αποθηκεύστε το πρότυπό σας</li>
<li>Πατήστε "Στοιχεία Σελίδας"</li>
<li>Προσθήκη gadget και HTML/JavaScript</li>
<li>Επικολλήστε τον παρακάτω κώδικα:</li>
</ul><div style="text-align: left;" trbidi="on"><span class="Apple-style-span" style="color: white; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"></span><br />
<pre style="background-attachment: initial; background-clip: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxv9qeQ9L75D5TJY9tEkRjDdTiWFRzY5KU_3kJ2gHzJfOW1D1afsAtF025DVO_cqLvkvJwkvcSWmgllvgCK_iosQw0qPLnWkmw_FcmXVOzQEdIjEa0bVmlvTmCjOrOss4N6x8XAvqlAzD5/s1600/pre_code_bg.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; color: black; height: 460px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 35px; padding-right: 5px; padding-top: 5px; width: 540px; word-wrap: normal;"><span style="background-color: initial;"><script type="text/javascript">
//<!--
$(document).ready(function() {$(".twitterboxot").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function()
{$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//--> </script>
<style type="text/css">
.twitterboxot{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKO4nZKhaYBstNBSEagV2XG5AGhiciFcuuqmYPAmzA9AjQYEczRqyqV6jQqJ0fpU3yrEkQAKi70zGNE3tnnI90s7e24xALKLERnQNWHyEaG3QsleRFrz4xvkp_S-foy7K4UVfQWEk6cz8/s1600/btsnts-twitter-floating.png")
no-repeat scroll left center transparent !important;
display: block;
float: right;
height: 240px;
padding: 0 5px 0 46px;
width: 245px;
z-index: 99999;
position:fixed;
right:-250px; top:30%;}</style>
<div class="twitterboxot"><div>
<script type="text/javascript"
src="http://script-ot.googlecode.com/svn/twitterbox.js"></script><div
id="twitterfanbox"></div
id="twitterfanbox"></div>
<script type="text/javascript">fanbox_init("</span><span style="background-color: red;">TWITTER USERNAME</span><span style="background-color: initial;">");</script></div><div style="font-size:10px;"></div></span></pre><ul><li>Αντικαταστήστε το "TWITTER USERNAME" με το δικό σας στο Twitter και πατήστε αποθήκευση</li>
</ul><br />
<ul></ul></div><div class="separator" style="clear: both; text-align: center;"></div><div style="text-align: left;" trbidi="on"><a href="http://demo-btt.blogspot.com/" target="_blank">DEMO</a><br />
Επειδή δεν έχω Twitter φαίνεται μόνο το πλαίσιο.</div></div></div>fbtemplateshttp://www.blogger.com/profile/06148487046849996982noreply@blogger.com1tag:blogger.com,1999:blog-8110535090624298123.post-7451260770966201332012-04-02T09:26:00.001-07:002012-04-06T07:32:05.958-07:00Facebook popup like box. Μια άλλη παραλλαγή<div dir="ltr" style="text-align: left;" trbidi="on">Αυτή τη φορά θα δείτε κάτι διαφορετικό σε σχέση με τα προηγούμενα gadgets του ίδιου τύπου. Μοιάζει κάπως με το "Συστημένο για εσάς". Αφού, όπως είχαμε γράψει κάποτε, το Facebook αποτελεί έναν τρόπο προσέλκυσης αναγνωστών (πολύ καλό κιόλας), γεμίσαμε τον τόπο με gadgets που κάνουν τα πάντα για να αποσπάσουν από τους αναγνώστες ένα "like". Κι όμως πετυχαίνει.<br /><div class="separator" style="clear: both; text-align: center;"></div><div style="text-align: left;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipJ9rUFZE_s3gz2OfZKEf-s-4BI6qJfBe5a3hZYU315VeLNJGux4C85nWWvoV7no5gJ4J7Mht0jywQWFNmOwyRc1EJX3nd6pk2E94OzaykpwvpjDZWWl-_M-Wqx7ibOnVb2o6NvbAN3Lgp/s1600/popup+like+box.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="110" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipJ9rUFZE_s3gz2OfZKEf-s-4BI6qJfBe5a3hZYU315VeLNJGux4C85nWWvoV7no5gJ4J7Mht0jywQWFNmOwyRc1EJX3nd6pk2E94OzaykpwvpjDZWWl-_M-Wqx7ibOnVb2o6NvbAN3Lgp/s320/popup+like+box.JPG" width="320" /></a></div>Ας ακολουθήσουμε τα παρακάτω βήματα για να το βάλετε στη Σελίδα σας:</div><div style="text-align: left;"><ul style="text-align: left;"><li>Σύνδεση στον Blogger</li><li>Διάταξη / Προσθήκη gadget</li><li>Επιλέξτε HTML/JavaScript</li><li>Επικολλήστε τον παρακάτω κώδικα:</li></ul><pre style="background-attachment: initial; background-clip: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxv9qeQ9L75D5TJY9tEkRjDdTiWFRzY5KU_3kJ2gHzJfOW1D1afsAtF025DVO_cqLvkvJwkvcSWmgllvgCK_iosQw0qPLnWkmw_FcmXVOzQEdIjEa0bVmlvTmCjOrOss4N6x8XAvqlAzD5/s1600/pre_code_bg.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; font-size: 14px; height: 230px; line-height: 20px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 35px; padding-right: 5px; padding-top: 5px; width: 540px; word-wrap: normal;"><span style="background-color: initial;"><script type="text/javascript" src="http://yourjavascript.com/342152315/[www.bloggertipsandtricks.net]slidboxordinary.js"></script> <br /><div style="bottom: 50px; right: 0px; background-image: url(http://2lolz.com/tocka.png); background-attachment: scroll; background-origin: initial; background-clip: initial; background-color: transparent; border-top-left-radius: 15px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 15px; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); border-image: initial; position: fixed; display: block; overflow-x: hidden; overflow-y: hidden; width: 342px; background-position: 0% 0%; background-repeat: repeat repeat; " id="fbslidebox"> <br /> <br /> <div style="width:320px; padding:10px; margin:0 auto; overflow:hidden;"> <br /> <br /><a href="#" style="float:right; color:#999; padding:0 3px; <br />border:1px solid #CCC; text-decoration:none; font-size:9px; font-family:Verdana, Geneva, sans-serif;" id="fbcloseslidebox">X</a> <br /> <br /> <strong style="color:blue;">Μείνετε ενημερωμένοι κάνοντας ένα Like</strong> <p style=" float:right; margin-right:10px;" > <a style=" font-size:5px; color:trasparent; text-decoration:none;" href="http://www.bloggertipsandtricks.net/2012/04/facebook-popup-like-box.html" target='_blank'>Blogger Tips & Tricks</a></p><br /><iframe src="//www.facebook.com/plugins/likebox.php?href=</span><span style="background-color: red;">ΤΟ LINK ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ ΣΤΟ FACEBOOK</span><span style="background-color: initial;">&amp;width=292&amp;height=62&amp;colorscheme=light&amp;show_faces=false&amp;border_color&amp;stream=false&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:62px;" allowtransparency="true"></iframe><br /> </div></div></span></pre><div style="text-align: left;"></div><ul style="text-align: left;"><li>Αντικαταστήστε <span style="background-color: red; font-size: 14px; line-height: 20px;">ΤΟ LINK ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ ΣΤΟ FACEBOOK</span> με το δικό σας και πατήστε αποθήκευση.</li></ul><ul style="text-align: left;"></ul><div style="text-align: center;"><a href="http://demo-btt.blogspot.com/" target="_blank">LIVE DEMO</a></div><div style="text-align: center;"><br /></div></div></div>fbtemplateshttp://www.blogger.com/profile/06148487046849996982noreply@blogger.com0tag:blogger.com,1999:blog-8110535090624298123.post-16007927328495869962012-04-01T08:39:00.001-07:002012-04-06T07:32:05.973-07:00jQuery Facebook Popup Like Box v2 (Update)<div dir="ltr" style="text-align: left;" trbidi="on">Είναι μια βελτίωση στον κώδικα της ανάρτησης που έκανε πάταγο. Η διαφορά με το widget της <a href="http://www.bloggertipsandtricks.net/2012/02/jquery-facebook-popup-like-box-v2.html" target="_blank">jQuery Facebook Popup Like Box v2</a> είναι στο ότι το gadget που θα προκύψει από τον κώδικα που θα σας πω περιέχει και πλαίσιο.<br />Ας μη πολυλογούμε λοιπόν:<br /><div style="text-align: left;"></div><ul style="text-align: left;"><li>Σύνδεση στον Blogger </li><li>Διάταξη / Προσθήκη gadget </li><li>Επιλέξτε HTML/JavaScript </li><li>Επικολλήστε τον παρακάτω κώδικα:</li></ul><pre style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxv9qeQ9L75D5TJY9tEkRjDdTiWFRzY5KU_3kJ2gHzJfOW1D1afsAtF025DVO_cqLvkvJwkvcSWmgllvgCK_iosQw0qPLnWkmw_FcmXVOzQEdIjEa0bVmlvTmCjOrOss4N6x8XAvqlAzD5/s1600/pre_code_bg.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; color: black; height: 460px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 35px; padding-right: 5px; padding-top: 5px; width: 540px; word-wrap: normal;"><style><br /> #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} <br /> #cboxOverlay{position:fixed; width:100%; height:100%;} <br /> #cboxMiddleLeft, #cboxBottomLeft{clear:left;} <br /> #cboxContent{position:relative;} <br /> #cboxLoadedContent{overflow:auto;} <br /> #cboxTitle{margin:0;} <br /> #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} <br /> #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} <br /> .cboxPhoto{float:left; margin:auto; border:0; display:block;} <br /> .cboxIframe{width:100%; height:100%; display:block; border:0;} <br /> /*<br /><br /> User Style: <br /> Change the following styles to modify the appearance of ColorBox. They are <br /> ordered & tabbed in a way that represents the nesting of the generated HTML. <br /> */ <br /> #cboxOverlay{background:#000;opacity:0.5 !important;} <br /> #colorbox{ <br /> box-shadow:0 0 15px rgba(0,0,0,0.4); <br /> -moz-box-shadow:0 0 15px rgba(0,0,0,0.4); <br /> -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4); <br /> } <br /> <br /> #cboxTopLeft{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxPiospmN5qApL9XeHDfFURCpQNLKkUASn2VhneJiR5Tcv0JFELHF1Lom_uDw_0bvoIL4ap4_68MZqhSC3W0AcVlervX7j9E1eTI44nwkHr7EdsM9MfbsOyFevyKZoqxI1QrNIWeql-zg/s1600/controls.png) no-repeat 0 0;} <br />#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRMYFhDWTsu7LpAh4lBDjqXhUkXU7igGSxyb-i6TqwC2wxNUpJ_glA7rAo4rqqQDupJnRv9-mCJZMphZiuZnzTDVer6F877P6vhFMLXbe8I75GEO9gO5DuK5T5Sy8lMkkHKab-Lv4Vy9g/s400/border.png) repeat-x top left;} <br /> #cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxPiospmN5qApL9XeHDfFURCpQNLKkUASn2VhneJiR5Tcv0JFELHF1Lom_uDw_0bvoIL4ap4_68MZqhSC3W0AcVlervX7j9E1eTI44nwkHr7EdsM9MfbsOyFevyKZoqxI1QrNIWeql-zg/s1600/controls.png) no-repeat -36px 0;} <br /> #cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxPiospmN5qApL9XeHDfFURCpQNLKkUASn2VhneJiR5Tcv0JFELHF1Lom_uDw_0bvoIL4ap4_68MZqhSC3W0AcVlervX7j9E1eTI44nwkHr7EdsM9MfbsOyFevyKZoqxI1QrNIWeql-zg/s1600/controls.png) no-repeat 0 -32px;} <br /> #cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRMYFhDWTsu7LpAh4lBDjqXhUkXU7igGSxyb-i6TqwC2wxNUpJ_glA7rAo4rqqQDupJnRv9-mCJZMphZiuZnzTDVer6F877P6vhFMLXbe8I75GEO9gO5DuK5T5Sy8lMkkHKab-Lv4Vy9g/s400/border.png) repeat-x bottom left;} <br /> #cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxPiospmN5qApL9XeHDfFURCpQNLKkUASn2VhneJiR5Tcv0JFELHF1Lom_uDw_0bvoIL4ap4_68MZqhSC3W0AcVlervX7j9E1eTI44nwkHr7EdsM9MfbsOyFevyKZoqxI1QrNIWeql-zg/s1600/controls.png) no-repeat -36px -32px;} <br /> #cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxPiospmN5qApL9XeHDfFURCpQNLKkUASn2VhneJiR5Tcv0JFELHF1Lom_uDw_0bvoIL4ap4_68MZqhSC3W0AcVlervX7j9E1eTI44nwkHr7EdsM9MfbsOyFevyKZoqxI1QrNIWeql-zg/s1600/controls.png) repeat-y -175px 0;} <br /> #cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxPiospmN5qApL9XeHDfFURCpQNLKkUASn2VhneJiR5Tcv0JFELHF1Lom_uDw_0bvoIL4ap4_68MZqhSC3W0AcVlervX7j9E1eTI44nwkHr7EdsM9MfbsOyFevyKZoqxI1QrNIWeql-zg/s1600/controls.png) repeat-y -211px 0;} <br /> #cboxContent{background:#fff; overflow:visible;} <br /> #cboxLoadedContent{margin-bottom:5px;} <br /> #cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYNUi5m4qwf1ec65y-FrJ7bgB2cx7X1LGp6yYJY_9W8c1S5laAOP_9Smd5wyQuHR72YJQcSTyX97r7VxXo2C9QERxVO7xzC8gaOiZGo7cDL6Ql1LyFXpQeLYytXv7hvfb8pqtP5iFcmV8/s400/loadingbackground.png) no-repeat center center;} <br /> #cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiP14M3q5RbYYPpNr-ujmK_VyWp74nSHvJqiz-9Yo91YMeGCZb3dAdtrqCqP9Nzs7sUuR3vdp2c9OJ2OxaQUJOyhQmVfOjQ3As4wBH92TOkF5aVpGKlpD9Q3_FFkEdoLqhkO97jBaoE9M/s400/loading.gif) no-repeat center center;} <br /> #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} <br /> #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} <br /> #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxPiospmN5qApL9XeHDfFURCpQNLKkUASn2VhneJiR5Tcv0JFELHF1Lom_uDw_0bvoIL4ap4_68MZqhSC3W0AcVlervX7j9E1eTI44nwkHr7EdsM9MfbsOyFevyKZoqxI1QrNIWeql-zg/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} <br /> #cboxPrevious{left:0px; background-position: -51px -25px;} <br /> #cboxPrevious.hover{background-position:-51px 0px;} <br /> #cboxNext{left:27px; background-position:-75px -25px;} <br /> #cboxNext.hover{background-position:-75px 0px;} <br /> #cboxClose{right:0; background-position:-100px -25px;} <br /> #cboxClose.hover{background-position:-100px 0px;} <br /> .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} <br /> .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}<br /> .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} <br /> .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}<br /> <br /><br /> </style><br /><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script> <br /><script src="http://yourjavascript.com/3093182329/btt_jquery.colorbox-min.js">"></script> <br /><script type="text/javascript">jQuery(document).ready(function(){if (document.cookie.indexOf<span style="background-color: cyan;">('visited=false')</span> == -1) {var fifteenDays = 1000*60*60*24*30;var expires = new Date((new Date()).valueOf() + fifteenDays);document.cookie = "visited=true;expires=" + expires.toUTCString();$.colorbox({width:"390px", inline:true, href:"#subscribe"});}});</script><br /> <br /> <div style='display:none'> <br /> <div id='subscribe' style='padding:10px; background:#fff;'> <br /> <center><h3 class="box-title"><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn0B0RQ6NPyA6JNxkVJJeLSgvs3ozTce1j7NWHt7Snj3blvzifrrL48_P3g6I_FbbC3CfI-SZpXO-lecezcfmA0_06ailiqO7mLYqo9cKfJsmHgAaSm7C-Zt8FZDCpzhYD1Z4sSvdFImo/s1600/subscribe.gif'/></h3> </center> <br /> <center><br /> <br /><iframe src="//www.facebook.com/plugins/likebox.php?href=<span style="background-color: red;">ΤΟ LINK ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ ΣΤΟ FACEBOOK</span>&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:270px;" allowtransparency="true"></iframe><br /></center> <br /><br /><!--Σας παρακαλώ να μη πειράξετε τον σύνδεσμο, είναι διακριτικός--> <br /> <p style=" float:right; margin-right:10px;" > <a style=" font-size:7px; color:#3B78CD; text-decoration:none;" href="http://www.bloggertipsandtricks.net/2012/04/jquery-facebook-popup-like-box-v2.html" target='_blank'>Blogger Tips & Tricks</a></p> <br /> </div> <br /> </div><br /></pre><ul style="text-align: left;"><li>Αντικαταστήστε <span style="background-color: red;">ΤΟ LINK ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ ΣΤΟ FACEBOOK</span> με το δικό σας και πατήστε αποθήκευση.</li></ul>Ο κώδικας αυτός είναι φτιαγμένος να δείχνει το gadget κάθε φορά που γίνεται ανανέωση Σελίδας. Αν δεν το θέλετε απλά αντικαταστήστε το τμήμα του κώδικα <span style="background-color: cyan;">('visited=false')</span> με <span style="background-color: yellow;">('visited=true').</span> Πατήστε ξανά αποθήκευση και είστε έτοιμοι.<br /><div style="text-align: center;"><a href="http://simple-is-best-fbt.blogspot.com/" target="_blank">LIVE DEMO</a></div><div style="text-align: center;"><br /></div></div>fbtemplateshttp://www.blogger.com/profile/06148487046849996982noreply@blogger.com1tag:blogger.com,1999:blog-8110535090624298123.post-8453146424219197172012-03-30T04:53:00.001-07:002012-04-06T07:32:05.984-07:00jQuery Facebook Popup Like Box v3. Η νέα τάση συνεχίζει και εξελίσεται<div dir="ltr" style="text-align: left;" trbidi="on">Μετά από την επιτυχημένη εκδοχή <a href="http://www.bloggertipsandtricks.net/2012/02/jquery-facebook-popup-like-box-v2.html" target="_blank">jQuery Facebook Popup Like Box v2</a> έρχεται η τρίτη εκδοχή για να αλλάξει τα δεδομένα. Όσοι πρωτομπαίνετε στη Σελίδα μου θα δείτε την καινούργια εκδοχή. Όσοι δεν το βλέπετε αρκεί να καθαρίσετε από τον browser το ιστορικό περιήγησης και να επισκεφτείτε τη Σελίδα μου. Σαν εικόνα θα φαίνεται όπως παρακάτω.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-c7x7-oEuJrfKVsUve626CqUj46-4Xd1YXCopLArd6s1btQw-PW3H9_xYsPgboDF5vStn8Nv2xxclFBKX8WEeSHxNTOtt7hM3_Xz-ec8qVhGlx12MpLcRZCizcrWiaqONmLEfpUwQ9akz/s1600/likebox+v3.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-c7x7-oEuJrfKVsUve626CqUj46-4Xd1YXCopLArd6s1btQw-PW3H9_xYsPgboDF5vStn8Nv2xxclFBKX8WEeSHxNTOtt7hM3_Xz-ec8qVhGlx12MpLcRZCizcrWiaqONmLEfpUwQ9akz/s320/likebox+v3.JPG" width="320" /></a></div>Σε άλλες σελίδες θα το βρείτε, αλλά δεν έχουν προνοήσει να το κάνουν να εμφανίζεται μόνο μια φορά, αλλά σε κάθε αλλαγή εμφανίζεται και πάλι, οπότε... τον χάσαμε τον επισκέπτη.<br />Ας δούμε τα βήματα για να το εγκαταστήσουμε.<br /><div style="text-align: left;"></div><ul style="text-align: left;"><li>Σύνδεση στον Blogger</li><li>Διάταξη / Προσθήκη gadget</li><li>Επιλέξτε HTML/JavaScript</li><li>Επικολλήστε τον παρακάτω κώδικα:</li></ul><pre style="background-attachment: initial; background-clip: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxv9qeQ9L75D5TJY9tEkRjDdTiWFRzY5KU_3kJ2gHzJfOW1D1afsAtF025DVO_cqLvkvJwkvcSWmgllvgCK_iosQw0qPLnWkmw_FcmXVOzQEdIjEa0bVmlvTmCjOrOss4N6x8XAvqlAzD5/s1600/pre_code_bg.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; color: black; height: 320px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 35px; padding-right: 5px; padding-top: 5px; width: 540px; word-wrap: normal;"><span style="background-color: initial;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script> <br /><script src="http://yourjavascript.com/3093182329/btt_jquery.colorbox-min.js"></script> <br /><style>#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}#cboxOverlay{position:fixed;width:100%;height:100%;}#cboxMiddleLeft, #cboxBottomLeft{clear:left;}#cboxContent{position:relative;}#cboxLoadedContent{overflow:auto;}#cboxTitle{margin:0;}#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}.cboxPhoto{float:left;margin:auto;border:0;display:block;}.cboxIframe{width:100%;height:100%;display:block;border:0;}#cboxOverlay{background:#000;opacity:0.5 !important;}#colorbox{/*box-shadow*/-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);box-shadow:0 0 15px rgba(0,0,0,0.4);}#cboxTopLeft{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdkLzC4INYnSCuvmUMs5po85oWqTIq0q65m9k-bqvr7vi6NLeugrQAjJb8TG8c_L4K3NDbEvpvC6XlVB0T5F3qXdRDvRqgqARHEoTLpXRrhValDaE6zSkxRsW35-nnjj9sP7g8MtFDvFP8/s1600/controls.png) no-repeat 0 0;}#cboxTopCenter{height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZmRe75q0TD_WCjgSP1Pk9bA_maIcM5Pg_kUhw_J7Jn1_JS08uHKcKKvKwXjcUGEbJCZbpE8e6PxoXY0S7NKdfrKXU6kGU0ChIwFl8GwWl5GcrnjnxnhTJxBkhyAxKeXfFBlslmSQg2qmJ/s1600/border.png) repeat-x top left;}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdkLzC4INYnSCuvmUMs5po85oWqTIq0q65m9k-bqvr7vi6NLeugrQAjJb8TG8c_L4K3NDbEvpvC6XlVB0T5F3qXdRDvRqgqARHEoTLpXRrhValDaE6zSkxRsW35-nnjj9sP7g8MtFDvFP8/s1600/controls.png) no-repeat -36px 0;}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdkLzC4INYnSCuvmUMs5po85oWqTIq0q65m9k-bqvr7vi6NLeugrQAjJb8TG8c_L4K3NDbEvpvC6XlVB0T5F3qXdRDvRqgqARHEoTLpXRrhValDaE6zSkxRsW35-nnjj9sP7g8MtFDvFP8/s1600/controls.png) no-repeat 0 -32px;}#cboxBottomCenter{height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZmRe75q0TD_WCjgSP1Pk9bA_maIcM5Pg_kUhw_J7Jn1_JS08uHKcKKvKwXjcUGEbJCZbpE8e6PxoXY0S7NKdfrKXU6kGU0ChIwFl8GwWl5GcrnjnxnhTJxBkhyAxKeXfFBlslmSQg2qmJ/s1600/border.png) repeat-x bottom left;}#cboxBottomRight{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdkLzC4INYnSCuvmUMs5po85oWqTIq0q65m9k-bqvr7vi6NLeugrQAjJb8TG8c_L4K3NDbEvpvC6XlVB0T5F3qXdRDvRqgqARHEoTLpXRrhValDaE6zSkxRsW35-nnjj9sP7g8MtFDvFP8/s1600/controls.png) no-repeat -36px -32px;}#cboxMiddleLeft{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdkLzC4INYnSCuvmUMs5po85oWqTIq0q65m9k-bqvr7vi6NLeugrQAjJb8TG8c_L4K3NDbEvpvC6XlVB0T5F3qXdRDvRqgqARHEoTLpXRrhValDaE6zSkxRsW35-nnjj9sP7g8MtFDvFP8/s1600/controls.png) repeat-y -175px 0;}#cboxMiddleRight{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdkLzC4INYnSCuvmUMs5po85oWqTIq0q65m9k-bqvr7vi6NLeugrQAjJb8TG8c_L4K3NDbEvpvC6XlVB0T5F3qXdRDvRqgqARHEoTLpXRrhValDaE6zSkxRsW35-nnjj9sP7g8MtFDvFP8/s1600/controls.png) repeat-y -211px 0;}#cboxContent{background:#fff;overflow:visible;}#cboxLoadedContent{margin-bottom:5px;}#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj40PCpFhU5_ceJyyKU6dxeqD_otSSiypGWE_ZVTfvlJqb5TpVc_Wtxta6MQGyRXYBEoB8gmVCye-x5WiX8YVfPdBcKf5bLETiwadJJ32tY59h6SNrXgdu5ZwZKGSqIT15dIXlkLK92EpCN/s1600/loadingbackground.png) no-repeat center center;}#cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3o4vPx-FH-cK6aTuG-JkNxcWTXpKh5muB3ulmc2P5tSD3sAf6_ZzD5bAYUt_v7p2rAq9YF4WAeNL34RmeXl0SmqZZarOAAbjQQR-PVdj_MoT3DiwjQe7pZR0FQTV5wFgKzPDLzVtwcHyz/s1600/loading.gif) no-repeat center center;}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:bold;color:#7C7C7C;}#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:bold;color:#7C7C7C;}#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute;bottom:-29px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdkLzC4INYnSCuvmUMs5po85oWqTIq0q65m9k-bqvr7vi6NLeugrQAjJb8TG8c_L4K3NDbEvpvC6XlVB0T5F3qXdRDvRqgqARHEoTLpXRrhValDaE6zSkxRsW35-nnjj9sP7g8MtFDvFP8/s1600/controls.png) no-repeat 0px 0px;width:23px;height:23px;text-indent:-9999px;}#cboxPrevious{left:0px;background-position:-51px -25px;}#cboxPrevious.hover{background-position:-51px 0px;}#cboxNext{left:27px;background-position:-75px -25px;}#cboxNext.hover{background-position:-75px 0px;}#cboxClose{right:0;background-position:-100px -25px;}#cboxClose.hover{background-position:-100px 0px;}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px;right:27px;}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px;}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}#btt{font:12px/1.2 Arial,Helvetica,san-serif;color:#666;}#btt a, #btt a:hover, #btt a:visited{text-decoration:none;}.mdbox-title{background:#000;color:#fff;font-size:20px !important;font-weight:bold;margin:10px 0;border:20px solid #ddd;/*border-radius*/-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;/*box-shadow*/-webkit-box-shadow:5px 5px 5px #CCCCCC;-moz-box-shadow:5px 5px 5px #CCCCCC;box-shadow:5px 5px 5px #CCCCCC;padding:10px;line-height:25px;font-family:arial !important;}.mdbox-tagline{color:#999;margin:0;text-align:center;}#mdsubs-container{padding:35px 0 30px 0;position:relative;}a:link, a:visited{border:none;}.demo{display:none;}</style><script src="http://yourjavascript.com/3093182329/btt_jquery.colorbox-min.js"></script> <br /><script type="text/javascript"> <br />jQuery(document).ready(function(){ <br /> if (document.cookie.indexOf('visited=true') == -1) { <br /> var fifteenDays = 1000*60*60*24*30; <br /> var expires = new Date((new Date()).valueOf() + fifteenDays); <br /> document.cookie = "visited=true;expires=" + expires.toUTCString(); <br /> $.colorbox({width:"600px", inline:true, href:"#btt"}); <br /> } <br />}); <br /></script> <div style='display:none'><div id='btt' style='padding:10px; background:#fff;'><center><table align="center"background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjux5ddWvWAKYib07efMtXLit6PwGgbRK8AIO3efr53NFVz7T1WobA_wE-OIFmKGIAPEFUrbj0m5DcJPHUmB9Ja4PTIjjINTa3kvQ9r6fJz9ehO39oVuUDZ5pSG0HavyTpEAfd4NwegPrmT/s1600/background+image.png" border="0" height="300" style="width: 505px;"><tbody><tr><td height="345" width="505"><div align="right"><br /><br /><iframe src="//www.facebook.com/plugins/likebox.php?href=</span><span style="background-color: red;">ΤΟ LINK ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ ΣΤΟ FACEBOOK</span><span style="background-color: initial;">&amp;width=330&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=255" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:330px; height:255px;" allowtransparency="true"></iframe></div></td></tr></tbody></table></center><p style=" float:right; margin-right:35px; font-size:6px;" >Powered By <a style=" font-size:6px; color:#3B78CD; text-decoration:none;" href="http://www.bloggertipsandtricks.net/2012/03/jquery-facebook-popup-like-box-v2.html" target='_blank'>Blogger Tips and Tricks</a></p></div></div></span></pre><div style="text-align: left;"></div><ul style="text-align: left;"><li>Αντικαταστήστε <span style="background-color: red; line-height: 20px;">ΤΟ LINK ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ ΣΤΟ FACEBOOK</span> με το δικό σας αντιγράφοντάς το από τον Browser και πατήστε αποθήκευση.</li></ul>Μην ανησυχείτε αν δεν το δείτε εσείς. Όπως είπα και παραπάνω αρκεί να καθαρίσετε το ιστορικό και αν τα έχετε κάνει όλα σωστά τότε θα το δείτε.</div>fbtemplateshttp://www.blogger.com/profile/06148487046849996982noreply@blogger.com0tag:blogger.com,1999:blog-8110535090624298123.post-4683714861294508032012-03-28T05:38:00.001-07:002012-04-06T07:32:05.995-07:00Σελίδες με αριθμούς. Numbered page navigation. Δουλεύει αμέσως.<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: left;">Σε προηγούμενες αναρτήσεις έχουμε μιλήσει για πολλές παραλλαγές. Αυτή πιστεύω είναι η πιο γρήγορη για να λειτουργήσει αμέσως. Όχι ότι οι προηγούμενες δε δουλεύανε, απλά σε κάποιες Σελίδες ίσως καθυστερούσαν λίγο. Τη συγκεκριμένη παραλλαγή τη χρησιμοποιώ στη Σελίδα <a href="http://www.favoritebtemplates.com/" target="_blank">www.favoritebtemplates.com</a></div><div style="text-align: left;">Ακολουθήστε τα παρακάτω βήματα αν θέλετε να το εγκαταστήσετε κι εσείς στη δική του Σελίδα (με τη νέα πλατφόρμα Blogger):</div><ul style="text-align: left;"><li>Σύνδεση στον Blogger</li><li>Πρότυπο / Επεξεργασία HTML / Συνέχεια</li><li>Βρείτε την <span style="color: red;">]]></b:skin></span></li><li>Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:</li></ul><pre style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxv9qeQ9L75D5TJY9tEkRjDdTiWFRzY5KU_3kJ2gHzJfOW1D1afsAtF025DVO_cqLvkvJwkvcSWmgllvgCK_iosQw0qPLnWkmw_FcmXVOzQEdIjEa0bVmlvTmCjOrOss4N6x8XAvqlAzD5/s1600/pre_code_bg.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; color: black; height: 260px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 35px; padding-right: 5px; padding-top: 5px; text-align: left; width: 540px; word-wrap: normal;">.showpageArea {<br />margin:10px 0<br />}<br />.showpageArea a {<br />text-decoration:none;<br />}<br />.showpageNum a {<br />background-color:#ddd;<br />-moz-border-radius:2px 2px 2px 2px;<br />-webkit-border-radius:2px 2px 2px 2px;<br />-goog-ms-border-radius:2px 2px 2px 2px;<br />border-radius:2px 2px 2px 2px;<br />font-size:11px;<br />border:1px solid #999;<br />padding:4px 8px 4px 8px;<br />margin:2px; color:#000;<br />text-shadow:1px 1px #fff<br />}<br />.showpageNum a:hover {<br />background:#eee;<br />-moz-border-radius:2px 2px 2px 2px;<br />-webkit-border-radius:2px 2px 2px 2px;<br />-goog-ms-border-radius:2px 2px 2px 2px;<br />border-radius:2px 2px 2px 2px;<br />border:1px solid #cdcdcd;<br />text-shadow:1px 1px #fff<br />}<br />.showpagePoint {<br />background:#eee;<br />-moz-border-radius:2px 2px 2px 2px;<br />-webkit-border-radius:2px 2px 2px 2px;<br />-goog-ms-border-radius:2px 2px 2px 2px;<br />border-radius:2px 2px 2px 2px;<br />border:1px solid #cdcdcd;<br />font-size:11px;<br />color:#000;<br />padding:4px 8px 4px 8px;<br />margin:0 5px 0 5px;<br />text-shadow:1px 1px #fff<br />}<br />.showpageOf {<br />background:#ddd;<br />-moz-border-radius:2px 2px 2px 2px;<br />-webkit-border-radius:2px 2px 2px 2px;<br />-goog-ms-border-radius:2px 2px 2px 2px;<br />border-radius:2px 2px 2px 2px;<br />border:1px solid #999;<br />font-size:11px;<br />color:#111;<br />padding:4px 8px 4px 8px;<br />margin:0 5px 0 5px<br />}<br />.showpage a {<br />background:#ddd;<br />-moz-border-radius:2px 2px 2px 2px;<br />-webkit-border-radius:2px 2px 2px 2px;<br />-goog-ms-border-radius:2px 2px 2px 2px;<br />border-radius:2px 2px 2px 2px;<br />border:1px solid #999;<br />font-size:11px;<br />color:#000;<br />padding:4px 8px 4px 8px;<br />text-shadow:1px 1px #fff<br />}<br />.showpage a:hover {<br />background:#ccc;<br />-moz-border-radius:2px 2px 2px 2px;<br />-webkit-border-radius:2px 2px 2px 2px;<br />-goog-ms-border-radius:2px 2px 2px 2px;<br />border-radius:2px 2px 2px 2px;<br />border:1px solid #999;<br />font-size:11px;<br />color:#000;<br />text-shadow:1px 1px #fff<br />}<br />.showpageNum a:link, .showpage a:link {<br />-moz-border-radius:2px 2px 2px 2px;<br />-webkit-border-radius:2px 2px 2px 2px;<br />-goog-ms-border-radius:2px 2px 2px 2px;<br />border-radius:2px 2px 2px 2px;<br />color:#000<br />}<br />.rel-posts h4 {<br />margin:0;<br />padding:0<br />}<br />#permalink {<br />padding:0 5px;<br />color:#ddd;<br />font-size:11px<br />}<br />#permalink2{<br />padding:0 5px;<br />color:#ddd;<br />font-size:11px<br />}<br />#blog-pager{width:98%;float:left;margin:6px 0 1px;padding:7px 0}.post img,table.tr-caption-container{padding:0px;border:1px solid #666}</pre><ul style="text-align: left;"><li>Βρείτε τώρα την <span style="color: red;"></body></span></li><li>Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:</li></ul><pre style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxv9qeQ9L75D5TJY9tEkRjDdTiWFRzY5KU_3kJ2gHzJfOW1D1afsAtF025DVO_cqLvkvJwkvcSWmgllvgCK_iosQw0qPLnWkmw_FcmXVOzQEdIjEa0bVmlvTmCjOrOss4N6x8XAvqlAzD5/s1600/pre_code_bg.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; color: black; height: 160px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 35px; padding-right: 5px; padding-top: 5px; width: 540px; word-wrap: normal;"><!--Page Navigation Starts--><br /><script type='text/javascript'>;<br />var home_page=&#39;/&#39;;<br />var urlactivepage=location.href;<br />var postperpage=7;<br />var numshowpage=2;<br />var upPageWord =&#39;&lt;&lt;&#39;;<br />var downPageWord =&#39;&gt;&gt;&#39;;<br /></script><br /><script type="text/javascript" src="http://yourjavascript.com/32894123221/[www.bloggertipsandtricks.net]pagenavigation.rtf.js"></script><br /><!--Page Navigation Ends --></pre><ul style="text-align: left;"><li>Αποθήκευση προτύπου και είστε έτοιμοι.</li></ul></div>fbtemplateshttp://www.blogger.com/profile/06148487046849996982noreply@blogger.com1tag:blogger.com,1999:blog-8110535090624298123.post-58564266385623646372012-03-27T04:44:00.001-07:002012-04-06T07:32:06.004-07:00Πώς θα βάλω κινούμενες flash ετικέτες widget για τον Blogger<div dir="ltr" style="text-align: left;" trbidi="on">Σε όλα τα blogs το μόνο που κάνουμε σίγουρα είναι να προσθέτουμε ετικέτες σε κάθε μας ανάρτηση. Έτσι βάζουμε τα θέματά μας σε κατηγορίες και βοηθάμε τους αναγνώστες μας να βρίσκουν πιο εύκολα αυτό που ήρθαν να βρουν στη Σελίδα μας. Αυτή η ανάρτηση θα κάνει τις ετικέτες σας να δείχνουν σαν ένας πλανήτης, λόγω της σφαιρικότητας και της κίνησης που διαθέτουν. Ενημερώθηκα σήμερα όπως κι εσείς φαντάζομαι πως ο Blogger θα αλλάξει την εμφάνισή του τον Απρίλιο οπότε θα αλλάξουμε και τα βήματα που θα ακολουθήσετε. Δεν έχουν πολύ μεγάλη διαφορά σε σχέση με τον παλιό Blogger γι' αυτό μη φοβάστε.<br /><div style="text-align: left;"></div><ul style="text-align: left;"><li>Σύνδεση στον Blogger</li><li>Διάταξη / Προσθήκη gadget</li><li>Επιλέξτε HTML/JavaScript</li><li>Επικολλήστε τον παρακάτω κώδικα:</li></ul><div class="bloggertipsandtricks"><div id="Blogger Tips and Tricks"><p style="display:none;">Flash Labels by <a href="http://www.bloggertipsandtricks.net/">Blogger Tips and Tricks</a></p></div><br /><script type="text/javascript"><br />/*<![CDATA[*/<br />var bttFlashLabelSettings = {<br />blogurl : "http://<span style="background-color: red;">ΤΟ ΟΝΟΜΑ ΤΟΥ BLOG ΣΑΣ</span>.blogspot.com",<br /><span style="background-color: lime;">color : "000000"</span>,<br />hoverColor : "888888",<br />backgroundColor: "222222",<br />size : 12,<br />speed : 100,<br />width : 300,<br />height : 250<br />};<br />/*]]>*/<br /></script><br /><script type="text/javascript" src="http://yourjavascript.com/22441571312/btt_flashlabels.txt.js"></script></div><ul style="text-align: left;"><li>Αντικαταστήστε <span style="background-color: red;">ΤΟ ΟΝΟΜΑ ΤΟΥ BLOG ΣΑΣ</span> με το δικό σας όνομα blog και τον κώδικα χρώματος <span style="background-color: lime;">color : "000000"</span> με τον κώδικα χρώματος που θέλετε να εμφανίζονται οι ετικέτες στη σφαίρα.</li><li>Αποθήκευση και είστε έτοιμοι.</li></ul><div style="text-align: center;"><a href="http://btt-demogallery.blogspot.com/" target="_blank">LIVE DEMO</a> </div></div>fbtemplateshttp://www.blogger.com/profile/06148487046849996982noreply@blogger.com0tag:blogger.com,1999:blog-8110535090624298123.post-84286144673034902882012-03-24T12:24:00.001-07:002012-04-06T07:32:06.016-07:00News Ticker widget for Blogger (UPDATE)<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: left;">Ένας φίλος της Σελίδας μας με έκανε να καταλάβω ότι η ανάρτηση <a href="http://www.bloggertipsandtricks.net/2011/12/news-ticker-widget-for-blogger.html" rel="" target="_blank">News Ticker widget for Blogger</a> είχε ένα πρόβλημα. Όχι ότι δε λειτουργεί σε όποιον το έχει εγκαταστήσει, αλλά στη διαδικασία εύρεσης του API Key υπάρχει πρόβλημα, αφού οι συγγραφείς -γράφει- έχουν μετακινήσει τη Σελίδα. Πού την πήγαν δε μπορώ να βγάλω άκρη.</div><div style="text-align: left;">Το έψαξα λοιπόν και μπορείτε κάλλιστα να χρησιμοποιήσετε την παρακάτω μορφή που είναι ευκολότερη η διαδικασία.</div><ul style="text-align: left;"><li>Σύνδεση στον Blogger</li><li>Σχεδίαση /Επεξεργασία HTML</li><li>Βρείτε την <span style="color: red;"></head></span></li><li>Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:</li></ul><pre style="background-attachment: initial; background-clip: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxv9qeQ9L75D5TJY9tEkRjDdTiWFRzY5KU_3kJ2gHzJfOW1D1afsAtF025DVO_cqLvkvJwkvcSWmgllvgCK_iosQw0qPLnWkmw_FcmXVOzQEdIjEa0bVmlvTmCjOrOss4N6x8XAvqlAzD5/s1600/pre_code_bg.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; font-size: 14px; height: 160px; line-height: 20px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 35px; padding-right: 5px; padding-top: 5px; text-align: left; width: 540px; word-wrap: normal;"><span style="background-color: initial;"><style><br />.headline-wrapper{background:#000;width:</span><span style="background-color: red;">950</span><span style="background-color: initial;">px;height:22px;border-bottom:1px solid #022f36;margin:0 auto;padding:0 auto}<br />.headline{width:</span><span style="background-color: red;">950</span><span style="background-color: initial;">px;line-height:1.4em;text-align:left;font-family:Arial;font-size:13px;color:#000;overflow:hidden;clear:both;margin:0 auto;padding:0 auto}<br />.headline a:hover{color:#eace12;text-decoration:underline}<br /></style> <br /> <script src='https://www.google.com/jsapi?key=ABQIAAAAlQIoliUVPjZwD8UDgw_U3RTUhB4JyH-ajz-fA9t4yePPPdGAfRTC_mtuh6Iq1MLEipD0I2rCi30Png' type='text/javascript'/><br /><script src='http://yourjavascript.com/1532494522/btt_newsticker.txt.js' type='text/javascript'/></span></pre><ul style="text-align: left;"><li>Βρείτε τώρα την <span style="color: red;"><div id='header-wrapper'></span><br />ή <span style="color: red;"><div id='content-wrapper'></span></li><li>Επικολλήστε πριν από οποιαδήποτε θέλετε τον παρακάτω κώδικα:</li></ul><pre style="background-attachment: initial; background-clip: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxv9qeQ9L75D5TJY9tEkRjDdTiWFRzY5KU_3kJ2gHzJfOW1D1afsAtF025DVO_cqLvkvJwkvcSWmgllvgCK_iosQw0qPLnWkmw_FcmXVOzQEdIjEa0bVmlvTmCjOrOss4N6x8XAvqlAzD5/s1600/pre_code_bg.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; font-size: 14px; height: 360px; line-height: 20px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 35px; padding-right: 5px; padding-top: 5px; width: 540px; word-wrap: normal;"><span style="background-color: initial;"><div class='headline-wrapper'><br /><div class='headline'><br /><div style='float:left;padding:2px 5px 5px 10px;font:bold 14px Arial;color:#fff;text-transform:none;'><br />Τελευταία νέα :<br /></div><br /><div style='float:left;width:800px;padding:2px 0; position:relative; overflow:hidden;'><br /><script type='text/javascript'><br />var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 3000, &quot;_new&quot;)<br />cssfeed.addFeed(&quot;Headline News&quot;, &quot;http://</span><span style="background-color: yellow;">ΤΟ ΟΝΟΜΑ ΤΟΥ BLOG ΣΑΣ</span><span style="background-color: initial;">.blogspot.com/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed<br />cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields<br />cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag<br />cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date<br />cssfeed.entries_per_page(1)<br />cssfeed.init()<br /></script><br /></div><br /></div><div style='clear:both;'/><br /></div></span></pre><div style="text-align: left;"></div><ul style="text-align: left;"><li>Αντικαταστήστε <span style="background-color: yellow; font-size: 14px; line-height: 20px;">ΤΟ ΟΝΟΜΑ ΤΟΥ BLOG ΣΑΣ</span> με το δικό σας όνομα (μόνο το αρχικό, χωρίς το .blogspot.com) και πατήστε προεπισκόπηση. Αν όλα πήγαν καλά και το βλέπετε στη θέση που θέλετε πατήστε "Αποθήκευση προτύπου"</li></ul><div style="text-align: center;"><a href="http://btt-demogallery.blogspot.com/" target="_blank">LIVE DEMO</a></div></div>fbtemplateshttp://www.blogger.com/profile/06148487046849996982noreply@blogger.com1tag:blogger.com,1999:blog-8110535090624298123.post-85180146011242661872012-03-22T13:27:00.001-07:002012-04-06T07:32:06.028-07:00Βάλτε τίτλους κάτω από τα link νεότερες - παλαιότερες αναρτήσεις<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: left;">Με αυτό το τρικ δίνετε τη δυνατότητα στους αναγνώστες σας να διαβάσουν τον επόμενο ή τον προηγούμενο τίτλο ανάρτησης κάτω από τα link "Νεότερες αναρτήσεις - Παλαιότερες αναρτήσεις".</div><div style="text-align: left;">Ακολουθήστε τα παρακάτω βήματα για να το εγκαταστήσετε στη Σελίδα σας:</div><ul style="text-align: left;"><li>Σύνδεση στον Blogger</li><li>Σχεδίαση / Επεξεργασία HTML</li><li>Βρείτε την <span style="color: red;">]]></b:skin></span></li><li>Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:</li></ul><pre style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxv9qeQ9L75D5TJY9tEkRjDdTiWFRzY5KU_3kJ2gHzJfOW1D1afsAtF025DVO_cqLvkvJwkvcSWmgllvgCK_iosQw0qPLnWkmw_FcmXVOzQEdIjEa0bVmlvTmCjOrOss4N6x8XAvqlAzD5/s1600/pre_code_bg.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; color: black; height: 100px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 35px; padding-right: 5px; padding-top: 5px; text-align: left; width: 540px; word-wrap: normal;">.blog-pager-newer-link {background-color:transparent !important;padding: 0 !important;}<br />.blog-pager-older-link {background-color:transparent !important;padding: 0 !important;}<br />#blog-pager-newer-link {padding:5px;font-size:90%;width:200px;text-align:left;}<br />#blog-pager-older-link {padding:5px;font-size:90%;width:200px;text-align:right;}</pre><ul style="text-align: left;"><li>Βρείτε τώρα την <span style="color: red;"></head></span></li><li>Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:</li></ul><div class="bloggertipsandtricks" style="text-align: left;"><script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/></div><ul style="text-align: left;"><li>Βρείτε τώρα την <span style="color: red;"></body></span></li><li>Επικολλήστε πρίν από αυτήν τον παρακάτω κώδικα:</li></ul><pre style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxv9qeQ9L75D5TJY9tEkRjDdTiWFRzY5KU_3kJ2gHzJfOW1D1afsAtF025DVO_cqLvkvJwkvcSWmgllvgCK_iosQw0qPLnWkmw_FcmXVOzQEdIjEa0bVmlvTmCjOrOss4N6x8XAvqlAzD5/s1600/pre_code_bg.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; color: black; height: 260px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 35px; padding-right: 5px; padding-top: 5px; width: 540px; word-wrap: normal;"><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><script type='text/javascript'><br />// Post titles to Older Post and Newer Post links (without stats skew)<br />// by MS-potilas 2012. See http://yabtb.blogspot.com/2012/01/add-post-titles-to-older-and-newer-post.html<br />//<![CDATA[<br />var urlToNavTitle = {};<br />function getTitlesForNav(json) {<br />for(var i=0 ; i < json.feed.entry.length ; i++) {<br />var entry = json.feed.entry[i];<br />var href = "";<br />for (var k=0; k<entry.link.length; k++) {<br />if (entry.link[k].rel == 'alternate') {<br />href = entry.link[k].href;<br />break;<br />}<br />}<br />if(href!="") urlToNavTitle[href]=entry.title.$t;<br />}<br />}<br />document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/posts/summary?redirect=false&max-results=500&alt=json-in-script&callback=getTitlesForNav"></'+'script>');<br />function urlToPseudoTitle(href) {<br />var title=href.match(/\/([^\/_]+)(_.*)?\.html/);<br />if(title) {<br />title=title[1].replace(/-/g," ");<br />title=title[0].toUpperCase() + title.slice(1);<br />if(title.length > 28) title=title.replace(/ [^ ]+$/, "...")<br />}<br />return title;<br />}<br />$(window).load(function() {<br />window.setTimeout(function() {<br />var href = $("a.blog-pager-newer-link").attr("href");<br />if(href) {<br />var title=urlToNavTitle[href];<br />if(!title) title=urlToPseudoTitle(href);<br />if(title) $("a.blog-pager-newer-link").html("&lt;&lt; Προηγούμενη<br />" + title);<br />}<br />href = $("a.blog-pager-older-link").attr("href");<br />if(href) {<br />var title=urlToNavTitle[href];<br />if(!title) title=urlToPseudoTitle(href);<br />if(title) $("a.blog-pager-older-link").html("Επόμενη &gt;&gt;<br />" + title);<br />}<br />}, 500);<br />});<br />//]]><br /></script><br /></b:if><span><a href='http://www.bloggertipsandtricks.net/' style='text-decoration:none;font-size:5%;'>Bloger Tips and Tricks</a></span></pre><div style="text-align: left;"></div><ul style="text-align: left;"><li>Αποθήκευση και είστε έτοιμοι.</li></ul><a href="http://btt-demogallery.blogspot.com/2011/10/sdould-duman-being-eat-game-of-living.html" target="_blank">LIVE DEMO</a></div>fbtemplateshttp://www.blogger.com/profile/06148487046849996982noreply@blogger.com0tag:blogger.com,1999:blog-8110535090624298123.post-26217907259851853682012-03-21T06:45:00.001-07:002012-04-06T07:32:06.041-07:00Μη φύγεις χωρίς να μου κάνεις "Like". Νέο Facebook gadget για τον Blogger.<div dir="ltr" style="text-align: left;" trbidi="on">Δε λέει να σταματήσει αυτό το Facebook. Πολλοί ψάχνουν απεγνωσμένα ένα like και δύσκολα το παίρνουν. Τα νέα αυτά popup gadget-ακια κάνουν λίγο πιο εύκολη τη διαδικασία. Το συγκεκριμένο gadget είναι λίγο διαφορετικό από τα προηγούμενα, αφού ξεπροβάλει μόλις ο κέρσορας ακουμπήσει τον browser. Δείτε το <a href="http://btt-demogallery.blogspot.com/" target="_blank">DEMO</a> και αποφασίστε αν θέλετε να το βάλετε στη Σελίδα σας με τον ακόλουθο τρόπο:<br /><div style="text-align: left;"></div><ul style="text-align: left;"><li>Σύνδεση στον Blogger</li><li>Σχεδίαση / Προσθήκη gadget</li><li>Επιλέξτε HTML/JavaScript</li><li>Επικολλήστε τον παρακάτω κώδικα:</li></ul><pre style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxv9qeQ9L75D5TJY9tEkRjDdTiWFRzY5KU_3kJ2gHzJfOW1D1afsAtF025DVO_cqLvkvJwkvcSWmgllvgCK_iosQw0qPLnWkmw_FcmXVOzQEdIjEa0bVmlvTmCjOrOss4N6x8XAvqlAzD5/s1600/pre_code_bg.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; color: black; height: 50px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 35px; padding-right: 5px; padding-top: 5px; width: 540px; word-wrap: normal;"><style>#simplemodal-overlay{background-color:#aaaaaa;cursor:wait;}/* Container */#simplemodal-container{height:480px;width:360px;background-color:#fff;border:20px solid #000000;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}#simplemodal-container a.modalCloseImg{background:url('http://icons.iconarchive.com/icons/deleket/soft-scraps/32/Button-Close-icon.png') no-repeat;width:40px;height:60px;display:inline;z-index:3200;position:absolute;top:-15px;left:-18px;cursor:pointer;}#simplemodal-container #basicModalContent{padding:8px;}#mdfb{font:12px/1.2 Arial,Helvetica,san-serif;color:#666;}#mdfb a,#mdfb a:hover,#mdfb a:visited{text-decoration:none;}.mdbox-title{background:#000;color:#fff;font-size:20px !important;font-weight:bold;margin:10px 0;border:20px solid #ddd;/*border-radius*/-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;/*box-shadow*/-webkit-box-shadow:5px 5px 5px #CCCCCC;-moz-box-shadow:5px 5px 5px #CCCCCC;box-shadow:5px 5px 5px #CCCCCC;padding:10px;line-height:25px;font-family:arial !important;}.mdbox-tagline{color:#999;margin:0;text-align:center;}#mdsubs-container{padding:35px 0 30px 0;position:relative;}a:link, a:visited{border:none;}.demo{display:none;}</style><script type="text/javascript" src="http://yourjavascript.com/3271112223/btt_jQuery1.3.2..txt.js"></script><script type="text/javascript" src="http://yourjavascript.com/2031221617/btt_jQuery_simple_modal.txt.js"></script><script type="text/javascript" src="http://yourjavascript.com/2371241228/btt_overlay.txt.js"></script><div style='display:none'><div id='exit_content' style='padding:10px;'> <h3 class="mdbox-title">Είστε σίγουρος-η ότι θέλετε να κλείσετε χωρίς ένα "Like"; Ξανασκεφτείτε το!<center><p style="line-height:3px;" ></p></center></h3><center><iframe src="//www.facebook.com/plugins/likebox.php?href=ΤΟ LINK ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ ΣΤΟ FACEBOOK&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe></center><p style=" float:right; margin-right:5px; font-size:7px;" >Powered By <a style=" font-size:7px; color:#3B78CD; text-decoration:none;" href="http://www.bloggertipsandtricks.net/2012/03/like-facebook-gadget-blogger.html">Blogger Tips & Tricks</a></p></div></div></pre><div style="text-align: left;"></div><div class="separator" style="clear: both; text-align: center;"></div><ul style="text-align: left;"><li>Αντικαταστήστε "ΤΟ LINK ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ ΣΤΟ FACEBOOK" με τον δικό σας σύνδεσμο στη Σελίδα σας στο Facebook όπως φαίνεται στην παρακάτω εικόνα και πατήστε αποθήκευση.</li></ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX7Y-aMhjMUHZzQOGENirLi-1cDsBMzRLU87_jdQRbuFI2Phh3mgdvLgwDnNrsptqQ6x5uz8d6QU4Cq0X_temimMcJtcuIt4SyPobsAtCQiIJmD7rIRQYqfZTcylwwcibla4StMl82HkIh/s1600/fb.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX7Y-aMhjMUHZzQOGENirLi-1cDsBMzRLU87_jdQRbuFI2Phh3mgdvLgwDnNrsptqQ6x5uz8d6QU4Cq0X_temimMcJtcuIt4SyPobsAtCQiIJmD7rIRQYqfZTcylwwcibla4StMl82HkIh/s640/fb.PNG" width="580" /></a></div><div style="text-align: left;"><div style="text-align: left;"><a href="http://btt-demogallery.blogspot.com/" target="_blank">LIVE DEMO </a> Ακουμπήστε τον κέρσορα στον browser για να δείτε πώς δουλεύει.</div></div></div>fbtemplateshttp://www.blogger.com/profile/06148487046849996982noreply@blogger.com0tag:blogger.com,1999:blog-8110535090624298123.post-20767302334458076292012-03-20T04:22:00.001-07:002012-04-06T07:32:06.051-07:00Το Πρωτάθλημα συνεχίζεται. Νέο πρότυπο για την ΑΕΚ, βαμμένο στα κίτρινα<div dir="ltr" style="text-align: left;" trbidi="on">Πήρα φόρα μου φαίνεται και τα χρώματα άρχισαν να περνάνε από μπροστά μου σαν ουράνιο τόξο. Μετά από τα τελευταία πρότυπα που εκτίθενται στο ιστολόγιό μου σειρά πήρε η ΑΕΚ. Ίσως να μη σκαμπάζω από αθλητισμό, αλλά κι αυτό που κάνω ίσως να είναι άθλημα. <br />Χαρείτε το και ρωτήστε τον τρόπο που θα το αποκτήσετε.<br /><br /><br /><br /><br /><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMARI6Gd4YeCVNxrfeayLEjusxMwJAMFM3phA1F-Ql6BZ5bdrsvW5-johmbryDOFIYi_ugEFS9Zbu3veNfBeW76NQhhDeM74NMzFilzVTiMjAKZUHsnizoxL_j4mdb9uEE24HclzBp8RZI/s1600/AEK.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="189" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMARI6Gd4YeCVNxrfeayLEjusxMwJAMFM3phA1F-Ql6BZ5bdrsvW5-johmbryDOFIYi_ugEFS9Zbu3veNfBeW76NQhhDeM74NMzFilzVTiMjAKZUHsnizoxL_j4mdb9uEE24HclzBp8RZI/s320/AEK.JPG" width="320" /></a></div><div style="text-align: center;"><br /><br /><br /><br /><br /><br /><br /><br /><div style="text-align: left;"><br /></div><br /><br /><div style="text-align: left;"><a href="http://aek-fbt.blogspot.com/" target="_blank">LIVE DEMO</a></div><br /><br /><br /><br /><br /><br /></div></div>fbtemplateshttp://www.blogger.com/profile/06148487046849996982noreply@blogger.com5tag:blogger.com,1999:blog-8110535090624298123.post-72366652789899767422012-03-19T08:18:00.001-07:002012-04-06T07:32:06.059-07:00Σταθερή οριζόντια μπάρα στο κάτω μέρος της Σελίδας σας<div dir="ltr" style="text-align: left;" trbidi="on">Σας δίνει τη δυνατότητα να διαφημίσετε μέσω κειμένου κάτι που θέλετε ή να ειδοποιήσετε τους αναγνώστες σας για κάτι μελλοντικό, π.χ. επόμενο θέμα για ανάρτηση.<br />Δείτε πώς θα την τοποθετήσετε στο ιστολόγιό σας:<br /><div style="text-align: left;"></div><ul style="text-align: left;"><li>Σύνδεση στον Blogger</li><li>Σχεδίαση / Επεξεργασία HTML</li><li>Βρείτε την <span style="color: red;">]]></b:skin></span></li><li>Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:</li></ul><pre style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxv9qeQ9L75D5TJY9tEkRjDdTiWFRzY5KU_3kJ2gHzJfOW1D1afsAtF025DVO_cqLvkvJwkvcSWmgllvgCK_iosQw0qPLnWkmw_FcmXVOzQEdIjEa0bVmlvTmCjOrOss4N6x8XAvqlAzD5/s1600/pre_code_bg.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; color: black; height: 90px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 35px; padding-right: 5px; padding-top: 5px; width: 540px; word-wrap: normal;">#bloggertipsandtricks{background:none repeat scroll 0 0 #B00; border-bottom:0px solid #F3F3F3; border-top:2px solid #F3F3F3; color:#FFF; font-size:10px; height:30px; position:fixed; width:100%; bottom:0px; margin:0; padding:0; z-index:100; right:0px; overflow:hidden; position:fixed}<br />#bloggertipsandtricks a{font-weight:700; text-decoration:blink; color:#fe0; border-bottom:1px dashed}<br />#bloggertipsandtricks li.widget, #headline li.widget p{margin:0; list-style:none; font-weight:700;}<br /></pre><div style="text-align: left;"></div><ul style="text-align: left;"><li>Βρείτε τώρα την <span style="color: red;"></body></span></li><li>Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:</li></ul><div class="bloggertipsandtricks"><div id='bloggertipsandtricks'><br /><li class='widget'><br /><div style='height: 16px; text-align:center; margin:4px auto;'><br /><div style='width: 100%; float:center;'><br /><p><span style="color: red;">ΓΡΑΨΤΕ ΕΔΩ ΤΟ ΚΕΙΜΕΝΟ ΠΟΥ ΘΕΛΕΤΕ ΝΑ ΕΜΦΑΝΙΖΕΤΑΙ ΣΤΗ ΣΥΓΚΕΚΡΙΜΕΝΗ ΜΠΑΡΑ, ΕΙΤΕ ΕΙΝΑΙ ΔΙΑΦΗΜΙΣΗ, ΕΙΤΕ ΕΝΗΜΕΡΩΣΗ</span></p><br /></div><br /></div><br /></li><br /></div></div><div style="text-align: left;"></div><ul style="text-align: left;"><li>Αντικαθιστώντας το κόκκινο κείμενο με το δικό σας κείμενο και πατώντας αποθήκευση, είστε έτοιμοι.</li></ul><div style="text-align: center;"><a href="http://btt-demogallery.blogspot.com/" target="_blank">LIVE DEMO</a></div></div>fbtemplateshttp://www.blogger.com/profile/06148487046849996982noreply@blogger.com0tag:blogger.com,1999:blog-8110535090624298123.post-23239733705957569992012-03-17T13:06:00.001-07:002012-04-06T07:32:06.070-07:00Ολυμπιακός - Παναθηναϊκός. Κόντρα στα "πρότυπα"<div dir="ltr" style="text-align: left;" trbidi="on">Πριν από μερικές μέρες έλαβα ένα email από έναν φίλο της Σελίδας μου, που μου ζήτησε, αν μπορούσα φυσικά, να του φτιάξω κάτι για την αγαπημένη του ομάδα. Κι αφού για μένα ήταν μια πρόκληση έκατσα κάτω και στοιχηματίζοντας με τον εαυτό μου, νομίζω ότι τα κατάφερα. Προσάρμοσα λοιπόν δύο πρότυπα (Blogger Templates) στα χρώματα των δύο μεγάλων ομάδων.<br />Δείτε κι εσείς τα αποτελέσματα:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvboRynm3eob-0tzdulm52v5k_jNRjnTYjup9Lgym9xlryJaQDDHwIvbxdShEQXjSL3ZhXXpF5biWh_6tqCJkv1pDYp6FT7UqIhF-XS3WopPQRerNc6xzrJ7bvizFHEItjYyM8RaW3INuH/s1600/osfp.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="327" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvboRynm3eob-0tzdulm52v5k_jNRjnTYjup9Lgym9xlryJaQDDHwIvbxdShEQXjSL3ZhXXpF5biWh_6tqCJkv1pDYp6FT7UqIhF-XS3WopPQRerNc6xzrJ7bvizFHEItjYyM8RaW3INuH/s400/osfp.JPG" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="http://olympiacos-fbt.blogspot.com/" target="_blank">DEMO Ολυμπιακός</a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3Ye2eXykVTBf7mlW5yIy7WJ037e7XCqLQOXz0btkM7BZDIKl83B7G-XPzW-7urDs_-qW4J5chY2bxrB1vM818K2Q3blzIM2cdeH2j4nUMxprjrcA1AzzjGzfy3vA-BNqjA4wxYPlw5sgY/s1600/pao.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3Ye2eXykVTBf7mlW5yIy7WJ037e7XCqLQOXz0btkM7BZDIKl83B7G-XPzW-7urDs_-qW4J5chY2bxrB1vM818K2Q3blzIM2cdeH2j4nUMxprjrcA1AzzjGzfy3vA-BNqjA4wxYPlw5sgY/s400/pao.JPG" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="http://pao-fbt.blogspot.com/" target="_blank">LIVE Παναθηναϊκός</a></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Οι εικόνες στα sliders είναι άσχετες. Συγχωρέστε με για την ασχετοσύνη μου με τα spor.</div><div class="separator" style="clear: both; text-align: center;"><br /></div><br /></div>fbtemplateshttp://www.blogger.com/profile/06148487046849996982noreply@blogger.com5tag:blogger.com,1999:blog-8110535090624298123.post-49242723686727180502012-03-16T08:12:00.001-07:002012-04-06T07:32:06.079-07:00Επαγγελματικός αέρας στη Σελίδα σας με QueryLoader<div dir="ltr" style="text-align: left;" trbidi="on">Ένα φανταστικό trick που σίγουρα πολλοί από εσάς θα το ψάχνουν, όπως κι εγώ άλλωστε, και λίγοι θα το βρίσκουν. Είχα την τύχη να το πετύχω σε μια δική μας Σελίδα και δε μπορώ παρά να το προωθήσω ξανά κι εγώ σε σας. Επισκεφτείτε τη Σελίδα <a href="http://pao-fbt.blogspot.com/" target="_blank">ΠΑΟ</a> για να καταλάβετε περί τίνως πρόκειται.<br /><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_Vb33i_15XmM/TZzOmv3ThII/AAAAAAAABEw/MZYRO9TuaF8/image%5B9%5D.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="249" src="http://4.bp.blogspot.com/_Vb33i_15XmM/TZzOmv3ThII/AAAAAAAABEw/MZYRO9TuaF8/image%5B9%5D.png" width="320" /></a></div><br />Αυτή τη φορά δε θα σας γράψω εγώ τι θα κάνετε, αλλά θα σας προωθήσω στο Ελληνικό πρωτότυπο.<br />Ακολουθήστε τον σύνδεσμο για να το εγκαταστήσετε στη Σελίδα σας <a href="http://www.bloggertips.gr/2011/07/queryloader-blog.html" rel="nofollow" target="_blank">www.bloggertips.gr</a>.<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></div>fbtemplateshttp://www.blogger.com/profile/06148487046849996982noreply@blogger.com0tag:blogger.com,1999:blog-8110535090624298123.post-23086267117246351462012-03-13T04:28:00.001-07:002012-04-06T07:32:06.089-07:00Οριζόντια μπάρα με δυνατότητα απόκρυψης από τη Σελίδα σας<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: left;">Σας δίνει τη δυνατότητα να διαφημίσετε μέσω κειμένου κάτι που θέλετε ή να ειδοποιήσετε τους αναγνώστες σας για κάτι μελλοντικό, π.χ. επόμενο θέμα για ανάρτηση.</div><div style="text-align: left;">Δείτε πώς θα την τοποθετήσετε στο ιστολόγιό σας:</div><ul style="text-align: left;"><li>Σύνδεση στον Blogger </li><li>Σχεδίαση / Επεξεργασία HTML</li><li>Βρείτε την <span style="color: red;">]]></b:skin></span></li><li>Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:</li></ul><pre style="background-attachment: initial; background-clip: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxv9qeQ9L75D5TJY9tEkRjDdTiWFRzY5KU_3kJ2gHzJfOW1D1afsAtF025DVO_cqLvkvJwkvcSWmgllvgCK_iosQw0qPLnWkmw_FcmXVOzQEdIjEa0bVmlvTmCjOrOss4N6x8XAvqlAzD5/s1600/pre_code_bg.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; color: black; height: 200px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 35px; padding-right: 5px; padding-top: 5px; text-align: left; width: 540px; word-wrap: normal;"><span style="background-color: initial;">#btt_bar{<br />background:#</span><span style="background-color: yellow;">ff0808</span><span style="background-color: initial;"> url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOE_VJEROaFrMbljFd33mSbaEdFsPzf4al-vuml8wDwk6XK5mNHRrHNQGLMCpJM_C9x6p_Uy3N0Wj8hcLxKpqW_yTRSQL8YhdDH0NKVdavCjhoEG9odz5BTtVtBRGD5SkAKDnJuf9b0Vg/s400/stickybar.png') repeat-x;<br />width:100%;<br />margin:0 auto;<br />text-align:center;<br />padding:0px 0;<br />border-bottom: 1px solid #888888;<br />-moz-box-shadow: #666666 0px 1px 3px;<br />-webkit-box-shadow: #666666 0px 1px 3px;<br />box-shadow: #666666 0px 1px 3px;<br />z-index: 999;<br />height: 28px; position:fixed;<br />line-height: 1.85em;<br />vertical-align: baseline;<br />letter-spacing: 1px;<br />color:#ffff00;<br />font-size:13px;<br />font-weight:bold;<br />font-family: arial,"Helvetica",sans-serif;<br />}<br />#btt_bar a{<br />text-decoration:underline;<br />color:#E2E504;<br />}<br />#btt_bar a:hover{<br />text-decoration:none;<br />}<br />#btt_bar p {margin:0; list-style:none;}<br />#btt_bar img {vertical-align: middle;<br />margin-right: 6px;}</span></pre><ul style="text-align: left;"><li>Βρείτε τώρα την <span style="color: red;"></head></span></li><li>Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:</li></ul><pre style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxv9qeQ9L75D5TJY9tEkRjDdTiWFRzY5KU_3kJ2gHzJfOW1D1afsAtF025DVO_cqLvkvJwkvcSWmgllvgCK_iosQw0qPLnWkmw_FcmXVOzQEdIjEa0bVmlvTmCjOrOss4N6x8XAvqlAzD5/s1600/pre_code_bg.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; color: black; height: 200px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 35px; padding-right: 5px; padding-top: 5px; text-align: left; width: 540px; word-wrap: normal;"><script type='text/javascript'> <br />//<![CDATA[ <br />var btt_arr = new Array(); <br />var btt_clear = new Array(); <br />function bttFloat(btt) { <br />btt_arr[btt_arr.length] = this; <br />var bttpointer = eval(btt_arr.length-1); <br />this.pagetop = 0; <br />this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body; <br />this.bttsrc = document.all? document.all[btt] : document.getElementById(btt); <br />this.bttsrc.height = this.bttsrc.offsetHeight; <br />this.bttheight = this.cmode.clientHeight; <br />this.bttoffset = bttGetOffsetY(btt_arr[bttpointer]); <br />var bttbar = 'btt_clear['+bttpointer+'] = setInterval("bttFloatInit(btt_arr['+bttpointer+'])",1);'; <br />bttbar = bttbar; <br />eval(bttbar); <br />} <br />function bttGetOffsetY(btt) { <br />var mtaTotOffset = parseInt(btt.bttsrc.offsetTop); <br />var parentOffset = btt.bttsrc.offsetParent; <br />while ( parentOffset != null ) { <br />bttTotOffset += parentOffset.offsetTop; <br />parentOffset = parentOffset.offsetParent; <br />} <br />return bttTotOffset; <br />} <br />function bttFloatInit(btt) { <br />btt.pagetop = btt.cmode.scrollTop; <br />btt.bttsrc.style.top = bt.pagetop - btt.bttoffset + "px"; <br />} <br />function closeTopAds() { <br />document.getElementById("btt_bar").style.visibility = "hidden"; <br />} <br />//]]><br /></script></pre><ul style="text-align: left;"><li>Βρείτε τώρα την <span style="color: red;"><body></span></li><li>Επικολλήστε μετά από αυτήν τον παρακάτω κώδικα:</li></ul><div class="bloggertipsandtricks"><div id='btt_bar'> <span style="color: red;">ΓΡΑΨΤΕ ΤΟ ΚΕΙΜΕΝΟ ΠΟΥ ΘΕΛΕΤΕ ΝΑ ΕΜΦΑΝΙΣΤΕΙ ΣΤΗ ΜΠΑΡΑ </span><br /><span style='padding:0px; float:right'> <br /><img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhia3-erWfmAzueOXSA9UCn-9wZzFa_II4eFY-slJeGSVK7drntgtpfEeeD2CrCLF11X87k_RHlDHGeIWkUqgyHsStmFdc8Ck17DlG0d9u90UOJONe1ikCvNveLDeEDBMAZvGWRdc2_FfM/s1600/cancel-button.png' style='cursor:hand;cursor:pointer;'/></span></div> <br /><br/><br/> </div><div style="text-align: left;"></div><ul style="text-align: left;"><li>Αντικαταστήστε το κείμενο με κόκκινα γράμματα με το δικό σας κείμενο και πατήστε αποθήκευση προτύπου.</li></ul>Έχετε τώρα τη δυνατότητα να περάσετε ένα μήνυμα στους αναγνώστες σας μέσα από αυτή τη μπαρούλα.<br />Στον πρώτο κώδικα υπάρχει ένας κώδικας χρώματος μαρκαρισμένος με κίτρινο φόντο. Αλλάξτε τον αν θέλετε για να ταιριάζει με τη Σελίδα σας.<br /><div style="text-align: center;"><a href="http://btt-demogallery.blogspot.com/" target="_blank">LIVE DEMO</a></div></div>fbtemplateshttp://www.blogger.com/profile/06148487046849996982noreply@blogger.com0tag:blogger.com,1999:blog-8110535090624298123.post-11807922073873916582012-03-10T10:08:00.001-08:002012-04-06T07:32:06.100-07:00Κουμπί Show/Hide. Εξοικονομήστε χώρο στην ανάρτησή σας<div dir="ltr" style="text-align: left;" trbidi="on">Έχετε τη δυνατότητα με αυτό το κουμπάκι να αποκρύψετε ένα μεγάλο κείμενο που θα μπορούσε να φτάσει την ανάρτηση πολύ χαμηλά και να αναγκάσει τον αναγνώστη να αποχωρήσει λόγω του μεγάλου όγκου λέξεων. Αυτό το κουμπάκι θα σας βγάλει από το αδιέξοδο.<br />Πως θα το χρησιμοποιήσετε; Είναι απλό. Εκεί που γράφετε την ανάρτησή σας και έχετε φτάσει σε ένα σημείο που θέλετε να γράψετε κάτι που θέλετε να τονιστεί αλλά ο όγκος είναι μεγάλος, αν κοιτάξετε την πλατφόρμα που γράφετε πάνω δεξιά θα δείτε 2 κουμπιά. Όσο γράφετε είστε στη "Σύνθεση". 'Οταν θέλετε να εισαγάγετε έναν κώδικα, πατήστε "Επεξεργασία HTML".<br />Προσθέστε κάτω από την τελευταία φράση σας τον παρακάτω κώδικα:<br /><div class="bloggertipsandtricks"><script type="text/javascript"><br />$(document).ready(function(){<br />$('#butShowHide').click(function()<br />{<br />$('#pShowHide').toggle();<br />});<br />});<br /></script><br /><p id="pShowHide" style="display:none"><br /><span style="color: red;">ΤΟ ΚΕΙΜΕΝΟ ΠΟΥ ΘΕΛΕΤΕ ΝΑ ΚΡΥΨΕΤΕ</span></p><br /><button id="butShowHide">Ανοίξτε/Κλείστε</button></div>Αντικαταστήστε <span style="color: red;">ΤΟ ΚΕΙΜΕΝΟ ΠΟΥ ΘΕΛΕΤΕ ΝΑ ΚΡΥΨΕΤΕ </span>με το δικό σας κείμενο, πατήστε ξανά "Σύνθεση" και συνεχίστε την ανάρτηση μέχρι τη δημοσίευσή της.<br /> Δείτε το LIVE κάτω από τον διαφημιστικό μου πίνακα.<br /><span style="color: red;">Μπορείτε να το χρησιμοποιήσετε μόνο μια φορά σε κάθε ανάρτηση. Αν τυχόν το έχετε χρησιμοποιήσει και στο sidebar, και θέλετε και στην ανάρτηση, απλά δε θα δουλέψει κανένα τους.</span></div>fbtemplateshttp://www.blogger.com/profile/06148487046849996982noreply@blogger.com0tag:blogger.com,1999:blog-8110535090624298123.post-83240883963353211382012-03-08T02:35:00.001-08:002012-04-06T07:32:06.110-07:00Εξαφανίστε το sidebar από τις αναρτήσεις. Εμφάνιση μόνο στη αρχική Σελίδα<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: left;"><a href="http://www.bloggertipsandtricks.net/2012/01/sidebar.html" target="_blank">Στην ανάρτηση αυτή</a> είχαμε γράψει πώς μπορούμε να εξαφανίσουμε το sidebar από την Αρχική Σελίδα. Μετά από έρευνα και με τη βοήθεια της αξιόλογης Σελίδας <a href="http://nikos63.blogspot.com/2010/06/blog-post_14.html" rel="nofollow" target="_blank">http://nikos63.blogspot.com</a> φτάσαμε σε ένα αντίθετο αποτέλεσμα που σίγουρα πολλοί το ψάχνουν. Ως τώρα μπορούσαμε μόνο να εξαφανίσουμε το sidebar από τις αναρτήσεις, αλλά με αποτέλεσμα να μένει κενό το κομμάτι του. Ένα κομμάτι κώδικα από τη Σελίδα του Νίκου, έκανε τη διαφορά.</div><div style="text-align: left;">Με τον κώδικα που θα σας δώσω θα μπορέσετε να γεμίσετε τον κενό χώρο του sidebar.</div><div style="text-align: left;">Ακολουθήστε τα παρακάτω βήματα:</div><ul style="text-align: left;"><li>Σύνδεση στον Blogger</li><li>Σχεδίαση / Επεξεργασία HTML</li><li>Βρείτε την <b style="color: red;"></head></b></li><li>Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:</li></ul><div class="bloggertipsandtricks"><style type='text/css'><br /><b:if cond='data:blog.pageType != &quot;index&quot;'><br /><b:if cond='data:blog.pageType != &quot;static_page&quot;'><br />.sidebar{display:none;}<br />#main-wrapper{width: 100%; float: none; margin: 0 auto;}<br /></b:if><br /></b:if><br /></style></div><div style="text-align: left;"></div><ul><li>Αποθήκευση προτύπου και είστε έτοιμοι.</li></ul><div style="text-align: center;"><a href="http://newgallery-4-fbt.blogspot.com/" target="_blank">LIVE DEMO</a></div></div>fbtemplateshttp://www.blogger.com/profile/06148487046849996982noreply@blogger.com0tag:blogger.com,1999:blog-8110535090624298123.post-40900592547142060042012-03-06T12:12:00.001-08:002012-04-06T07:32:06.119-07:00Παρακολούθηση μέσω ηλ. ταχυδρομείου με popup box<div dir="ltr" style="text-align: left;" trbidi="on">Τον τελευταίο καιρό τα popup boxes έχουν γίνει πολύ της μοδός. Αναρτήσαμε κώδικες για πολλούς τομείς, όπως το Facebook, τις διαφημίσεις, τα menus, το Twitter, το chatbox κ.α. Σήμερα έχει την τιμητική του το gadget "Follow by email".<br />Αν το έχετε εγκαταστήσει από τα επίσημα gadgets του Blogger έχει καλώς, αν όχι κάντε το τώρα και με τον κώδικα που θα σας πω θα το κάνετε να φαίνεται κάτω δεξιά στη Σελίδα σας,όπως <a href="http://blackweb-fbt.blogspot.com/" target="_blank">ΕΔΩ</a><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtXFhG1e6STKsnhiPTx_TOofJAHkX5T_afnQiAFDV-qvO-Ary2JKHup5ypdrAJhB8aCkVfKwA5Csga5Y05WvwTHOO0Ij3L-6iWO_MG3fbOeHFU2CjG4EoGMhJAjmILPHhR6p-L9kyu2Y40/s1600/fbe.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtXFhG1e6STKsnhiPTx_TOofJAHkX5T_afnQiAFDV-qvO-Ary2JKHup5ypdrAJhB8aCkVfKwA5Csga5Y05WvwTHOO0Ij3L-6iWO_MG3fbOeHFU2CjG4EoGMhJAjmILPHhR6p-L9kyu2Y40/s1600/fbe.JPG" /></a></div>Αφού λοιπόν έχετε τοποθετήσει το επίσημο gadget "Παρακολούθηση μέσω ηλ. ταχυδρομείου", επιλέξτε "Προσθήκη gadget - HTML/JavaScript" και επικολλήστε τον παρακάτω κώδικα:<br /><pre style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxv9qeQ9L75D5TJY9tEkRjDdTiWFRzY5KU_3kJ2gHzJfOW1D1afsAtF025DVO_cqLvkvJwkvcSWmgllvgCK_iosQw0qPLnWkmw_FcmXVOzQEdIjEa0bVmlvTmCjOrOss4N6x8XAvqlAzD5/s1600/pre_code_bg.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; font-size: 14px; height: 360px; line-height: 20px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 35px; padding-right: 5px; padding-top: 5px; width: 540px; word-wrap: normal;"><style type='text/css'><br />/*<![CDATA[*/<br /> .FollowByEmail {background-color: #464646;width: 220px;color: #fff;position: fixed;z-index: 999999;right: 10px;bottom: 0;}<br /> .followOpened {-webkit-border-radius: 2px 0 0;-moz-border-radius: 2px 0 0;border-radius: 2px 0 0;-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}<br /> .bttfollowButton {background: #464646;color: #CCC;font-size: 13px;line-height: 28px;padding: 0 10px;text-decoration: none;position: absolute;top: -28px;right: 0;display: block;-webkit-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);-webkit-border-radius: 2px 2px 0 0;-moz-border-radius: 2px 2px 0 0;border-radius: 2px 2px 0 0;height: 28px;}<br /> .bttfollowButton span {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWLOoXvra8w7-PebdA6Ni8stVBZdNJ2gbP2rVDBJ_ybG0xOB-GLqZk0Vez5PcF_bVTYiUI6Vv_tEgCVuUvYicOvz2tb4bDqHtuqgUQKvWEf4V6yiJGGEX7qjqzGPE97f9XX6x3Yfd00R3r/s1600/follow.png") no-repeat scroll 0 3px transparent;padding-left: 15px;}<br /> .bttfollowButton:hover,.followActive {color: #fff !important;}<br /> .bttfollowButton:hover span,.followActive span {background-position: 0 -37px !important;}<br /> .followactive {background-color: #333;}<br /> .follow-by-email-inner {padding: 15px;}<br /> .FollowByEmail h2 {padding: 15px 15px 0;font-size: 18px;margin: 0 0 10px;font-weight: normal;}<br /> .follow-by-email-inner p {margin: 0 0 10px;}<br /> .follow-by-email-inner .follow-by-email-address {width: 95%;padding: 2px 4px;margin: 0 auto;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 15px;border: 1px solid #444;color: #888;display: block;clear: both;}<br /> .follow-by-email-inner form {text-align: center;}<br /> .follow-by-email-inner td{display: inline-block;width:100%;text-align:center;}<br /> .follow-by-email-inner .follow-by-email-address:focus {color: #000;border-color: #000;}<br /> .follow-by-email-inner .follow-by-email-submit {cursor: pointer;padding: 2px 20px;background: #333;background: -webkit-linear-gradient(top, #333 0%, #111 100%);background: -moz-linear-gradient(top, #333 0%, #111 100%);background: -o-linear-gradient(top, #333 0%, #111 100%);background: -ms-linear-gradient(top, #333 0%, #111 100%);background: linear-gradient(top, #333 0%, #111 100%);color: #ccc;text-shadow: 0 1px 0 #000;border: 1px solid #282828;-webkit-border-radius: 11px;-moz-border-radius: 11px;border-radius: 11px;-webkit-box-shadow: inset 0 1px 0 #444;-moz-box-shadow: inset 0 1px 0 #444;box-shadow: inset 0 1px 0 #444;text-decoration: none;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;margin: 1em 0 1em 0;}<br /> .follow-by-email-submit:hover {background: #222;background: -webkit-linear-gradient(top, #333 0%, #222 100%);background: -moz-linear-gradient(top, #333 0%, #222 100%);background: -o-linear-gradient(top, #333 0%, #222 100%);background: -ms-linear-gradient(top, #333 0%, #222 100%);background: linear-gradient(top, #333 0%, #222 100%);color: #fff;-webkit-box-shadow: inset 0 1px 0 #4f4f4f;-moz-box-shadow: inset 0 1px 0 #4f4f4f;box-shadow: inset 0 1px 0 #4f4f4f;text-decoration: none;}<br /> .follow-by-email-submit:active {background: #111;background: -webkit-linear-gradient(top, #111 0%, #222 100%);background: -moz-linear-gradient(top, #111 0%, #222 100%);background: -o-linear-gradient(top, #111 0%, #222 100%);background: -ms-linear-gradient(top, #111 0%, #222 100%);background: linear-gradient(top, #111 0%, #222 100%);color: #aaa;-webkit-box-shadow: inset 0 -1px 0 #333;-moz-box-shadow: inset 0 -1px 0 #333;box-shadow: inset 0 -1px 0 #333;text-decoration: none;}<br /> .bttFollowFooter {text-align: center;font: normal 11px "Helvetica Neue", sans-serif;padding: 7px 0;margin: 0 0 -15px !important;border-top: 1px solid #3c3c3c;}<br /> .bttFollowFooter a {color: #aaa;text-shadow: 0 1px 0 #262626;background: none;text-decoration: none;}<br /> .bttFollowFooter a:hover {color: #fff;background: none;}<br />/*]]>*/<br /></style><br /><script type="text/javascript" src="http://yourjavascript.com/3312361413/btt_rss_email.txt.js"></script></pre>Πατήστε αποθήκευση και έχετε μια νέα εμφάνιση στο παλιό σας gadget.<br /><div style="text-align: center;"><a href="http://blackweb-fbt.blogspot.com/" target="_blank">LIVE DEMO ΚΑΤΩ ΔΕΞΙΑ ΣΤΟ Follow</a></div></div>fbtemplateshttp://www.blogger.com/profile/06148487046849996982noreply@blogger.com0tag:blogger.com,1999:blog-8110535090624298123.post-17362219402362346382012-03-05T04:48:00.001-08:002012-04-06T07:32:06.129-07:00Δωρεάν πρότυπα για να δώσετε την εμφάνιση που ταιριάζει στο blog σας<div dir="ltr" style="text-align: left;" trbidi="on">Έχουμε μιλήσει και παλιά για τη δίδυμη Σελίδα μας στον Blogger με πάρα πολλά πρότυπα για να μπορέσετε να διαλέξετε αυτό που ταιριάζει στη Σελίδα σας.<br />Η <a href="http://www.favoritebtemplates.com/" target="_blank">www.favoritebtemplates.com</a> γεννήθηκε μαζί με την <a href="http://www.bloggertipsandtricks.net/" target="_blank">www.bloggertipsandtricks.net</a> το καλοκαίρι της προηγούμενης χρονιάς. Αν και με μεγάλο ανταγωνισμό, γιατί απευθύνεται και σε ξένους επισκέπτες, πάει αρκετά καλά. Σ' αυτή θα βρείτε ό, τι πιο cool κυκλοφορεί από πρότυπό σε σχέση με τον Blogger. Ενημερώνεται καθημερινά με τα πιο φρέσκα πρότυπα που κυκλοφορούν στο διαδίκτυο και το βασικότερο από όλα είναι δωρεάν. Η Goolgle με την πλατφόρμα του Blogger έχει δώσει τη δυνατότητα σε πολλούς ανθρώπους να εκφράσουν τη σκέψη τους δημόσια, δημιουργώντας ένα δωρεάν blog. Η Σελίδα <a href="http://www.favoritebtemplates.com/" target="_blank">Favorite Blogger Templates</a> σας δίνει τη δυνατότητα να δώσετε έναν επαγγελματικό αέρα στην εμφάνιση αυτού που δημιουργήσατε.<br />Δεν είναι δικά της πρότυπα. Η Σελίδα αυτή είναι μια τεράστια συλλογή που όσο περνάει ο καιρός γίνεται πιο τεράστια.<br /><a href="http://www.favoritebtemplates.com/" target="_blank">Εξερευνήστε</a> την και είμαι σίγουρος ότι όσοι δεν τη γνωρίζετε θα τη συμπαθήσετε και θα την επισκέπτεστε πιο συχνά. <a href="http://www.favoritebtemplates.com/" target="_blank">http://www.favoritebtemplates.com/</a><br /><br /></div>fbtemplateshttp://www.blogger.com/profile/06148487046849996982noreply@blogger.com0tag:blogger.com,1999:blog-8110535090624298123.post-33386921081352075702012-03-04T08:00:00.001-08:002012-04-06T07:32:06.137-07:00Μήνυμα υποδοχής με neon light κείμενο<div dir="ltr" style="text-align: left;" trbidi="on">Ένα κείμενο καλωσορίσματος με έντονη παρουσία σαν φωτιζόμενη πινακίδα σε κατάστημα.<br /><h2><script language="JavaScript1.2">/*Neon Lights TextBy JavaScript Kit */var message="ΕΔΩ ΘΑ ΔΕΙΤΕ ΤΟ ΑΠΟΤΕΛΕΣΜΑ"var neonbasecolor="#333"var neontextcolor="#fff"var flashspeed=100 //in milliseconds///No need to edit below this line/////var n=0if (document.all||document.getElementById){document.write('')for (m=0;m<message.length;m++)document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')document.write('')}elsedocument.write(message)function crossref(number){var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)return crossobj}function neon(){//Change all letters to base colorif (n==0){for (m=0;m<message.length;m++)//eval("document.all.neonlight"+m).style.color=neonbasecolorcrossref(m).style.color=neonbasecolor}//cycle through and change individual letters to neon colorcrossref(n).style.color=neontextcolorif (n<message.length-1)n++else{n=0clearInterval(flashing)setTimeout("beginneon()",1500)return}}function beginneon(){if (document.all||document.getElementById)flashing=setInterval("neon()",flashspeed)}beginneon()</script></h2>Ακολουθήστε τις οδηγίες να το βάλετε στη Σελίδα σας:<div style="text-align: left;"></div><ul style="text-align: left;"><li>Σύνδεση στον Blogger</li><li>Σχεδίαση - Προσθήκη gadget - HTML/JavaScript</li><li>Επικολλήστε τον παρακάτω κώδικα:</li></ul><pre style="background-attachment: initial; background-clip: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxv9qeQ9L75D5TJY9tEkRjDdTiWFRzY5KU_3kJ2gHzJfOW1D1afsAtF025DVO_cqLvkvJwkvcSWmgllvgCK_iosQw0qPLnWkmw_FcmXVOzQEdIjEa0bVmlvTmCjOrOss4N6x8XAvqlAzD5/s1600/pre_code_bg.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; height: 360px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 35px; padding-right: 5px; padding-top: 5px; width: 540px; word-wrap: normal;"><span style="background-color: initial;"><span style="color: black;"><h2><br /><script language="JavaScript1.2"><br />/*<br />Neon Lights Text<br />By JavaScript Kit <br />*/<br /><br />var message="</span><span style="color: red;"><b>ΤΟ ΚΕΙΜΕΝΟ ΣΑΣ ΕΔΩ</b></span>"<br />var neonbasecolor="</span><span style="background-color: red;">black</span><span style="background-color: initial;">"<br />var neontextcolor="</span><span style="background-color: yellow;">red</span><span style="background-color: initial;">"<br />var flashspeed=100 //in milliseconds<br /><br />///No need to edit below this line/////<br /><br />var n=0<br />if (document.all||document.getElementById){<br />document.write('')<br />for (m=0;m<message.length;m++)<br />document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')<br />document.write('')<br />}<br />else<br />document.write(message)<br /><br />function crossref(number){<br />var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)<br />return crossobj<br />}<br /><br />function neon(){<br /><br />//Change all letters to base color<br />if (n==0){<br />for (m=0;m<message.length;m++)<br />//eval("document.all.neonlight"+m).style.color=neonbasecolor<br />crossref(m).style.color=neonbasecolor<br />}<br /><br />//cycle through and change individual letters to neon color<br />crossref(n).style.color=neontextcolor<br /><br />if (n<message.length-1)<br />n++<br />else{<br />n=0<br />clearInterval(flashing)<br />setTimeout("beginneon()",1500)<br />return<br />}<br />}<br /><br />function beginneon(){<br />if (document.all||document.getElementById)<br />flashing=setInterval("neon()",flashspeed)<br />}<br />beginneon()<br /></script><br /></h2></span></pre><div style="text-align: left;"></div><ul style="text-align: left;"><li>Αντικαταστήστε "ΤΟ ΚΕΜΕΝΟ ΣΑΣ ΕΔΩ" με το δικό σας μήνυμα και πατήστε αποθήκευση.</li></ul>Αν θέλετε αλλάξτε και τα χρώματα. Τη θέση που θα εμφανίζεται τη διαλέγετε εσείς.</div>fbtemplateshttp://www.blogger.com/profile/06148487046849996982noreply@blogger.com1tag:blogger.com,1999:blog-8110535090624298123.post-1367789358086933182012-03-02T04:35:00.001-08:002012-04-06T07:32:06.146-07:00Page navigation. Διαφορετική μορφή, αλλά ωραία. (Σελίδες με αριθμούς)<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: left;">Σε προηγούμενες αναρτήσεις έχουμε δώσει διάφορους κώδικες για αριθμημένες σελίδες. Σήμερα θα δείτε μια διαφορετική εκδοχή. Ακολουθήστε τα παρακάτω βήματα για να προσθέσετε στο blog σας:</div><ul style="text-align: left;"><li>Σύνδεση στον Blogger</li><li>Σχεδίαση / Επεξεργασία HTML</li><li>Βρείτε την <span style="color: red;"><b>]]></b:skin></b></span></li><li>Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:</li></ul><pre style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxv9qeQ9L75D5TJY9tEkRjDdTiWFRzY5KU_3kJ2gHzJfOW1D1afsAtF025DVO_cqLvkvJwkvcSWmgllvgCK_iosQw0qPLnWkmw_FcmXVOzQEdIjEa0bVmlvTmCjOrOss4N6x8XAvqlAzD5/s1600/pre_code_bg.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; color: black; height: 260px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 35px; padding-right: 5px; padding-top: 5px; text-align: left; width: 540px; word-wrap: normal;">.paginator {<br /> margin-top:60px;<br /> font-size:1em;<br />}<br />.paginator table {<br /> border-collapse:collapse;<br /> table-layout:fixed;<br /> width:100%;<br />}<br />.paginator table td {<br /> padding:0;<br /> white-space:nowrap;<br /> text-align:center;<br />}<br />.paginator span {<br /> display:block;<br /> padding:3px 0;<br /> color:#fff;<br />}<br />.paginator span strong,<br />.paginator span a {<br /> padding:2px 6px;<br />}<br />.paginator span strong {<br /> background:#ff6c24;<br /> font-style:normal;<br /> font-weight:normal;<br />}<br />.paginator .scroll_bar {<br /> width:100%; height:20px;<br /> position:relative;<br /> margin-top:10px;<br />}<br />.paginator .scroll_trough {<br /> width:100%; height:3px;<br /> background:#ccc;<br /> overflow:hidden;<br />}<br />.paginator .scroll_thumb {<br /> position:absolute;<br /> z-index:2;<br /> width:0; height:3px;<br /> top:0; left:0;<br /> font-size:1px;<br /> background:#363636;<br />}<br />.paginator .scroll_knob {<br /> position:absolute;<br /> top:-5px; left:50%;<br /> margin-left:-10px;<br /> width:20px; height:20px;<br /> overflow:hidden;<br /> background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqRXVHIkGdrvSetvwI_84GZUpIVHvR1ZYdo3eEJ8R5dq-sOgcEsQ7X3JDzgYbr8bxXbkhm_DlacdNQU653Y3v6MuhVESTTdK1qSXhbaLTSCEFjOvtXK-G1_aFTwxNqUoI2Y_N333Y5mdI/s1600/slider_knob.gif) no-repeat 50% 50%;<br /> cursor:pointer; cursor:hand;<br />}<br />.paginator .current_page_mark {<br /> position:absolute;<br /> z-index:1;<br /> top:0; left:0;<br /> width:0; height:3px;<br /> overflow:hidden;<br /> background:#ff6c24;<br />}<br /> <br />.fullsize .scroll_thumb {<br /> display:none;<br />}<br /> <br />.paginator_pages {<br /> width:600px;<br /> text-align:right;<br /> font-size:0.8em;<br /> color:#808080;<br /> margin-top:-10px;<br />}</pre><ul style="text-align: left;"><li>Βρείτε τώρα την <span style="color: red;"><b></body></b></span></li><li>Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:</li></ul><pre style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxv9qeQ9L75D5TJY9tEkRjDdTiWFRzY5KU_3kJ2gHzJfOW1D1afsAtF025DVO_cqLvkvJwkvcSWmgllvgCK_iosQw0qPLnWkmw_FcmXVOzQEdIjEa0bVmlvTmCjOrOss4N6x8XAvqlAzD5/s1600/pre_code_bg.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; color: black; height: 160px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 35px; padding-right: 5px; padding-top: 5px; width: 540px; word-wrap: normal;"><script src='http://yourjavascript.com/123162034/script_bloggertipsandtricks_net.txt.js' type='text/javascript'></script><br /><script type='text/javascript'><br />var home_page="/";<br />var urlactivepage=location.href;<br />var postperpage=4;<br />var numshowpage=4;<br /></script><br /><script src='http://yourjavascript.com/201563128/page-nav btt_net.txt.js'></script></pre><div style="text-align: left;"></div><ul style="text-align: left;"><li>Αποθήκευση προτύπου και είστε έτοιμοι.</li></ul>Ίσως να μη δείτε αμέσως το gadget. Κάντε υπομονή και συνεχίστε τη δουλειά σας όπως παλιά. Μετά από λίγο θα εμφανιστεί.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0sFWbsPmDhAUjnudK3TyQYD0IZ5ic5etNmXqL0TUdSc6YrxX95P9HigWxkK_GXqbAy8jpLoj2Pt_RqYVVlf_xWVr4PP7Bs-2kbb9flgE6268amtl7XBZ1AEXtpAvEDBsWq3IjXypr2fe8/s1600/pn.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0sFWbsPmDhAUjnudK3TyQYD0IZ5ic5etNmXqL0TUdSc6YrxX95P9HigWxkK_GXqbAy8jpLoj2Pt_RqYVVlf_xWVr4PP7Bs-2kbb9flgE6268amtl7XBZ1AEXtpAvEDBsWq3IjXypr2fe8/s320/pn.png" width="320" /></a></div><br /></div>fbtemplateshttp://www.blogger.com/profile/06148487046849996982noreply@blogger.com4tag:blogger.com,1999:blog-8110535090624298123.post-2141979609887183922012-02-29T06:40:00.001-08:002012-04-06T07:32:06.157-07:00Stylish Scrolling Sidebar Widget για τον Blogger<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: left;">Τον τελευταίο καιρό βλέπω διάφορες Σελίδες με τόσο φορτωμένα sidebars που δε γίνεται με τίποτα , μα με τίποτα να φορτώσουν. Θα πρότεινα να ξανασκεφτούν τον τρόπο της παρουσίασης, γιατί στον επισκέπτη αρέσει πάντα το εύκολο. Αυτό που λέω αφορά διάφορα σχόλια για την <a href="http://www.bloggertipsandtricks.net/2012/02/widget-blogger.html" target="_blank">Συγκεκριμένη ανάρτηση</a>. Η άποψή μου είναι η Αρχική Σελίδα να αποτελείται από 3 εως 5 αναρτήσεις πάντα με "Read More" και το sidebar να είναι ανάλογα γεμάτο μέχρι εκεί που τελειώνουν οι αναρτήσεις. Δοκιμάστε το και θα δείτε ένα καλύτερο αποτέλεσμα.</div><div style="text-align: left;">Στο θέμα μας τώρα για να εγκαταστήσουμε το gadget.</div><ul style="text-align: left;"><li>Σύνδεση στον Blogger</li><li>Σχεδίαση / Επεξεργασία HTML</li><li>Βρείτε την <span style="color: red;"><b></body></b></span></li><li>Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:</li></ul><pre style="background-attachment: initial; background-clip: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxv9qeQ9L75D5TJY9tEkRjDdTiWFRzY5KU_3kJ2gHzJfOW1D1afsAtF025DVO_cqLvkvJwkvcSWmgllvgCK_iosQw0qPLnWkmw_FcmXVOzQEdIjEa0bVmlvTmCjOrOss4N6x8XAvqlAzD5/s1600/pre_code_bg.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; font-size: 14px; height: 360px; line-height: 20px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 35px; padding-right: 5px; padding-top: 5px; width: 540px; word-wrap: normal;"><span style="background-color: initial;"><script src='https://sites.google.com/site/everythingaboutblogging/Home/prototype.js' type='text/javascript'/><br /><script src='https://sites.google.com/site/everythingaboutblogging/Home/effects.js' type='text/javascript'/><br /><script src='https://sites.google.com/site/everythingaboutblogging/Home/side-bar.js' type='text/javascript'/><br /><style><br />body{<br /> font-size:75%;<br />}<br />a{<br /> outline: none;<br />}<br />a:active{<br /> outline: none;<br />}<br />#sideBar{<br />text-align:left;<br />}<br />#sideBar h2{<br /> color:#FFFFFF;<br /> font-size:110%;<br /> font-family:arial;<br /> margin:10px 10px 10px 10px;<br /> font-weight:bold !important;<br />}<br />#sideBar h2 span{<br /> font-size:125%;<br /> font-weight:normal !important;<br />}<br />#sideBar ul{<br /> margin:0px 0px 0px 0px;<br /> padding:0px 0px 0px 0px;<br />}<br />#sideBar li{<br /> margin:0px 10px 3px 10px;<br /> padding:2px;<br /> list-style-type:none;<br /> display:block;<br /> background-color:#DA1074;<br /> width:177px;<br /> color:#FFFFFF;<br />}<br />#sideBar li a{<br /> width:100%;<br />}<br />#sideBar li a:link,<br />#sideBar li a:visited{<br /> color:#FFFFFF;<br /> font-family:verdana;<br /> font-size:100%;<br /> text-decoration:none;<br /> display:block;<br /> margin:0px 0px 0px 0px;<br /> padding:0px;<br /> width:100%;<br />}<br />#sideBar li a:hover{<br /> color:#FFFFFF;<br /> text-decoration:underline;<br />}<br />#sideBar{<br /> position: fixed;<br /> width: auto;<br /> height: auto;<br /> top: 140px;<br /> left:0px;<br /> background-image:url(http://i36.tinypic.com/2wejg37.jpg);<br /> background-position:top right;<br /> background-repeat:repeat-y;<br />}<br />#sideBarTab{<br /> float:left;<br /> height:137px;<br /> width:28px;<br />}<br />#sideBarTab img{<br /> border:0px solid #FFFFFF;<br />}<br />#sideBarContents{<br /> float:left;<br /> overflow:hidden !important;<br /> width:200px;<br /> height:320px;<br />}<br />#sideBarContentsInner{<br /> width:200px;<br />}</style><br /><div id='sideBar'><br /> <div id='sideBarContents' style='display:none;'><br /> <div id='sideBarContentsInner'><br /> <h2><div style='text-align: justify;'><span style='font-family:verdana;'>Χρήσιμοι Σύνδεσμοι</span><br /></div></h2><br /> <ul><br /> <li><a href='</span><span style="background-color: red;">#</span><span style="background-color: initial;">'></span><span style="background-color: yellow;">Σύνδεσμος 1</span><span style="background-color: initial;"></a></li><br /> <li><a href='</span><span style="background-color: red;">#</span><span style="background-color: initial;">'></span><span style="background-color: yellow;">Σύνδεσμος 2</span><span style="background-color: initial;"></a></li><br /> <li><a href='</span><span style="background-color: red;">#</span><span style="background-color: initial;">'></span><span style="background-color: yellow;">Σύνδεσμος 3</span><span style="background-color: initial;"></a></li><br /> <li><a href='</span><span style="background-color: red;">#</span><span style="background-color: initial;">'></span><span style="background-color: yellow;">Σύνδεσμος 4</span><span style="background-color: initial;"></a></li><br /> <li><a href='</span><span style="background-color: red;">#</span><span style="background-color: initial;">'></span><span style="background-color: yellow;">Σύνδεσμος 4</span><span style="background-color: initial;"></a></li><br /> <li><a href='</span><span style="background-color: red;">#</span><span style="background-color: initial;">'></span><span style="background-color: yellow;">Σύνδεσμος 4</span><span style="background-color: initial;"></a></li><br /> </ul><br /> </div> </div><br /> <a href='#' id='sideBarTab'><img alt='sideBar' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEyYOXcaiHaiuvUwY3EgS6bKa9eG-lrp1af-fcf78n5t-YTsnwk5-xKdCvhEss99czYeCxAlAZZGdPJa_wK_vbUfCY3HWYm57Gno3iBhrqwBFfFb_qUIHT1d2alp12P7QeSAkal417or08/s1600/260g2g9.gif' title='sideBar'/></a><br /></div></span></pre><div style="text-align: left;"></div><ul style="text-align: left;"><li>Αντικαταστήστε τα κόκκινα φόντα με τους συνδέσμους που θέλετε να χρησιμοποιήσετε και τα κόκκινα φόντα με τα αντίστοιχα ονόματα.</li><li>Αποθήκευση προτύπου και είστε έτοιμοι.</li></ul>Αυτό το gadget είναι χρήσιμο για κάποιους που θέλουν να ανταλλάξουν links με κάποιους , αλλά η αισθητική και ο χώρος που διαθέτουν δεν τους αφήνουν να το κάνουν.<br /><div style="text-align: left;">Μπορείτε να προσθέσετε κι άλλες ετικέτες μέχρι να γεμίσει το πλαίσιο.</div><div style="text-align: center;"><a href="http://new-gallery-4-fbt.blogspot.com/" target="_blank">LIVE DEMO</a></div></div>fbtemplateshttp://www.blogger.com/profile/06148487046849996982noreply@blogger.com0tag:blogger.com,1999:blog-8110535090624298123.post-73736447584488413372012-02-28T03:45:00.001-08:002012-04-06T07:32:06.168-07:00Διαφημιστικό popup box. Χρήσιμο, αλλά και σπαστικό ταυτοχρόνως<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: left;">Αρχικά έγραψα για διαφημίσεις Google, αλλά επειδή είναι ενάντια στους Όρους Χρήσης, άλλαξα γνώμη και τίτλο. Λοιπόν σαν gadget παραμένει ίδιο και οι διαφημίσεις που θα βάλετε θα είναι διαφορετικές από της Google, εκτός αν με δική σας ευθύνη θέλετε να τις βάλετε. Όπως και να έχει ακολουθήστε τα παρακάτω βήματα για να το βάλετε στη Σελίδα σας:</div><ul style="text-align: left;"><li>Σύνδεση στον Blogger</li><li>Σχεδίαση / Επεξεργασία HTML</li><li>Βρείτε την <b><span style="color: red;"></head></span></b></li><li>Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:</li></ul><pre style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxv9qeQ9L75D5TJY9tEkRjDdTiWFRzY5KU_3kJ2gHzJfOW1D1afsAtF025DVO_cqLvkvJwkvcSWmgllvgCK_iosQw0qPLnWkmw_FcmXVOzQEdIjEa0bVmlvTmCjOrOss4N6x8XAvqlAzD5/s1600/pre_code_bg.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; color: black; height: 260px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 35px; padding-right: 5px; padding-top: 5px; width: 540px; word-wrap: normal;"><style><br />#topbar {<br />height:30px;<br />width:auto;<br />background: #FE9980 url('http://lh3.ggpht.com/_beEpWOXwLJE/TIb57Lu4fwI/AAAAAAAABE0/q7niFVRbyNE/top-toolbar.jpg');<br />background-repeat:repeat-x;<br />text-align:left;<br />padding-top:4px;<br />}<br />#adsground {<br />height:auto;<br />margin:0 auto;<br />width: 336px;<br />background:#fff;<br />border-bottom:2px #FE9980solid;<br />border-right:2px #FE9980solid;<br />border-left:2px #FE9980 solid;<br />text-align:Center;<br />padding:4px;<br />}<br /><br /><br />#headline{<br />opacity:1.0;<br />height:auto;<br />width:auto;<br />position:fixed;<br />top:65px;<br />left:170px;<br />border-bottom:1px #FE9980 solid;<br />border-bottom:0px blue solid;<br />color:#333;<br />padding:0px;<br />z-index:1001;<br />font-size:13px;}<br /></style><br /><script type="text/javascript"><br />function getValue()<br />{<br />document.getElementById("headline").style.display = 'none';<br />}<br /></script></pre><div style="text-align: left;"></div><ul style="text-align: left;"><li>Αποθηκεύστε το πρότυπό σας</li><li>Πατήστε τώρα "Στοιχεία Σελίδας"</li><li>Επιλέξτε "Προσθήκη gadget" / "HTML/JavaScript"</li><li>Επικολλήστε τον παρακάτω κώδικα:</li></ul><pre style="background-attachment: initial; background-clip: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxv9qeQ9L75D5TJY9tEkRjDdTiWFRzY5KU_3kJ2gHzJfOW1D1afsAtF025DVO_cqLvkvJwkvcSWmgllvgCK_iosQw0qPLnWkmw_FcmXVOzQEdIjEa0bVmlvTmCjOrOss4N6x8XAvqlAzD5/s1600/pre_code_bg.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; color: black; height: 260px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 35px; padding-right: 5px; padding-top: 5px; width: 540px; word-wrap: normal;"><span style="background-color: initial;"><div id="headline"><br /><div id="topbar"><br /><img align="left" style="padding-left:2px;" src="http://icons.iconarchive.com/icons/iconshock/windows-7-general/24/administrator-icon.png" /><br /><span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em">Διαφήμιση</span><br /><br /><span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"> <target="_blank" onclick="getValue()"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7YrWQR2_u8aiLze-xRjJYeUJTYJ2aipXZc2IiqQj4NvmbN5-jACI1Vh1pu6OOrRHAeTYSgRz_mS_N9ppScZn4zOZSCqbQdhnnGnvEKo3eKM6UZ3DyMv-4kVCzwxFboXP715UntrE4fvkA/s1600/close.png" /></target="_blank"></span><br /></div><br /><div id="adsground"><br /><h3><a href="http://www.blogger9.com/2011/07/how-to-add-latest-adsense-popup-box-in.html">Get This Pop-up Window </a></h3><br /><p align="left"><h3></h3></p><br /></span><span style="background-color: red;">ΒΑΛΤΕ ΕΔΩ ΤΟΝ ΚΩΔΙΚΑ ΤΗΣ ΔΙΑΦΗΜΙΣΗΣ 336Χ280 ή 300Χ250</span><span style="background-color: initial;"><p><br /><br /><br/></p></div></div><br /></div><br /><div class='clear'></div></span></pre><div style="text-align: left;"></div><ul style="text-align: left;"><li>Αντικαταστήστε το κείμενο με κόκκινο φόντο με τον κώδικα της διαφήμισης και πατήστε αποθήκευση. Από τώρα και κάθε φορά που ανανεώνετε τη Σελίδα σας, ένα σπαστικό πλαίσιο θα ξεπετάγεται και θα δείχνει τη διαφήμιση.</li></ul><div style="text-align: center;"><a href="http://demo-btt.blogspot.com/" target="_blank">LIVE DEMO</a></div></div>fbtemplateshttp://www.blogger.com/profile/06148487046849996982noreply@blogger.com0tag:blogger.com,1999:blog-8110535090624298123.post-55073972635989119312012-02-25T05:32:00.001-08:002012-04-06T07:32:06.178-07:00Θες να με αντιγράψεις; Βάλε και την προέλευση!<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: left;">Ένα πολύ έξυπνο script που απλά κάνει κάποιους, που το blogging είναι απλά αντιγραφή και δε σκέφτονται να προσκολλήσουν στο κείμενό τους και την προέλευση, να δουλέψουν με συνείδηση. Όσοι ασχολείστε με διάφορα blogs που διαδίδουν ειδήσεις, μπορείτε να το βάλετε στη Σελίδα σας με τον ακόλουθο τρόπο:</div><ul style="text-align: left;"><li>Σύνδεση στον Blogger</li><li>Σχεδίαση / Επεξεργασία HTML</li><li>Βρείτε την <b style="color: red;"></body></b> στο τέλος του κώδικα</li><li>Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:</li></ul><pre style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxv9qeQ9L75D5TJY9tEkRjDdTiWFRzY5KU_3kJ2gHzJfOW1D1afsAtF025DVO_cqLvkvJwkvcSWmgllvgCK_iosQw0qPLnWkmw_FcmXVOzQEdIjEa0bVmlvTmCjOrOss4N6x8XAvqlAzD5/s1600/pre_code_bg.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; font-size: 14px; height: 140px; line-height: 20px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 35px; padding-right: 5px; padding-top: 5px; width: 540px; word-wrap: normal;"><script type="text/javascript"><br />if(document.location.protocol==&#39;http:&#39;){<br /> var Tynt=Tynt||[];Tynt.push(&#39;a8Kw0GrZ8r4kpuadbi-bpO&#39;);Tynt.i={&quot;ap&quot;:&quot;Πηγή:&quot;};<br /> (function(){var s=document.createElement(&#39;script&#39;);s.async=&quot;async&quot;;s.type=&quot;text/javascript&quot;;s.src=&#39; http://yourjavascript.com/5272063152/bloggertipsandtricks-stopcopy.txt.js&#39;;var h=document.getElementsByTagName(&#39;script&#39;)[0];h.parentNode.insertBefore(s,h);})();<br />}<br /></script></pre><div style="text-align: left;"></div><ul style="text-align: left;"><li>Αποθηκεύστε το πρότυπο και δοκιμάστε να αντιγράψετε μια δική σας ανάρτηση και να την επικολλήσετε σαν νέα ανάρτηση. Στο τέλος του κειμένου θα δείτε το σύνδεσμο που οδηγεί στη δική σας ανάρτηση.</li></ul>Βέβαια αυτός που δε θέλει στη σελίδα του να βάζει συνδέσμους άλλων Σελίδων, μπορεί απλά να το διαγράψει. Δεν πειράζει! Εσείς απλά δοκιμάστε το.</div>fbtemplateshttp://www.blogger.com/profile/06148487046849996982noreply@blogger.com1tag:blogger.com,1999:blog-8110535090624298123.post-24636496428779841652012-02-24T02:52:00.001-08:002012-04-06T07:32:06.190-07:00Floating CSS vertical menu widget για τον Blogger<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: left;"></div><ul style="text-align: left;"><li>Σύνδεση στον Blogger</li><li>Σχεδίαση προσθήκη gadget</li><li>Επιλέξτε HTML/JavaScript</li><li>Επικολλήστε τον παρακάτω κώδικα:</li></ul><pre style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxv9qeQ9L75D5TJY9tEkRjDdTiWFRzY5KU_3kJ2gHzJfOW1D1afsAtF025DVO_cqLvkvJwkvcSWmgllvgCK_iosQw0qPLnWkmw_FcmXVOzQEdIjEa0bVmlvTmCjOrOss4N6x8XAvqlAzD5/s1600/pre_code_bg.gif); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; color: black; height: 260px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 35px; padding-right: 5px; padding-top: 5px; width: 540px; word-wrap: normal;"><style text-type="CSS"><br /><br />#bloggermenu{<br /><br />position:fixed;<br /><br />right:5px;<br /><br />center:0px;<br /><br />background-color:#000;<br /><br />border-radius:10px;<br /><br />-moz-border-radius:10px;<br /><br />border:1px solid #FFF;<br /><br />width:202px;<br /><br />height:20px;<br /><br />color:#FF0606;<br /><br />transition:all .5s ease-in;-moz-transition:all .5s<br />ease-in;-webkit-transition:all .5s ease-in;-o-transition:all .5s<br />ease-in;z-index:3;overflow:hidden;padding:9px 15px 10px;}<br /><br /><br /><br />#bloggermenu h3{<br /><br />margin:0;<br /><br />padding:0;<br /><br />text-align:center;<br /><br />cursor:pointer;}<br /><br /><br /><br />#bloggermenu ul{<br /><br />border-radius:10px;-moz-border-radius:10px;<br /><br />border:2px solid #FFf;<br /><br />background-color:#FF0606;<br /><br />margin:15px 0;<br /><br />padding:0 15px;}<br /><br /><br /><br />#bloggermenu li{list-style:none;margin:0 0 5px;padding:0;} #bmenu li a{<br /><br />color:#000;<br /><br />text-decoration:none;<br /><br />font-size:12px;}<br /><br /><br /><br />#bloggermenu li a:hover{<br /><br />color:#fff;}<br /><br /><br /><br />#bloggermenu:hover{<br /><br />z-index:5;<br /><br />height:168px;<br /><br /></style><br /><br /><br /><br /><div id="bloggermenu"><br /><br /><h3><br /><br />Floating menu</h3><br /><br /><ul><br /><br /><li><a href="URL 1 HERE">TITLE 1 HERE</a></li><br /><br /><li><a href="URL 2 HERE">TITLE 2 HERE</a></li><br /><br /><li><a href="URL 3 HERE">TITLE 3 HERE</a></li><br /><br /><li><a href="URL 4 HERE">TITLE 4 HERE</a></li><br /><br /><li><a href="URL 3 HERE">TITLE 3 HERE</a></li><br /><br /><li><a href="URL 4 HERE">TITLE 4 HERE</a></li><br /><br /></ul><br /><br /></div></pre><div style="text-align: left;"></div><ul style="text-align: left;"><li>Αντικαταστήστε τα URLs με δικούς σας συνδέσμους, βάλτε τους τίτλους που τους αντιστοιχούν και πατήστε αποθήκευση.</li></ul><div style="text-align: center;"><a href="http://demo-btt.blogspot.com/" target="_blank">LIVE DEMO</a></div></div>fbtemplateshttp://www.blogger.com/profile/06148487046849996982noreply@blogger.com2