Κρυφό Share Menu
ένα μενού που βρίσκεται στη δεξιά πλευρά του blog σας, στατικό, κρυφό, και ανοίγει όταν περνάει από πάνω το ποντίκι σας...
Γιατί το Blogs σας αργεί να Ανοίξει.Πρέπει να το Διαβάσουν Ολοι οι Bloggers
Μάθετε, τι είναι αυτό που αργεί το άνοιγμα του blog σας, και αν είναι δυνατόν, διορθώστε το ...
Floating menu - Αναπτυσσόμενο μενου
Eνα πολύ όμορφο, πρακτικό και εύκολο μενου, πιάνει λίγο χώρο, γιατί αναπτύσσεται μόλις περάσει από πάνω του το ποντίκι...
Gadget για Facebook Pop up Like Μιας Χρήσεως
Και ο τίτλος σημαίνει οτι αυτό το gadget θα εμφανιστεί ΜΟΝΟ ΜΙΑ ΦΟΡΑ, σε κάθε επισκέπτη σας, ...
Μειώστε Το Κενό Πανω+Κάτω Απο το Header / Reduce the space above+after header
...μειώσετε το κενό, ανάμεσα στη κορυφή του blog, και της κεφαλίδας του τίτλου......
Μειώστε το κενό ανάμεσα στις αναρτήσεις του blog
Μειώσετε τα κενά ανάμεσα στις αναρτήσεις σας (εφ' όσον ανεβάζετε μια ανάρτηση κάθε ημέρα η περισσότερο)...
Αφαιρέστε το: Εγγραφή σε Αναρτήσεις (Atom)
Πολλοί από εσάς θέλετε να σβήσετε από το blog σας τη φράση "Εγγραφή σε Αναρτήσεις (Atom)"....
Πρόσφατες Αναρτήσεις από το dr-blogger

Διάφορα Cartoons που πετάνε (twitter gadget)

Νέοι bloggers γεια σας !!! Πριν από μήνες, σας είχα δώσει το κώδικα για το πουλί του twitter, που μάλιστα υπήρχε και σε πολλά χρώματα...Οσοι βαρεθήκατε το πουλί, και θέλετε κάτι πιο καινούργιο και περίεργο, σας έχω μια μεγάλη ποικιλία από ιπτάμενα cartoon, να βάλετε σε όλα τα blogs σας...

Το κώδικα που θα σας δώσω θα τον βάλετε σαν gadget (δείτε εικόνα)

Φτιάξτε το Banner σας (HTML code)

Νέοι bloggers, σίγουρα οι περισσότεροι έχετε ένα banner...υπάρχουν όμως και κάποιοι bloggers πιο φρέσκοι που δεν ξέρουν πως φτιάχνεται και τι είναι το banner...γι αυτούς λοιπόν είναι αυτή η ανάρτηση....
Το banner είναι μια διαφήμιση του blog μας.Το μοιράζουμε σε διάφορα φιλικά μας blogs, για να μας διαφημίσουν και να αποκτήσουμε μεγαλύτερη  επισκεψιμότητα ...

Meta tags (SEO): Σημαντική βοήθεια για να αποκτήσετε μεγάλη επισκεψιμότητα

Nέοι bloggers αυτή η ανάρτηση είναι για σας ! Ειδικά οι "πολύ νέοι" bloggers, πρέπει να διαβάσουν και να εφαρμόσουν το κώδικα που θα τους ανεβάσει την επισκεψιμότητα (SEO)...οι πιο παλιοί το γνωρίζουν ήδη...

Tag Cloud Generator

Νέοι bloggers, οι πιο πολλοί από εμάς ψάχνουμε ένα τρόπο να παρουσιάσουμε τις ετικέτες των αναρτήσεων μας...Εύκολο, αφού και ο blogger μας δίνει ένα αξιόλογο , αλλά κακομούτσουνο gadget...Βρήκα ένα Tag Cloud Generator, δηλαδή μια σελίδα (online) που δημιουργείτε ένα "σύννεφο ετικετών" εμφανίσιμο και εύκολο, όσο και πρακτικό.Μπορείτε να το χρησιμοποιήσετε, είτε με κώδικα HTML, είτε με flash swf !!!

(Να πω οτι έψαξα σε αντίστοιχα ξένα blogs να βρω κάποιο κώδικα που να προσθέσω στο πηγαίο κώδικα του blog μου, και να ξεμπερδέψω εύκολα, αλλά δυστυχώς, όποια ανάρτηση κι αν βρήκα, δεν μπόρεσα να το εισάγω στο HTML του blog μου)...έτσι, έφτασα στο http://www.tagcloud-generator.com/
Εύκολο...λειτουργεί με 2 τρόπους...αυτόματο, και χειροκίνητο...στο αυτόματο, απλά βάζετε τη διεύθυνση URL του blog σας, και αυτό δημιουργεί μόνο του τις ετικέτες...(αλλά μπορεί να σας βγάλει και περισσότερες από αυτές που έχετε...οπότε πρέπει να αφαιρέσετε μερικές)

...στο χειροκίνητο, βάζετε μόνοι σας τις ονομασίες και τις διευθύνσεις των ετικετών (tags) του blog σας, και προσθέτετε η αφαιρείτε, κουτάκια, αν δεν σας φτάνουν αυτά που σας δείχνει (εάν έχετε πολλές ετικέτες)....
Μετά μπορείτε να κάνετε το δικό σας σχεδιασμό, (πως θα φαίνεται, σε χρώματα, μέγεθος και μέγεθος γραμματοσειράς, καθώς επίσης και εμφάνιση απλή η 3D....
...και αφού τα ετοιμάσετε όλα αυτά, μπορείτε να πατήσετε το "generate preview" και να δείτε τι φτιάξατε, να πάρετε τον κώδικα HTML, (τον οποίο θα βάλετε σαν gadget => HTML/javascript), η να κατεβάσετε σε ένα φάκελο όλο το υλικό σε swf (που φυσικά πρέπει να ανεβάσετε σε μια δική σας host σελίδα, και να πάρετε τη διεύθυνση, για να τη βάλετε στο κώδικα html που θα βάλετε σαν gadget)...
...η απλή εμφάνιση του gadget είναι αυτή που βλέπετε στην αρχή της ανάρτησης...η 3D εμφάνιση είναι αυτή στη φωτογραφία από κάτω (3D και φυσικά κινούμενη, σαν σύννεφο)
(δεν ξέρετε πως είναι η εμφάνιση ενός 3D tag cloud?...δείτε εδώ ένα παρόμοιο: http://blog.philippklaus.de/3d-tag-cloud-flash/
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!!
{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}

Gadget για Facebook Pop up Like Μιας Χρήσεως

...Και ο τίτλος σημαίνει οτι αυτό το gadget θα εμφανιστεί ΜΟΝΟ ΜΙΑ ΦΟΡΑ, σε κάθε επισκέπτη σας, (εκτός αν σβήσει από τον υπολογιστή του τα cookies που καταγράφουν τις διευθύνσεις που έχει επισκεφθεί στο διαδίκτυο)... Αρα και σεις θα το δείτε μόνο μια φορά στο blog σας...Είναι ένα gadget που εμφανίζεται σε pop up παράθυρο, και δείχνει στον επισκέπτη σας να κάνει "like" στη facebook σελίδα σας.
Τον παρακάτω κώδικα, βάλτε τον σαν gadget => HTML/javascript, (ΔΕΊΤΕ τη φωτογραφία)


Ο ΚΩΔΙΚΑΣ:
_________________________________________________
<style>
/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#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;}
/*

User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;opacity:0.5 !important;}
#colorbox{
box-shadow:0 0 15px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
-webkit-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/AVvXsEiaTjs6aUqPVlZ1O0Cny1en_e1RWOrY1z_J-w7MdCNypnVf8Yv7A33vW77oAtt4YqFJ6ZwKV8P7bv0dTCx42lchUHvI5cRcQznjyJpgCQZy38mCqWJ6TLg2genf6suj_lAQZKmZtQvKNS8l/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimll6AWdJUht-FnEWZ9_fzZaNVKnv2a3PASTCMuY9AC34dvchZA87szABAGpZg7gBs2DegRATZa1cG3EVNGJlKh6lwyNxCN6Qz-cxh978y2tzaUwNcEf_LFkb6Z4x8oo-ankGzWQIKH4Kx/s1600/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaTjs6aUqPVlZ1O0Cny1en_e1RWOrY1z_J-w7MdCNypnVf8Yv7A33vW77oAtt4YqFJ6ZwKV8P7bv0dTCx42lchUHvI5cRcQznjyJpgCQZy38mCqWJ6TLg2genf6suj_lAQZKmZtQvKNS8l/s1600/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaTjs6aUqPVlZ1O0Cny1en_e1RWOrY1z_J-w7MdCNypnVf8Yv7A33vW77oAtt4YqFJ6ZwKV8P7bv0dTCx42lchUHvI5cRcQznjyJpgCQZy38mCqWJ6TLg2genf6suj_lAQZKmZtQvKNS8l/s1600/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimll6AWdJUht-FnEWZ9_fzZaNVKnv2a3PASTCMuY9AC34dvchZA87szABAGpZg7gBs2DegRATZa1cG3EVNGJlKh6lwyNxCN6Qz-cxh978y2tzaUwNcEf_LFkb6Z4x8oo-ankGzWQIKH4Kx/s1600/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaTjs6aUqPVlZ1O0Cny1en_e1RWOrY1z_J-w7MdCNypnVf8Yv7A33vW77oAtt4YqFJ6ZwKV8P7bv0dTCx42lchUHvI5cRcQznjyJpgCQZy38mCqWJ6TLg2genf6suj_lAQZKmZtQvKNS8l/s1600/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaTjs6aUqPVlZ1O0Cny1en_e1RWOrY1z_J-w7MdCNypnVf8Yv7A33vW77oAtt4YqFJ6ZwKV8P7bv0dTCx42lchUHvI5cRcQznjyJpgCQZy38mCqWJ6TLg2genf6suj_lAQZKmZtQvKNS8l/s1600/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaTjs6aUqPVlZ1O0Cny1en_e1RWOrY1z_J-w7MdCNypnVf8Yv7A33vW77oAtt4YqFJ6ZwKV8P7bv0dTCx42lchUHvI5cRcQznjyJpgCQZy38mCqWJ6TLg2genf6suj_lAQZKmZtQvKNS8l/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/AVvXsEjmny1BsuIAxLu_yKUq_lS7zDlk6hKDR3kfx0mGLFAxpC4c0qJMcXTl6xgtwhpLVZ0fgzuMcJaHUuEoLlwsP0bUVeugKHFXW8UVQs1w76WEHO6Dc-5j6064brlHs42tHUOAt4VOELKFijA9/s1600/loading-background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1rq4oTQsLYxBo1rvGj39mY_Ile3r9fN8IOEfgu1Jid-lDzweRaOrDoox7KrRepI45C3YCACZrZnFbA_MZEHVrhiPSMtXoKToSfa2dQWfT6TRt7_DlAF2gZ0DE6FM5mLnyy-OU3dw0OvQV/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/AVvXsEiaTjs6aUqPVlZ1O0Cny1en_e1RWOrY1z_J-w7MdCNypnVf8Yv7A33vW77oAtt4YqFJ6ZwKV8P7bv0dTCx42lchUHvI5cRcQznjyJpgCQZy38mCqWJ6TLg2genf6suj_lAQZKmZtQvKNS8l/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;}
/*-----------------------------------------------------------------------------------*/
/* Facebook Likebox popup For Blogger
/*-----------------------------------------------------------------------------------*/
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
text-decoration:none;
}
.box-title {
color: #3B5998;
font-size: 20px !important;
font-weight: bold;
margin: 10px 0;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
line-height:25px; font-family:arial !important;
}
.box-tagline {
color: #999;
margin: 0;
text-align: center;
}
#subs-container {
padding: 35px 0 30px 0;
position: relative;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}
</style>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>
<script src="http://yourjavascript.com/11215013191/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -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:"400px", inline:true, href:"#subscribe"});
}
});
</script>
<!-- This contains the hidden content for inline calls -->

<div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;'>
<h3 class="box-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >▼</p></center></h3> 
<center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/dr-blogger/169243333144046&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>
</div>
</div>
_____________________________________________
*Προσοχή...είπαμε οτι ο κάθε επισκέπτης θα το δει μόνο στη πρώτη επίσκεψη στο blog σας...
**ΠΡΟΣΟΧΗ ...αλλάξτε τη διεύθυνση με τα κόκκινα γράμματα, και βάλετε τη δική σας (της σελίδας του facebook που έχετε φτιάξει)
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!!

Πηγή : thanks to : mybloggertricks.com/ &  spiceupyourblog.com
{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}

Μειώστε Το Κενό Πανω+Κάτω Απο το Header / Reduce the space above+after header

Φίλοι bloggers γεια σας!!! Σήμερα θα σας δείξω έναν κώδικα που αν προσθέσετε στο css (σχεδιαστικό τμήμα του blog σας), θα μπορέσετε να μειώσετε το κενό, ανάμεσα στη κορυφή του blog, και της κεφαλίδας του τίτλου...Είναι μια μικρή φράση, που μπορείτε να προσθέσετε......
είτε
α)στο : Σχεδίαση => Σχεδιαστής Προτύπων => Προηγμένη => Προσθήκη CSS ,  είτε
β) στο :  Σχεδίαση => Επεξεργασία HTML ....ακριβώς ΠΑΝΩ από τη φράση   ]]></b:skin>
Δείτε στις φωτογραφίες το Πριν και το Μετά ....

Προσθέστε στο κώδικα CSS το παρακάτω κώδικα :

/* reduce space before and after header image */


#Header1 {
margin-top:-20px;
margin-bottom:-20px;
}


/* end of reduce space before and after header image */


*Προσέξτε....το  margin-top:-20px;  ρυθμίζει το κενό ΠΑΝΩ από τη κεφαλίδα,
                      το  margin-bottom:-20px; ρυθμίζει το κενό ΚΑΤΩ από τη κεφαλίδα,
**Βάλτε τις δικές σας τιμές-νούμερα εκεί που λέει -20px, ώστε  να πετύχετε το επιθυμητό αποτέλεσμα (παίξτε με διάφορες τιμές, και δείτε πως σας "κάθεται" καλύτερα στο μάτι....
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!
{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}