Γίνετε μέλος του Dr-blogger στο fb.Απλά πατήστε like από κάτω

photto




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

Νέοι bloggers, σίγουρα οι περισσότεροι έχετε ένα banner...υπάρχουν όμως και κάποιοι bloggers πιο φρέσκοι που δεν ξέρουν πως φτιάχνεται και τι είναι το banner...γι αυτούς λοιπόν είναι αυτή η ανάρτηση....
Το banner είναι μια διαφήμιση του blog μας.Το μοιράζουμε σε διάφορα φιλικά μας blogs, για να μας διαφημίσουν και να αποκτήσουμε μεγαλύτερη  επισκεψιμότητα ...
...Κατ' αρχήν να σας εμπιστευθώ οτι δεν πιστεύω στη δύναμη του banner...δεν πιστεύω οτι μια εικονίτσα, όσο όμορφη κι αν είναι, μπορεί να ανεβάσει την επισκεψιμότητα του blog μου, και να τραβήξει περισσότερο κόσμο από ότι μια όμορφη σελίδα, καλογραμμένη ανάρτηση, και σωστό γράψιμο...Αλλά είναι σύνηθες οι bloggers να ανταλλάσσουν banner σαν ένδειξη φιλίας και αλληλοϋποστήριξης....
Υπάρχουν 2 ειδών banner....με εικόνα η με κείμενο ...θα σας δείξω 2 απλούς κώδικες (γιατί υπάρχουν και σύνθετοι, πιό πολύπλοκοι), ώστε να φτιάξετε, όσοι είστε νέοι και δεν γνωρίζετε πως, ένα βασικό, απλό και αξιόπιστο banner....(ας με συγχωρήσουν οι πιο έμπειροι bloggers αν ξεχάσω κάτι χρήσιμο)


BANNER ΜΕ ΦΩΤΟΓΡΑΦΙΑ:
ΚΩΔΙΚΑΣ:
<a href=" ΔΙΕΥΘΥΝΣΗ ΤΟΥ BLOG ΣΟΥ " target="_blank"><img src=" ΔΙΕΥΘΥΝΣΗ ΤΗΣ ΕΙΚΟΝΑΣ " width="100" height="100" alt="ΣΤΟΙΧΕΙΑ ΤΗΣ ΦΩΤΟΓΡΑΦΙΑΣ" border="1" title="TITLOΣ BLOG"></a>
ΠΑΡΑΔΕΙΓΜΑ:
<a href="  http://www.dr-blogger.com/ " target="_blank"><img src="   https://lh4.googleusercontent.com/_M_hNoheHfCw/TX_3U-dln8I/AAAAAAAABHs/jFk9dLsZEd0/banner%20dr-blogger%202.gif   " width="100" height="100" alt="DR-BLOGGER" border="1" title="Dr-Blogger"></a>
EΜΦΑΝΙΖΕΤΑΙ ΕΤΣΙ:
DR-BLOGGER

BANNER ME ΚΕΙΜΕΝΟ:
ΚΩΔΙΚΑΣ:
<a href=" ΔΙΕΥΘΥΝΣΗ ΤΟΥ BLOG ΣΟΥ" target="_blank">ΤΙΤΛΟΣ ΤΟΥ BLOG ΣΟΥ </a><br/><a href=" ΔΙΕΥΘΥΝΣΗ ΤΟΥ BLOG ΣΟΥ  ">ΤΙ ΠΕΡΙΕΧΕΙ ΤΟ BLOG ΣΟΥ</a>
ΠΑΡΑΔΕΙΓΜΑ:
<a href="http://www.dr-blogger.com/" target="_blank" >Dr-Blogger </a><br/><a href="http://www.dr-blogger.com/" >Βοήθεια για νέους bloggers</a>
ΕΜΦΑΝΙΖΕΤΑΙ ΕΤΣΙ:
Dr-Blogger
Βοήθεια για νέους bloggers

* To  target="_blank"  σημαίνει οτι το blog θα ανοίξει σε νέα καρτέλα-παράθυρο
** Το  width="100" height="100"  είναι οι διαστάσεις της εικόνας (βάλτε τις ανάλογες τιμές, πόσο μεγάλη θέλετε να εμφανίζεται η εικόνα του banner)...
***Το  title="Dr-Blogger"  είναι ο τίτλος του blog μας που εμφανίζεται μόλις βάλει κάποιος το κέρσορα
πάνω στην εικόνα...
****Το   alt="ΣΤΟΙΧΕΙΑ ΤΗΣ ΦΩΤΟΓΡΑΦΙΑΣ" για να βρίσκουν τα ψαχτήρια την εικόνα μας...
*****Το  border="1"   βάλτε το αν θέλετε να έχει μια κορνίζα γύρω από την εικόνα του banner (βάλτε 1, 2, 3, 4 όσο θέλετε)...
Ο τύπος της εικόνας μπορεί να είναι jpg, gif, png (είναι τα πιο εύχρηστα και συνηθισμένα)...
Στο μενού του Dr-blogger (ψηλά στην αρχή του blog) έχω διάφορες διευθύνσεις online help...μπορείτε να φτιάξετε μια εικόνα, σύμφωνα με τα γούστα σας....Υπάρχουν και σελίδες που δημιουργείτε banner όπως αυτές  http://www.mybannermaker.com/ ,
http://www.bannersketch.com/,
http://www.bannerfans.com/banner_maker.php,
http://www.bannercreator.nu/banner-maker.html
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!
{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}
Related Posts Plugin for WordPress, Blogger...
Print Friendly and PDF

4 σχόλια:

Parta Ola είπε...

Καλησπέρα.
Που πρέπει να αποθηκεύσω την φωτό ώστε να εχει λινκ για να το βαλω στον κώδικα?
Δοκίμασα από το πικασα αλλα προφανως δεν δινει σωστό λινκ.

pandelees karagiann είπε...

parta ola, στο picasa να τις ανεβαζεις...απλα, παρε τη σωστη url διευθυνση...πατα στην εικονα να ανοιξει, και με δεξι κλικ παρε "αντιγραφη διευθυνσης συνδεσμου"

Parta Ola είπε...

Ευχαριστώ !!

Σταύρου Γιώτα είπε...

Τέλειες οι οδηγίες και γενικότερα το blog σου!!
Απλά που εισάγεις τον κώδικα για το banner?στη Διάταξη σαν gadget html/java script?
Tο εκανα αλλα απλα μου το βάζει σαν εικονιδιο-gadget στην αρχικη σελιδα.οχι σαν banner του blog μου.
Είμαι αρχάρια και θα εκτιμούσα τη βοήθεια.
Thanks. :)