Blogger Tips - Tricks - Gadgets - Templates

TEST ΠΟΥ ΔΕΙΧΝΕΙ ΠΟΣΟ "ΒΑΡΥ" ΕΙΝΑΙ ΤΟ BLOG ΣΑΣ

Νέοι bloggers γεια σας ! Πολλές φορές, βάζουμε τόσα πολλά gadgets και αναρτήσεις στη σελίδα μας, ώστε αυτή γίνεται τόσο "βαριά" που ανοίγει τελείως μετά από 2-3 λεπτά...Γιατί τα θέλουμε όλα, να είναι "πρώτη μούρη"...Αμ δε γίνεται έτσι, γιατί ο κάθε επισκέπτης βαριέται να περιμένει τόση ώρα, για να ανοίξει η σελίδα σας...

Ορίστε λοιπόν ένα φοβερό gadget που πρέπει να έχουμε όλοι μας...για να ελέγχουμε το άνοιγμα της σελίδας μας...Ο τρόπος που θα το βάλετε είναι γνωστός:BLOGGER επεξεργασία διάταξης=>Σχεδίαση=>Στοιχεία Σελίδας=>gadget=>HTML/JavaScript : και κάνετε επικόλληση τον κώδικα που σας δίνω:

<tr>

<tr>

<td>

<tr>

<td valign="top" colspan="5"><b><font size="2">Your domain(s): </font></b><font size="1">Enter each address on a new line (Maximum 10)</font></td>

</tr>

<tr>

<td >

 </td>

</tr>

<tr>

<td >

<td >

<font size="1">(eg. iwebtool.com)</font></td>

<td >

 </td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td >

</iframe></td>

</tr>

<tr>

 </td>

</tr>

</table>

</form>

function validate(theform) {

if (theform.domain.value == "") { alert("No domain provided"); return false; }

return true;

}

</script>

<p><a href="http://www.iwebtool.com/" target="_blank"><font size=1>Powered by iWEBTOOL</font></a></p>

...Πατήστε ΑΠΟΘΗΚΕΥΣΗ και βάλτε το κάπου χαμηλά στη σελίδα σας...Να ξέρετε όμως οτι ο χρόνος εξαρτάται και από τη ταχύτητα της σύνδεσής σας εκείνη τη στιγμή...Γι αυτό (μη λάβετε υπ' όψιν σας το πρώτο αποτέλεσμα), κάντε μία επανάληψη, για να βγάλετε καλύτερα συμπεράσματα...

(Το κενό που δημιουργείται κάτω από το gadget, χρειάζεται για να δείξει τα αποτελέσματα)

Μπορείτε να βάλετε μέχρι 10 διευθύνσεις. Και όπως πάντα μπορείτε να δείτε το DEMO ΕΔΩ

ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!

GADGET ΜΕ ΓΙΟΡΤΙΝΕΣ ΕΥΧΕΣ NO 2

PDF

Νέοι bloggers γειά σας !Επειδή το άλλο χριστουγεννιάτικο gadget με ευχές άρεσε, αλλά πολλοί δεν μπόρεσαν να το βάλουν στη σελίδα τους λόγω χώρου,...μετέτρεψα άλλον κώδικα από sidebar, ...μόνο που αυτός, αφού κάνει τη δουλειά του (δείξει το μήνυμα) ...μετά εξαφανίζεται διακριτικά δεξιά, ...και φαίνεται ελάχιστα !Αντιγράψτε τον παρακάτω κώδικα που σας δίνω και επικολλήστε τον σαν gadget στο BLOGGER επεξεργασία διάταξης=>Σχεδίαση=>Στοιχεία Σελίδας=>GADGET=>HTML/JavaScript :

ΠΡΟΣΦΑΤΕΣ ΑΝΑΡΤΗΣΕΙΣ ΜΕ ΕΙΚΟΝΙΔΙΟ

PDF

Νέοι bloggers γειά σας !Να ένα όμορφο gadget που δείχνει τις 10-15 πρόσφατες αναρτήσεις σας με autorolling και εικονίδιο ! Ο τρόπος που βάζουμε το κώδικα είναι γνωστός, και σας τον ξαναθυμίζω:

BLOGGER επεξεργασία διάταξης=>Σχεδίαση=>Στοιχεία Σελίδας=>GADGET=>HTML/JavaScript :

ΚΟΥΤΙ ΜΕ ΜΗΝΥΜΑ ΠΟΥ ΕΞΑΦΑΝΙΖΕΤΑΙ

PDF

Καινούργιοι bloggers γεια σας. Βρήκα ένα εύκολο κολπάκι σε μια σελίδα με τρυκ για μπλογκ, και σκέφτηκα να σας τη παρουσιάσω. Ειναι πανεύκολη και έχει πλάκα...μπορείτε να τη δείτε στο DEMO blog μου όπου την έβαλα, στη μέση της σελίδας...
Αντιγράψτε τον κώδικα που σας δίνω στη ΣΧΕΔΙΑΣΗ=>ΣΤΟΙΧΕΙΑ ΣΕΛΙΔΑΣ=>ΠΡΟΣΘΗΚΗ GADGET=>HTML/JavaScript.

<style>
#info{
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
position:relative;
color: #00529B;
background-color: #BDE5F8;
background-image: url('http://i956.photobucket.com/albums/ae48/pankar61/bomb3.gif');
}
</style><script src="http://code.jquery.com/jquery-1.2.3.min.js" type="text/javascript">
</script>

<script type="text/javascript">
$(document).ready(function(){
$(".close").click(function(){
$("#info").animate({left:"+=10px"}).animate({left:"-5000px"});
});
$("#info").fadeOut(800).fadeIn(800).fadeOut(400).fadeIn(400)
.fadeOut(400).fadeIn(400);
});

</script>
<div id="info">
<a class="close" href="#close" style="float: right;"><img border="0" src="http://i48.tinypic.com/3502jif.jpg" /></a>
ΚΛΕΙΣΕ ΓΡΗΓΟΡΑ ΑΥΤΟ ΤΟ ΚΟΥΤΙ, ΓΙΑΤΙ ΘΑ ΑΝΑΤΙΝΑΧΘΕΙ ==></div>

Βεβαίως μπορείτε να αλλάξετε το ύφος και το μήνυμα και να το προσαρμόσετε ανάλογα με τα δικά σας γούστα και ανάγκες.
Αυτό είναι όλο...πατήστε ΑΠΟΘΗΚΕΥΣΗ και τελειώσατε...
ΠΡΟΣΟΧΗ όμως...ίσως δεν λειτουργήσει εάν έχετε στη σελίδα σας και άλλο jquery.

ΕΝΑΛΛΑΣΣΟΜΕΝΕΣ ΕΙΚΟΝΕΣ (Νο2)

PDF

Νέοι bloggers γειά σας !Σήμερα σας παρουσιάζω το κώδικα που κάνει τις εικόνες σας onmouseover (δηλαδή, όταν περνάει από πάνω τους το ποντίκι να αλλάζουν όψη)...βασική προυπόθεση όμως είναι να ταιριάζουν λίγο στα μεγέθη αυτές οι φωτογραφίες (δηλ. και οι 2 πλαγιαστές, η και οι 2 όρθιες)
Το κώδικα που σας δίνω τον βρήκα , (δεν τον έφτιαξα εγώ, βεβαίως), αλλά τον δοκίμασα πολλές φορές μέχρι να βεβαιωθώ ότι δουλεύει με πολλές φωτογραφίες στο ίδιο blog !!!
Ο τρόπος που βάζουμε το κώδικα είναι γνωστός, και σας τον ξαναθυμίζω:
BLOGGER επεξεργασία διάταξης=>Σχεδίαση=>Στοιχεία Σελίδας=>GADGET=>HTML/JavaScript :

Χρώμα πίσω από την ανάρτηση και τον τίτλο της

PDF

Νέοι bloggers γειά σας !..Αν βαρεθήκατε την ασπρίλα και την μονοτονία του ίδιου χρώματος σε όλες τις αναρτήσεις σας, τότε ήρθε η ώρα να τα βάψετε και τα δύο...βάλτε αυτόν τον κώδικα που σας δίνω, ΚΑΙ στην αρχή της ανάρτησης, ΚΑΙ στην αρχή του κώδικα της ανάρτησης:

<div style="background:#0B0B61; padding:5px 8px 5px 8px;"> ΤΙΤΛΟΣ Η ΑΝΑΡΤΗΣΗ </div>

αυτό ηταν...πατάτε ΑΠΟΘΗΚΕΥΣΗ, η ΠΡΟΕΣΚΟΠΗΣΗ για να δειτε πως φαίνεται...εννοείται οτι βρίσκετε το κατάλληλο χρώμα ΕΔΩ ...και αντικαθιστάτε το #0B0B61

Χριστουγεννιάτικο gadget με στατικά γιορτινά buttons

PDF

Νέοι bloggers γειά σας !! Πολλοί φίλοι μου ζήτησαν τον κώδικα από τα καπάκια που έχω αριστερά στη σελίδα μου, για να φτιάξουν κάτι παρόμοιο...Τους τον έστειλα με e-mail, και πολλοί κατάφεραν και τον χρησιμοποίησαν

Σήμερα σας τον δίνω με ανάρτηση, αλλά με χριστουγεννιάτικες εικόνες και εικονίδια που έφτιαξα στο photoshop, ειδικά για αυτήν την ανάρτηση...Πρόκειται για χρησιμοποίηση 2 κωδικών, με επικρατέστερο αυτόν που θα βρείτε ΕΔΩ ...

Τον κώδικα θα τον βάλετε εδώ :BLOGGER επεξεργασία διάταξης=>Σχεδίαση=>Στοιχεία Σελίδας=>Προσθήκη Gadget=>HTML/JavaScript :

Αντιγράψτε και επικολλήστε τον παρακάτω κώδικα:

<a class="linkopacity" style="display:scroll;position:fixed;top:5px;left:20px;"

href=" ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ ΠΟΥ ΘΑ ΑΝΟΙΓΕΙ " target="_blank" title="FIRST

PAGE"><img

src="http://i1029.photobucket.com/albums/y353/pantelakos/AAAHOMEgif.gif"

width="60" height="70"/></a>

<a class="linkopacity" style="display:scroll;position:fixed;top:65px;left:20px;"

href=" ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ ΠΟΥ ΘΑ ΑΝΟΙΓΕΙ "target="_blank" title="MY

VIDEOS"><img

src="http://i1029.photobucket.com/albums/y353/pantelakos/AAAMOVIES2.gif"

width="60" height="70"/></a>

<a class="linkopacity" style="display:scroll;position:fixed;top:125px;left:20px;"