Απλό πλαίσιο για τα σχόλια στο blog σας

Νέος έτοιμος κώδικος, που σας δίνει τη δυνατότητα, βάζοντάς τον στο blog σας σαν gadget, θα έχετε έναν μικρό χώρο για μηνύματα.Είναι ένα έτοιμο script, που το βάζετε σαν gadget η στο τέλος μιας ανάρτησης:
BLOGGER επεξεργασία διάταξης => Σχεδίαση => Στοιχεία Σελίδας => GADGET => HTML/JavaScript :

<!-- begin htmlcommentbox.com --> <div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">HTML Comment Box</a> is loading comments...</div><link rel="stylesheet" type="text/css" href="http://www.htmlcommentbox.com/static/skins/default/skin.css" /> <script type="text/javascript" language="javascript" id="hcb"> /*<!--*/ if(!window.hcb_user){hcb_user={  };} (function(){s=document.createElement("script");s.setAttribute("type","text/javascript");s.setAttribute("src", "http://www.htmlcommentbox.com/jread?page="+escape((window.hcb_user && hcb_user.PAGE)||(""+window.location)).replace("+","%2B")+"&opts=470&num=10");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script><!-- end htmlcommentbox.com -->

ΠΗΓΗ :quackit.com/dr-blogger.com

Από τα πιο όμορφα μενού για ιστοσελίδες

βασίζεται σε κώδικα CSS, και έχει πολλές διαφορετικές επεκτάσεις (μπορείτε να βάλετε τα πάντα...από link, μέχρι chat και εικόνες με κείμενο)
1-με το width ρυθμίζετε το πλάτος του drop down (αναπτυσσόμενο)...
2-μπορείτε να βάλετε όλο το κώδικα σε ένα gadget ψηλά στο blog σας (κάτω από την επικεφαλίδα)...

ΠΗΓΗ: http://net.tutsplus.com/

Ο ΚΩΔΙΚΑΣ ΓΙA ΤΟ ΑΠΛΟ ΜΕΝΟΥ: HTML & CSS

..............................

<div id="menu"><li><a href="#" class="drop">Home</a><!-- Begin Home Item -->         <div class="dropdown_2columns"><!-- Begin 2 columns container -->             <div class="col_2">                 <h2>Welcome !</h2></div><div class="col_2">                 <p>Εδω γράφετε ένα μικρό η μεγάλο μήνυμα καλωσορίσματος</p><p>Εδω γράφετε ένα μικρό η μεγάλο μήνυμα καλωσορίσματος</p></div><div class="col_2">                 <h2>Φωτογραφία + κειμενο</h2></div><div class="col_1">                 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJyRd9Pucekxgon6qwYvoOnh5AYRnL7cfnGHjyGjXqFQ6TjTg6PYf2U4JhLmJthrDiscWzzVf0YjupnFAARn9xFJ6aq_ohfhJ6ONKnS8aISlellTXc_yf5LVBEiW_LYdGwzYNLX1leFEas/s1600/browsers.png" width="125" height="48" alt="" />             </div><div class="col_1">                 <p>Εδώ βάζετε ένα κείμενο για τη φωτογραφία που θα βαλετε δίπλα</p></div></div><!-- End 2 columns container -->     </li><!-- End Home Item --><li class="menu_right"><a href="#" class="drop">1 Column</a>   <div class="dropdown_1column align_right">                 <div class="col_1">                     <ul class="greybox"><li><a href="#">Link 1</a></li><li><a href="#">Link 2</a></li><li><a href="#">Link 3</a></li><li><a href="#">Link 4</a></li><li><a href="#">Link 5</a></li><li><a href="#">Link 6</a></li><li><a href="#">Link 7</a></li><li><a href="#">Link 8</a></li></div><li class="menu_right"><a href="#" class="drop">1 Column</a>   <div class="dropdown_1column align_right">                 <div class="col_1">                     <ul class="greybox"><li><a href="#">Link 1</a></li><li><a href="#">Link 2</a></li><li><a href="#">Link 3</a></li><li><a href="#">Link 4</a></li><li><a href="#">Link 5</a></li><li><a href="#">Link 6</a></li><li><a href="#">Link 7</a></li></div><li class="menu_right"><a href="#" class="drop">1 Column</a>   <div class="dropdown_1column align_right">                 <div class="col_1">                     <ul class="greybox"><li><a href="#">FreelanceSwitch</a></li><li><a href="#">Creattica</a></li><li><a href="#">WorkAwesome</a></li><li><a href="#">Mac Apps</a></li><li><a href="#">Web Apps</a></li><li><a href="#">NetTuts</a></li><li><a href="#">VectorTuts</a></li><li><a href="#">More...</a></li></ul></div></div></li></div><style type="text/css">/*<![CDATA[*/body, ul, li {  font-size:14px;  font-family:Arial, Helvetica, sans-serif;  line-height:21px;  text-align:left; }  /* Navigation Bar */  #menu {  list-style:none;  width:440px;  margin:0px auto 0px auto;  height:43px;  padding:0px 20px 0px 20px;   /* Rounded Corners */   -moz-border-radius: 10px;  -webkit-border-radius: 10px;  border-radius: 10px;   /* Background color and gradients */   background: #014464;  background: -moz-linear-gradient(top, #0272a7, #013953);  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));   /* Borders */   border: 1px solid #002232;   -moz-box-shadow:inset 0px 0px 1px #edf9ff;  -webkit-box-shadow:inset 0px 0px 1px #edf9ff;  box-shadow:inset 0px 0px 1px #edf9ff; }  #menu li {  float:left;  text-align:center;  position:relative;  padding: 4px 10px 4px 10px;  margin-right:30px;  margin-top:7px;  border:none; }  #menu li:hover {  border: 1px solid #777777;  padding: 4px 9px 4px 9px;   /* Background color and gradients */   background: #F4F4F4;  background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));   /* Rounded corners */   -moz-border-radius: 5px 5px 0px 0px;  -webkit-border-radius: 5px 5px 0px 0px;  border-radius: 5px 5px 0px 0px; }  #menu li a {  font-family:Arial, Helvetica, sans-serif;  font-size:14px;  color: #EEEEEE;  display:block;  outline:0;  text-decoration:none;  text-shadow: 1px 1px 1px #000; }  #menu li:hover a {  color:#161616;  text-shadow: 1px 1px 1px #FFFFFF; } #menu li .drop {  padding-right:21px;  background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyauQTSqAO0viacZE40elUs7q6olouq7TtDx0Cme-aJDzheahq3YjDWumLzDEpzXP-_4kdX9VVjCZl6qr-2hMbtPzuxUYYFvHPuUSlyb3GJHQCz0Obyfm02e8SdZfeSMq4KKWLFHf9c5a-/s1600/drop.png") no-repeat right 8px; } #menu li:hover .drop {  background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyauQTSqAO0viacZE40elUs7q6olouq7TtDx0Cme-aJDzheahq3YjDWumLzDEpzXP-_4kdX9VVjCZl6qr-2hMbtPzuxUYYFvHPuUSlyb3GJHQCz0Obyfm02e8SdZfeSMq4KKWLFHf9c5a-/s1600/drop.png") no-repeat right 7px; }  /* Drop Down */  .dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns {  margin:4px auto;  float:left;  position:absolute !important;  left:-999em; /* Hides the drop down */  text-align:left;  padding:10px 5px 10px 5px;  border:1px solid #777777;  border-top:none;   /* Gradient background */  background:#F4F4F4;  background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));   /* Rounded Corners */  -moz-border-radius: 0px 5px 5px 5px;  -webkit-border-radius: 0px 5px 5px 5px;  border-radius: 0px 5px 5px 5px; }  .dropdown_1column {width: 240px;}     #menu li:hover .dropdown_1column, #menu li:hover .dropdown_2columns, #menu li:hover .dropdown_3columns, #menu li:hover .dropdown_4columns, #menu li:hover .dropdown_5columns {  left:-1px ; z-index:444 !important;     top:auto; }  /* Columns */  .col_1, .col_2, .col_3, .col_4, .col_5 {  display:inline;  float: left;  position: relative;  margin-left: 5px;  margin-right: 5px; } .col_1 {width:130px;} .col_2 {width:270px;} .col_3 {width:410px;} .col_4 {width:550px;} .col_5 {width:690px;}  /* Right alignment */  #menu .menu_right {  float:right !important;  margin-right:0px; } #menu li .align_right {  /* Rounded Corners */  -moz-border-radius: 5px 0px 5px 5px;     -webkit-border-radius: 5px 0px 5px 5px;     border-radius: 5px 0px 5px 5px; } #menu li:hover .align_right {  left:auto;  right:-1px;  top:auto; }  /* Drop Down Content Stylings */  #menu p, #menu h2, #menu h3, #menu div li {  font-family:Arial, Helvetica, sans-serif;  line-height:21px;  font-size:12px;  text-align:left;  text-shadow: 1px 1px 1px #FFFFFF; } #menu h2 {  font-size:21px;  font-weight:400;  letter-spacing:-1px;  margin:7px 0 14px 0;  padding-bottom:14px;  border-bottom:1px solid #666666; } #menu h3 {  font-size:14px;  margin:7px 0 14px 0;  padding-bottom:7px;  border-bottom:1px solid #888888; } #menu p {  line-height:18px;  margin:0 0 10px 0; }  #menu li:hover div a {  font-size:12px;  color:#015b86; } #menu li:hover div a:hover {  color:#029feb; } .strong {  font-weight:bold; } .italic {  font-style:italic; } .imgshadow {  background:#FFFFFF;  padding:4px;  border:1px solid #777777;  margin-top:5px;  -moz-box-shadow:0px 0px 5px #666666;  -webkit-box-shadow:0px 0px 5px #666666;  box-shadow:0px 0px 5px #666666; } .img_left { /* Image sticks to the left */  width:auto;  float:left;  margin:5px 15px 5px 5px; } #menu li .black_box {  background-color:#333333;  color: #eeeeee;  text-shadow: 1px 1px 1px #000;  padding:4px 6px 4px 6px;   /* Rounded Corners */  -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px;   /* Shadow */  -webkit-box-shadow:inset 0 0 3px #000000;  -moz-box-shadow:inset 0 0 3px #000000;  box-shadow:inset 0 0 3px #000000; } #menu li ul {  list-style:none;  padding:0;  margin:0 0 12px 0; } #menu li ul li {  font-size:12px;  line-height:24px;  position:relative;  text-shadow: 1px 1px 1px #ffffff;  padding:0;  margin:0;  float:none;  text-align:left;  width:130px; } #menu li ul li:hover {  background:none;  border:none;  padding:0;  margin:0; } #menu li .greybox li {  background:#F4F4F4;  border:1px solid #bbbbbb;  margin:0px 0px 4px 0px;  padding:4px 6px 4px 6px;  width:216px;   /* Rounded Corners */  -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px; } #menu li .greybox li:hover {  background:#ffffff;  border:1px solid #aaaaaa;  padding:4px 6px 4px 6px;  margin:0px 0px 4px 0px; }  .tabs-inner .widget li a { padding: 1px ; display:block !important; border: 1px solid  transparent !important ; }   /*]]>*/ </style>

.......................http://www.dr-blogger.com/2012/11/mega-menu.html#more

Black fond

============================

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

111111111111111111111111111111111111111111111111111111111111111111111111

111111111111111111111
22222222222222222
33333333333333333333

Tubesalonika Search Banner

Colors banner

................................................

111111	222222	3333333	4444444	555555
.................................................

Com or gr

Φίλοι bloggers γεια σας...Εδώ και αρκετές ημέρες, έγραψα επάνω ψηλά στα "Νέα του Dr-Blogger", οτι "ΠΡΟΣΟΧΗ !!! ΟΣΟΙ ΕΧΟΥΝ DOMAIN NAME ΤΟΥ BLOGGER, ΘΑ ΕΙΔΑΤΕ ΟΤΙ ΠΛΕΟΝ ΤΟ URL ΤΟΥ BLOG ΣΑΣ ΑΛΛΑΞΕ ΣΕ BLOGSPOT.GR...ΚΑΝΕΝΑ ΠΡΟΒΛΗΜΑ...Η GOOGLE TO ΕΦΑΡΜΟΣΕ ΣΤΑ ΕΛΛΗΝΙΚΑ BLOGS ΚΑΙ Η ΑΝΑΚΑΤΕΥΘΥΝΣΗ ΣΤΟ BLOG ΣΑΣ ΓΙΝΕΤΑΙ ΑΥΤΟΜΑΤΑ..."
Αυτό έγινε για να λογοδοτεί το κάθε blog, στους νόμους που διέπουν τα εκάστοτε κράτη! Θέλετε να μάθετε και άλλες διευθύνσεις κρατών ; Δείτε....

India [blogspot.in], Australia [blogspot.com.au], UK [blogspot.co.uk], Japan [blogspot.jp],New Zealand [blogspot.co.nz], Canada [blogspot.ca], Germany [blogspot.de], Italy[blogspot.it], France [blogspot.fr], Sweden [blogspot.se], Spain [blogspot.com.es],Portugal [blogspot.pt], Brazil [blogspot.com.br], Argentina [blogspot.com.ar], Mexico[blogspot.mx]
Αν όμως εσείς προτιμάτε το παλιό .com, βάλτε τον παρακάτω κώδικα, αμέσως ΠΡΙΝ
το

στη σελίδα Επεξεργασία HTML ...
Ο ΚΩΔΙΚΑΣ:..................................

<script type="text/javascript"> var blog = document.location.hostname; var slug = document.location.pathname; var ctld = blog.substr(blog.lastIndexOf(".")); if (ctld != ".com") { var ncr = "http://" + blog.substr(0, blog.indexOf(".")); ncr += ".blogspot.com/ncr" + slug; window.location.replace(ncr); } </script>

...πατήστε ΑΠΟΘΗΚΕΥΣΗ, και είστε έτοιμοι !!
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!
labnol.org/

Προσθήκη Εργαλείου δοκιμής ταχύτητας

Συνδεθείτε στο Blogger σας ταμπλό και πηγαίνετε στο Σχεδιασμός -> Στοιχεία σελίδας .
Κάντε κλικ στο " Προσθήκη Gadget "στο sidebar.
«Επιλογή HTML / JavaScript και προσθέστε τον κωδικό που δίνονται παρακάτω και κάντε κλικ στο Αποθήκευση......................
Your domain(s): Enter each address on a new line (Maximum 10)
(eg. iwebtool.com)
Powered by iWEBTOOL

......................Add the code here-->http://www.bloggertricksandtools.com/2011/12/how-to-add-website-speed-test-tool.html

Προσθέστε Χρώμα Πορτοκαλί αριθμημένες posts Widget για Blogger

Συνδεθείτε στο Blogger σας ταμπλό και πηγαίνετε στο Σχεδιασμός -> Στοιχεία σελίδας .
Κάντε κλικ στο " Προσθήκη Gadget "στο sidebar.
«Επιλογή HTML / JavaScript και προσθέστε τον κωδικό παρακάτω και κάντε κλικ Αποθήκευση.

<style type="text/css"> #blog-pager{padding:5px 0 !important;} .showpageArea {font-weight: bold;margin:5px;}/* www.bloggertricksandtools.com*/ .showpageArea a {text-decoration:underline;color: #fff;}/* www.bloggertricksandtools.com*/ .showpageNum a, .showpage a {color: #fff;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #ffb76b; background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); }/* www.bloggertricksandtools.com */ .showpageNum a:hover, .showpage a:hover {border: 1px solid #ccc; background: #9dd53a; background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); }/* www.bloggertricksandtools.com */ .showpagePoint {color: #aaaaaa;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #e2e2e2; background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); }/* www.bloggertricksandtools.com */ .showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}/* www.bloggertricksandtools.com*/ .showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}/* www.bloggertricksandtools.com*/ </style> <script type='text/javascript'> var home_page="/"; var urlactivepage=location.href; var postperpage=5; var numshowpage=3; var upPageWord ='Previous'; var downPageWord ='Next'; </script> <script src='http://bloggertrickandtoolz.googlecode.com/files/www.bloggertricksandtoolz.com-bloggerpagenavi.js' type='text/javascript'></script>

Πρωτοσέλιδα των εφημερίδων

ΠΏΣ ΝΑ ΔΗΜΙΟΥΡΓΉΣΕΤΕ ΤΟ GOOGLE + FAN PAGE ΓΙΑ ΤΟ BLOG ΣΑΣ

Πηγαίνετε στο ΑΥΤΗ ΤΗ ΣΕΛΙΔΑ και κάντε κλικ στο προϊόν ή σήμα
Εισάγετε τον τίτλο Blog και διεύθυνση URL ως εξής
Επιλέξτε την κατηγορία ως Ιστοσελίδα
Σημειώστε το Συμφωνώ Σελίδα Όροι κουτάκι και κάντε κλικ στο Δημιουργία κουμπιού.
Πληκτρολογήστε το tagline του Blog και Καταχωρήστε μια φωτογραφία προφίλ (αν υπάρχει!)
Ζ + Η σελίδα σας είναι σχεδόν δημιουργηθεί. αν θέλετε να μοιραστείτε τη σελίδα σας με το Google Κύκλοι + σας, κάντε κλικ στο Μοιραστείτε το στο Google + και το κουμπί Τέλος Κάντε κλικ στο Finish κουμπί

ΠΡΟΣΘΈΤΟΝΤΑΣ ΕΠΊΣΗΜΗ GOOGLE + BADGE ΣΕΛΊΔΑΣ

Για να μεγαλώσουν τους οπαδούς και το ακροατήριό σας, προσθέστε το επίσημο σήμα του Google + σελίδα στο blog σας.

Μετά το τέλος τη δημιουργία της σελίδας, θα δείτε τη σελίδα όπως παρακάτω. κάντε κλικ στην πάρετε το σήμασύνδεσμο.
Θα ανακατευθύνει σε αυτή τη σελίδα. και το Google σας σελίδα + ID προστίθεται αυτόματα.
Επιλέξτε ένα στυλ από Badge και Γλώσσας (Αφήστε τις επιλογές για προχωρημένους για να Προεπιλογή).
Εδώ, θα έχετε δύο τμήματα του κώδικα. ( κώδικα1 και κώδικα2 ).
Πηγαίνετε στο Πανόπτη Blogger > Σχεδιασμός > Επεξεργασία HTML
Αναζήτηση για το ετικέτα
Προσθέστε το κώδικα1 τμήμα πριν tag και αποθηκεύστε το πρότυπο
Προσθέστε το κώδικα2 ενότητα σε μορφή HTML / JavaScript gadget ή θέση όπου θέλετε το σήμα να εμφανίζεται.

..http://www.way2blogging.org/2011/11/how-to-create-google-plus-fan-page-for.html

Yahoo web-player για Blogs

Μπείτε στην επεξεργασία του blog σας, Σχεδίαση => Επεξεργασία HTML, και με ctrl Fαναζητήστε τη φράση ....και ακριβώς από ΠΑΝΩ προσθέστε τη φράση:

...πατήστε ΑΠΟΘΗΚΕΥΣΗ !!!
Πηγαίνετε τώρα στο Σχεδίαση => Στοιχεία σελίδας, και δημιουργείστε με προσθήκη gadget, ένα HTML / Javascript ....
...μέσα θα βάλετε τον εξής κώδικα:

ΔΙΕΥΘΥΝΣΗ  ΜΡ3"> ΤΙΤΛΟΣ (mp3 link)
ΔΙΕΥΘΥΝΣΗ ΒΙΝΤΕΟ"> ΤΙΤΛΟΣ (Yahoo! Movie link)
ΔΙΕΥΘΥΝΣΗ ΒΙΝΤΕΟ YOUTUBE"> ΤΙΤΛΟΣ (YouTube link)

***όπου θα αντικαταστήσετε τις ελληνικές μπλε φράσεις που σας έχω σημειώσει...

***μπορείτε να βάλετε είτε ταινίες online, είτε video online, είτε τραγούδια online !!!!

ΠΑΡΑΔΕΙΓΜΑ....θέλετε να βάλετε 4 βίντεο όπως εγώ? ορίστε το παράδειγμα:

Music theme 1 

Music theme 2

Music theme 3

Music theme 4

...πατήστε ΑΠΟΘΉΚΕΥΣΗ, και μεταφέρετε το gadget εκεί που θέλετε (και φυσικά πατήστε Αποθήκευση και στη σελίδα, για να μείνει το gadget εκεί που το βάλατε )....

dr-blogger.com

Πλαίσιο κειμένου με χρωματισμένο φόντο

Γραψτε εδω το κειμενο

....................................

<table align="center" bgcolor="#001E3B" border="1" cellpadding="0" cellspacing="0" style="color: #222222; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 12px; width: 596px;"><tbody> <tr><td bgcolor="#bbbdbf" height="728" style="font-family: arial, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; padding-top: 30px;"><table align="center" border="0" cellpadding="0" cellspacing="0" height="650" style="width: 527px;"><tbody> <tr><td align="center" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;" valign="middle" width="156"><br /></td><td style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;" valign="top" width="253">Γραψτε εδω το κειμενο</td><td height="68" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;" valign="top"></td></tr> <tr></tr> </tbody></table> </td></tr> </tbody></table>

Button blu

Δες το τώρα

.....................

<table border="0" cellpadding="0" cellspacing="0" style="background-color: white; color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><tbody> <tr bgcolor="#25a8ff"><td background="http://creative.myspacecdn.com/design/myspace/email-standards/buttons/lg-bg-primary.png" height="24" style="font-family: arial, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-left: 5px; padding-right: 5px;"><span style="color: black; font-family: Arial, Helvetica, sans-serif; font-size: xx-small;"></span><br /> <div style="font-size: 11px;"> <span style="color: black; font-family: Arial, Helvetica, sans-serif; font-size: xx-small;"><strong><a href="http://www.myspace.com/video/rihanna/where-have-you-been/108708200#pm_cmp=O_5643_notif" style="color: #1155cc; text-decoration: none;" target="_blank"><span style="color: black;">Δες το τώρα</span></a></strong></span></div> <span style="color: black; font-family: Arial, Helvetica, sans-serif; font-size: xx-small;"> </span></td><td background="http://creative.myspacecdn.com/design/myspace/email-standards/buttons/lg-primary-r.png" height="24" style="font-family: arial, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;" width="5">  </td> </tr> </tbody></table>

Banner σε σχήμα U

☞

mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm

BLACK BANNER

1234567890

................................................................................................
Αλλάξτε τα νούμερα με το δικό σας κείμενο,το χρώμα του banner((initial; background-color: black;)) με άλλο,πχ-white,black,red,yellow,κλπ και αλλαγή χρώμα κειμένου εδώ((initial; color: white; font-family)),
Περισσοτερους κωδικούς χρωμάτων εδώ

Για αλλαγή θέσεις κειμένου (text-align: right;) με left η center αν δεν θέλετε το κείμενο να γράφετε από δεξιά όπως φαίνεται στα banner παραπάνω.

<div style="background-attachment: initial; background-clip: initial; background-color: black; background-image: initial; background-origin: initial; color: white; font-family: arial, verdana, sans-serif; font-size: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: right;"> 1234567890</div>

Google Calendar

<script src="//www.gmodules.com/ig/ifr?url=http://gcalgadget.googlecode.com/svn/trunk/gcalgadget.xml&up_agendaheight=170&up_showmonth=1&up_timezone=Africa%2FCairo&synd=open&w=320&h=360&title=&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>

Αλλάξτε διαστάσεις στο Button-Banner

Πάρτε ένα κωδικό εδώ και μετά κάντε τις αλλαγές που θέλετε.

Αφού πήρατε τον κωδικό και έχετε επιλέξει το χρώμα που σας αρέσει αλλάξτε της διαστάσεις γκόνιας 1-2-3-4 και μήκους-5 με αυτό που σας ταιριάζει.
1-border-top-left-radius: 2px;
2-border-top-right-radius: 2px;
3-border-bottom-left-radius: 8px;
4-border-bottom-right-radius: 8px;
5-min-width: 300px;
Όσο αφορά το μήκος ((αν θέλετε να γράψετε μεγάλο τίτλο η κείμενο)) διαμορφώνεται αυτόματα,εάν θέλετε μεγάλο banner και μικρό κείμενο τότε ακολουθήστε τα παραπάνω αλλαγες.

καλή επιτυχία

Κουμπιά με διαφορα χρώματα

111111111 ..........................................................................
.demo ......................................................................................
. 11111111111...........................................................................
Το μονο που έχετε να κάνετε αν θέλετε αλλαγή χρώματος αλλάξτε το κωδικό με κόκκινο χρώμα ,με δικια σας επιλογή πχ: initial; background-clip: initial; background-color: #f7bb05; background-image:,name button θα αφαιρέστε τα νούμερα πχ;11111111 και βάλτε το δικό σας,

with link-----------------------------------------

<span style="background-attachment: initial; background-clip: initial; background-color: #f7bb05; background-image: initial; background-origin: initial; border-bottom-color: transparent !important; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-image: initial !important; border-left-color: transparent !important; border-left-style: solid !important; border-left-width: 1px !important; border-right-color: transparent !important; border-right-style: solid !important; border-right-width: 1px !important; border-top-color: transparent !important; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style: solid !important; border-top-width: 1px !important; color: #252525; display: inline-block; font-family: helvetica45, helvetica, serif; font-size: 14px; font-weight: bold; height: 28px; line-height: 28px; margin-bottom: 10px; margin-right: 43px; min-width: 119px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; padding-top: 0px; position: relative; text-align: center; text-decoration: none; vertical-align: top; width: auto; z-index: 1; zoom: 1;"><a href="http://demo-tubesalonika.blogspot.com/">demo</a></span>

no link---------------------------------------------
11111111111

<span style="background-attachment: initial; background-clip: initial; background-color: #f7bb05; background-image: initial; background-origin: initial; border-bottom-color: transparent !important; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-image: initial !important; border-left-color: transparent !important; border-left-style: solid !important; border-left-width: 1px !important; border-right-color: transparent !important; border-right-style: solid !important; border-right-width: 1px !important; border-top-color: transparent !important; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style: solid !important; border-top-width: 1px !important; color: #252525; display: inline-block; font-family: helvetica45, helvetica, serif; font-size: 14px; font-weight: bold; height: 28px; line-height: 28px; margin-bottom: 10px; margin-right: 43px; min-width: 119px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; padding-top: 0px; position: relative; text-align: center; text-decoration: none; vertical-align: top; width: auto; z-index: 1; zoom: 1;">11111111111</span>

Αλλάξτε διαστάσεις εδώ

buttons with collor

...........................................................

Ελληνικό Εορτολόγιο-greeknamedays.gr

....

το slideshow στα αγγλικά

προβολή

το slideshow στα ελληνικά

προβολή

Το slideshow με το Ελληνικό Εορτολόγιο είναι διαθέσιμο σε ένα μέγεθος (580x370) και δεν είναι παραμετροποιήσιμο.Ρυθμίστε την εμφάνιση του widget στο greeknamedays.gr

Banner color

123456789

......................................
Αν θέλετε να αποκτήσετε ένα τέτοιο banner,πρώτα θα προσθέσετε το κωδικό nr1 και άμεσος μετά το nr2 ακολουθώντας έτσι και της αλλαγές.
nr1

<table style="background-color: black; border-collapse: collapse; color: #333333; font-family: arial, sans-serif; font-size: 9px; line-height: 18px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 980px;"><tbody style="border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-color: rgb(204, 204, 204); border-top-style: none; border-top-width: 1px; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> <tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">

......................................
nr2

<td align="center" style="background-attachment: initial; background-clip: initial; background-color: #025da3; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: white; font-size: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px;">12345</td>

1-Αλλάξτε το συνολικό μήκος του banner με της διάστασης που θέλετε-width: 980px;αλλάζοντας τον αριθμό με χρώμα μπλε.(banner nr1).
2-Αλλάξτε το χρώμα κάθε προσθέσεις (banner nr2)-background-color: #025da3;μονο τα μπλε,με άλλο κωδικό,δείτε κωδικούς χρωμάτων εδώ

TopGloob Apps

Σελίδες