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

Ετικέτες Comments

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

more-☆☆☆☆►

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

Ετικέτες Menu

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

more-☆☆☆☆►

Black fond

Ετικέτες Banner

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

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

111111111111111111111111111111111111111111111111111111111111111111111111

111111111111111111111
22222222222222222
33333333333333333333

Tubesalonika Search Banner

Ετικέτες Search

Colors banner

Ετικέτες Banner

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

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

Com or gr

Ετικέτες html

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

more-☆☆☆☆►

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

Ετικέτες Gadget, Test

more-☆☆☆☆►

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

Ετικέτες Posts, widget

Συνδεθείτε στο 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>

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

Ετικέτες News, widget

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

Ετικέτες follow, Gadget, Google

more-☆☆☆☆►

Yahoo web-player για Blogs

Ετικέτες Gadget, Movie

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

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

more-☆☆☆☆►

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

Ετικέτες Banner, Tab, temmpates, Tools

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

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

<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

Ετικέτες Buttons

Δες το τώρα

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

<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

Ετικέτες Banner

☞

more-☆☆☆☆►

BLACK BANNER

Ετικέτες 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

Ετικέτες Calendar, Gadget

<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

Ετικέτες Banner, Buttons

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

more-☆☆☆☆►

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

Ετικέτες Banner, Buttons

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

more-☆☆☆☆►

buttons with collor

Ετικέτες Buttons

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

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

....

more-☆☆☆☆►

Banner color

Ετικέτες Banner

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;μονο τα μπλε,με άλλο κωδικό,δείτε κωδικούς χρωμάτων εδώ

Widget αναζήτησης για το blog σας

Ετικέτες Banner, Search

Μπορείτε να εφαρμόσετε εύκολα αυτό το widget στο blog σας χρησιμοποιώντας το πρόγραμμα εγκατάστασης widget παρακάτω.

more-☆☆☆☆►

Εμφανίστε μονο τους τίτλους ανά κατηγορια

Ετικέτες Posts

Ο κώδικας μπαίνει εύκολα σαν JavaScript,απλός θα αλλάξτε τα παρακάτω με τα δικά σας.
1-YOUR_BLOG_URL ......πχ-http://demo-tubesalonika.blogspot.com
2-YOUR_LABEL...πχ-posts
3-SHOW_HOW_MANY...........πόσους τίτλους θέλετε να "εμφανισοντε" 50,60,100,300,500 η όσο θέλετε.
4-http://www.bloggersentral.com/2010/04/list-recent-posts-by-label.html ..........πατήστε την ετικέτα που επιθυμείτε και αντιγράψτε το link,
πατήστε αποθήκευση και είστε έτοιμοι,πιο αναλυτικά στο link παρακάτω

more-☆☆☆☆►

Κωδικό html μέσα σε κουτάκι

Ετικέτες html

κωδικό html μέσα σε κουτάκι

Τα καλύτερα Blogger Templates για το 2010

Ετικέτες blog, temmpates

more-☆☆☆☆►

ΚΟΙΝΩΝΙΚΟ WIDGET ΕΓΓΡΑΦΗ

Ετικέτες Contact, follow

Αυτό το widget είναι πολλά dadget μαζί,συγκεντρώνοντας έτσι όλα τα κουμπιά παρακολούθησης και επικοινωνίας όπως Google+,Facebook κλπ.Για να δημιουργήσετε το κωδικό που σας ενδιαφέρει πατήστε εδώ

Δελτιο καιρου

Ετικέτες Meteo

Καιρός σήμερα και πρόγνωση καιρού για κάθε περιοχή

<div><iframe id="7C38F965-2EAC-4C5A-A1C2-0C350E29B50F" scrolling="no" frameborder="0" width="300" height="180" src=""></iframe><a target="_blank" style="display: block; text-decoration: underline; font: 10px/10px Arial,san-serif; color: rgb(119, 119, 119);" href="http://www.deltiokairou.gr/?widget_type=cities_vertical">Καιρός σήμερα και πρόγνωση καιρού για κάθε περιοχή</a><script type="text/javascript" src="http://service.24media.gr/js/deltiokairou_widget.js"></script><script type="text/javascript">set_url("7C38F965-2EAC-4C5A-A1C2-0C350E29B50F", "http://service.24media.gr/app/forecast/details/multi-vertical-plain.html?loc=40.6382,22.9369,0:37.9966,23.741,0:36.4432,28.2273,0:39.6679,20.8512,0:35.3325,25.1346,0&label=%CE%98%CE%B5%CF%83%CF%83%CE%B1%CE%BB%CE%BF%CE%BD%CE%AF%CE%BA%CE%B7:%CE%91%CE%B8%CE%AE%CE%BD%CE%B1:%CE%A1%CF%8C%CE%B4%CE%BF%CF%82:%CE%99%CF%89%CE%AC%CE%BD%CE%BD%CE%B9%CE%BD%CE%B1:%CE%97%CF%81%CE%AC%CE%BA%CE%BB%CE%B5%CE%B9%CE%BF&css=/css/multi-vertical-plain.css&color=BLUE&js=/js/multi-vertical-plain.js");</script></div>

Real-time Earth and Moon Phase

Ετικέτες Gadget

<script src="http://www.albinoblacksheep.com/earth-moon/embed.js" type="text/javascript">
</script><noscript>&amp;amp;amp;amp;amp;amp;lt;a href="http://www.albinoblacksheep.com/earth-moon/"&amp;amp;amp;amp;amp;amp;gt;Earth and Moon Phase embed&amp;amp;amp;amp;amp;amp;lt;/a&amp;amp;amp;amp;amp;amp;gt;</noscript>

Adf.ly banner code

Ετικέτες Advers

εδω μεσα<>μπενει η λεξη script αν δεν φενεται στη εγγραφη

more-☆☆☆☆►

Change Text Size

Ετικέτες Resize

Change Text Size
+ + + + +

more-☆☆☆☆►

Flying Twitter Bird Widget

Ετικέτες follow, Twitter

more-☆☆☆☆►

CLICKSOR ADVERTISER code

Ετικέτες Advers

ADVERTISER..http://www.clicksor.com

more-☆☆☆☆►

Tubesalonika banner

Ετικέτες Banner

Create your own banner at mybannermaker.com!

Copy this code to

your website!

Free Hit Counters for Your Website

Ετικέτες Hit Counters

Φορτώστε τον κώδικα μετρητή για την καταμέτρηση τωνεπισκεπτών στο δικτυακό σας τόπο. Εντελώς δωρεάν. Το Pax.com είναι δωρεάν HitCounters

Armin van Buuren playlist

Ετικέτες Music

more-☆☆☆☆►

Kωδικας html σε πλαισιο για αντιγραφη banners

Ετικέτες html

Bάλετε ένανκωδικό html μέσα σε κουτάκι.Με αυτόν τον τρόπο περιορίζετε το μεγάλο μήκος ενός κώδικα χωρίς όμως να τον σβήνετε.Αυτό το κουτάκι είναι ειδικό για να βάζετε τους κωδικούς των banner σας ώστε να μπορούν εύκολα να τους αντιγράψουν οι επισκέπτες σας.Μάλιστα όποιος πατάει μέσα στο κουτάκι αυτό επιλέγεται αυτόματα όλο το περιεχόμενο του.Για να δείτε τι ακριβώς εννοώ δείτε τα κουτάκια με τους κωδικούς των banner στο tubesalonika.blogspot.com

Tiesto lisplay

Ετικέτες Music

more-☆☆☆☆►

Αλλαγή μεγέθους κειμένου

Ετικέτες Gadget, Resize

Να θυμάστε πάντα αντίγραφα τα ασφαλείας του πρότυπου σας πριν κάνετε αλλαγές -,με σκοπό τη στήριξη του Blogger Template
Βήμα 1. Πανόπτη Blogger σας Σχεδιασμός κλικ> Edit HTML Βήμα 2. Βρείτε το παρακάτω κομμάτι κώδικα στο blog σας HTML: (Κάντε κλικ στο πλήκτρο Ctrl και F για μπαρ αναζήτησης για να σας βοηθήσει να βρείτε τον κωδικό - Πώς να βρείτε τον κώδικα Στο πρότυπο πρότυπο του Blogger )
Περισσοτερα εδω