Latest Blog News: Διαβάζετε πάντα και τα ΣΧΟΛΙΑ των αναρτήσεων!

Οριζόντιο blogger menu κάτω από τον τίτλο για προσθήκη συνδέσμων (1)


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Μου το έχετε ζητήσει πάρα πολλοί και δεν μπορούσα να σας αρνηθώ.
Πρόκειται για ένα ακόμη από τα βασικότερα blogger tips που δεν θα μπορούσε να έλειπε από το bloggertips.gr
Είναι μια μπάρα-μενού που την εγκαθιστάμε κάτω από τον τίτλο του blog μας και βάζουμε σε αυτή, links από αναρτήσεις μας, ετικέτες μας και ότι άλλο θέλουμε.

Θα φαίνεται κάπως έτσι:


Ακολουθήστε τα παρακάτω βήματα για να την βάλετε κι εσείς:

1. Σύνδεση στον blogger λογαριασμό μας από το blogger.com
2. Πανόπτης> Σχεδίαση> Επεξεργασία html
3. Με το ctrl+F βρείτε το </head>
4. Πάνω από αυτό επικολλήστε το παρακάτω:

<!--MENU-11-STARTS-Widget-by-http://loneeagle110.blogspot.com+http://www.bloggertips.gr/-->
<style type='text/css'>
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(http://i44.tinypic.com/333j255.jpg) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}
.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(http://i40.tinypic.com/51wnm9.jpg) center center repeat-x;
}
</style>
<!--MENU-11-STOPS-Widget-by-http://loneeagle110.blogspot.com+http://www.bloggertips.gr/-->

5. Αποθηκεύουμε το πρότυπό μας
6. Σχεδίαση> Στοιχεία Σελίδας> Προσθήκη gadget> HTML/JavaScript
7. Βάλτε τον παρακάτω κωδικό:

<!--MENU-11-STARTS-Widget-by-http://loneeagle110.blogspot.com+http://www.bloggertips.gr/-->
<ul class="solidblockmenu">
<li><a href="...your link..." class="current">Login</a></li>
<li><a href="...your link..." >Home</a></li>
<li><a href="...your link...">tab 1</a></li>
<li><a href="...your link...">tab 2</a></li>
<li><a href="...your link...">tab 3</a></li>
<li><a href="...your link...">tab 4</a></li>
<li><a href="...your link...">tab 5</a></li>
<li><a href="...your link...">tab 6</a></li>
<li><a href="...your link...">Contact me</a></li>
<li><a href="...your link...">About</a></li>
</ul>
<!--MENU-11-STOPS-Widget-by-http://loneeagle110.blogspot.com+http://www.bloggertips.gr/-->

Όπου το  ...your link...  βάζετε το link σας και όπου  tab 0  βάζετε το όνομα του link.

8. Αποθήκευση κι είστε έτοιμοι!

Αν προσέξατε στον τίτλο έχω το (1). Αυτό, όπως καταλαβαίνετε, σημαίνει ότι θα ακολουθήσουν κι άλλα σχέδια.

Τα σχόλιά σας, πάντα ευπρόσδεκτα!

Πηγές: Εικόνα και κωδικοί από http://www.dynamicdrive.com/style/csslibrary/item/solid_block_menu/P150/
Copyrights: http://bloggertips.gr/

Stumble
Delicious
Technorati
Twitter
Facebook

49 comments:

nikolas είπε...

Φιλε ευχαριστω για το tips αλλα δεν εχω καταλαβει πως θα βαλω οτι υλικο θελω σε αυτους τους συνδεσμους πες μου σε παρακαλω σε ευχαριστω εκ των προτερων.

katostaevros είπε...

file 8elw na se rotisw kati alla dn mporw na vrw katallilo section. Exw allaksei to template sto blog moy (exw vrei ena apo to internet) alla sto new moy template otan kanw anartisi den leitoyrgei to jumper (read more button). Ti prepei na kanw gia ayto

Karakaksa Studios είπε...

katostaeuros.... to ekana molis simera..kai mou eksafanise to read more... alla mou eftiakse to jumpper pou den douleye prin...

opote de xreiazetai na valeis kapoio kainourio html kwdiko..alla na grafeis tin anartisi kai na patas to koumpi stin epeksergasia pou deixnei tin komeni selida... to kanei aytomata... :)

gorbi είπε...

ΟΠΩΣ ΠΑΝΤΑ ΦΟΒΕΡΟΣ ΚΙ Ο ΠΡΩΤΟΣ ΝΑΣΑΙ ΠΑΝΤΑ ΚΑΛΑ ΦΙΛΕ ΜΟΥ ΣΥΝΕΧΙΣΕ ΟΤΙ ΚΑΝΗΣ ΕΙΝΑΙ ΩΡΑΙΟ

ΔΑΠ-ΝΔΦΚ Α.Τ.Ε.Ι. είπε...

Ευχαριστω παρα πολυ πολυ χρησιμο !!

Erotiko είπε...

Πολύ καλό ευχαριστώ

uGoTtHeLoOkS είπε...

Καλησπέρα! θελω να ρωτησω στο πρωτο μου σχολιο εδω πως σε μια καρτέα απο αυτες , βαζω υποκαρτελες ... δες το βλογ μου κ θα καταλαωεις. expekt.blogspot.com

kallia's blog είπε...

εμενα μου βγηκαν 2 κουτακια το ενα λεει login και το αλλο το ονομα της σελιδας μου στις λεξεις tab1 tab2τι βαζουμε δε καταλαβα

Johnpatra είπε...

βαζουμε τα ονοματα των λινκ μας..

οπως εχω εγω στις δικες μου μπαρες

Vangelis είπε...

Πολύ καλό το χρησιμοποίησα ήδη στο site μου http://toxrisimo.blogspot.com/

larry είπε...

Φίλε Βαγγέλη μπήκα στο blog σου,ωραίο,έτσι το είχα στο νού μου άλλα ρε φίλε πως όταν πατάς μια από τις επιλογές π.χ παιχνίδια σου βγαζει 'ολα οσα έχεις αναρτησει?σε παρακαλω απάντησε η οποιος άλλος ξέρει. ευχαρίστω.

geoleon7 είπε...

Πολύ καλό και δουλεύει σχετικά καλά...λέω σχετικά γιατί μένει πάντα "αναμμένο" το "Login" και όχι η σελίδα που είσαι κάθε φορά...πχ. ενώ είμαι στο "Ηome" είναι κόκκινο το Login και όχι το "Home"...αυτό διορθώνεται ή όχι;?

Όλγα Τσουπρά είπε...

kalispera!prospathw na kanw ayto poy grafeis alla otan to oloklirwnw moy to emfanizei kanonika alla oxi katw apo ton titlo toy blog moy alla epanw deksia sto plagio menoy.Ti kanw lathos?Voithiste me pleaseee!

Johnpatra είπε...

ΠΡΟΣΟΧΗ ΣΕ ΠΕΡΙΠΤΩΣΗ ΠΟΥ ΣΑΣ ΛΕΕΙ ΟΤΙ Η ΕΙΚΟΝΑ ΑΠΟ ΤΟ TINYPIPIC ΕΧΕΙ ΔΙΑΓΡΑΦΕΙ ΑΝΤΙΚΑΤΑΣΤΗΣΤΕ ΣΤΟΝ ΚΩΔΙΚΑ ΤΑ:

ΤΟ

http://i44.tinypic.com/333j255.jpg

ΜΕ ΤΟ

http://www.dynamicdrive.com/cssexamples/media/blockdefault.gif

ΚΑΙ ΤΟ

http://i40.tinypic.com/51wnm9.jpg

ΜΕ ΤΟ

http://www.dynamicdrive.com/cssexamples/media/blockactive.gif


ΣΟΥ ΠΡΟΤΕΙΝΩ ΓΙΑ ΝΑ ΜΗΝ ΞΑΝΑΕΧΕΙΣ ΤΕΤΟΙΑ ΠΡΟΒΛΗΜΑ ΝΑ ΑΝΕΒΑΣΕΙΣ ΤΙ ΕΙΚΟΝΕΣ ΑΥΤΕΣ ΣΤΟ http://imageshack.us/ ΜΟΝΟΣ ΣΟΥ ΚΑΙ ΝΑ ΑΝΤΙΚΑΤΑΣΤΗΣΕΙΣ ΣΤΟΝ ΠΑΡΑΠΑΝΩ ΚΩΔΙΚΑ ΜΕ ΤΟ ΔΙΚΟ ΣΟΥ ΛΙΝΚ!

Δα(ί)μων Μαινόμενος είπε...

class="current" Αγαπητε bloggertips υπαρχει προβλημα με την εικονα του login (το παραπανω)Ξαφνικα δεν μου το βγαζει σε κανενα απο τα blog μου .Πες μου τι να κανω .Σ'ευχαριστω

Δα(ί)μων Μαινόμενος είπε...

χιλλχια συγνωμη μολις ειδα την απαντηση σου

PANAXA-BLOG-JOKER είπε...

Πατριώτη Γιάννη σε χαιρετώ . είχα προσθέσει το παραπάνω μενού από την αρχή και όλα ήταν καλά. Μετά το πρόβλημα που προέκυψε τελευταία με τις εικόνες έκανα ότι γράφεις για να διορθωθεί το πρόβλημα και όλα είναι εντάξει εκτός από ένα . Δεν μου εμφανίζεται κόκκινο το πρώτο κουτάκι ( αρχική ) όπως πρώτα . Ολα τα κουτάκια έχουν μαύρο χρώμα . Πως μπορώ να το διορθώσω αυτό ?? Προέκυψε και σε άλλους αυτό το προβλημα η μόνο σε εμένα??

Johnpatra είπε...

panaxa δοκιμασε να βαλεις τις εικονες αναποδα.

PANAXA-BLOG-JOKER είπε...

Δοκίμασα αυτό που είπες και τις έβαλα ανάποδα από ότι λες αλλά το αποτέλεσμα είναι το ίδιο . τι άλλο μπορώ να κάνω ??

PANAXA-BLOG-JOKER είπε...

Δοκίμασα αυτό που είπες και τις έβαλα ανάποδα από ότι λες αλλά το αποτέλεσμα είναι το ίδιο . τι άλλο μπορώ να κάνω ??

Δα(ί)μων Μαινόμενος είπε...

Εχω και εγω το ιδιο προβλημα .Αλλαξα και τις εικονες αλλα τιποτα . Αγαπητε τι να κανω ?

Δα(ί)μων Μαινόμενος είπε...

Αποθυκευσα τις εικονες οπως ειπες.Αυτο να κανεις αγαπητε paxana.ολα καλως!

Markos είπε...

Πολύ καλό! :) klinnis.blogspot.com

PANAXA-BLOG-JOKER είπε...

Φίλε Μαινόμενε τώρα μπερδεύτηκα. Πως τις αποθήκευσες ;; ανάποδα η κανονικά;;

Δα(ί)μων Μαινόμενος είπε...

το εχει πει ''...ΣΟΥ ΠΡΟΤΕΙΝΩ ΓΙΑ ΝΑ ΜΗΝ ΞΑΝΑΕΧΕΙΣ ΤΕΤΟΙΑ ΠΡΟΒΛΗΜΑ ΝΑ ΑΝΕΒΑΣΕΙΣ ΤΙ ΕΙΚΟΝΕΣ ΑΥΤΕΣ ΣΤΟ http://imageshack.us/ ΜΟΝΟΣ ΣΟΥ ΚΑΙ ΝΑ ΑΝΤΙΚΑΤΑΣΤΗΣΕΙΣ ΣΤΟΝ ΠΑΡΑΠΑΝΩ ΚΩΔΙΚΑ ΜΕ ΤΟ ΔΙΚΟ ΣΟΥ ΛΙΝΚ!...''Εγω το ανεβασα στο picasa

PANAXA-BLOG-JOKER είπε...

Όλα οκ τώρα . Τελικά ανέβασα τις Φώτο σε δική μου διεύθυνση και το πρόβλημα λύθηκε . σας ευχαριστώ για την βοήθεια σας .

ΓΙΑΝΝΗΣ είπε...

ΓΕΙΑ ΣΑΣ ΗΘΕΛΑ ΝΑ ΡΩΤΗΣΩ ΠΩΣ ΘΑ ΒΑΛΩ ΑΝΑΡΤΗΣΕΙΣ ΣΕ ΚΑΘΕ ΣΕΛΙΔΑ?ΔΕΝ ΜΠΟΡΩ ΝΑ ΒΡΩ ΑΚΡΗ ΜΗΠΟΣ ΜΠΟΡΕΙ ΝΑ ΒΟΗΘΗΣΕΙ ΚΑΠΟΙΟΣ?

tasos είπε...

φιλε δεν καταλαβα ακομα που μπορω να βρω το link!!!

tasos είπε...

φιλε απαντα αν γινετε!!!

bloggertips.gr είπε...

δειτε το σχολιο που δημοσιευτηκε 17 Μαΐου 2011 2:51 μ.μ.

τα λινκς θα τα βρειτε στους παραπανω κωδικες

bloggertips.gr είπε...

τα links ειναι πεσμενα.
περιμενετε να βρω αλλα

Τζένη είπε...

Έφτιαξα τις σελίδες αλλά πρέπει να μπαίνει το ποντίκι πάνω στη μπάρα για να εμφανιστούν τα γράμματα....

Έχω κάνει κάτι λάθος?

DjKaStFtDjPaL είπε...

Ευχαριστώ πάρα πολύ είσαι φοβερός

Δείτε πόσο ωραιότερο έγινε με αυτό

http://remixstudioingreece.blogspot.com/

Χρήστος είπε...

φιλε ευχαριστω πολυ για τ tip...ηταν οντως πολυ χρησιμο..μονο π αντιμετωπιζω καποιεσ δυσκολιες..ενω μικραινω το πλατος του μενου, στη συνεχεια δεν μπορω να τ κεντραρω ..πηγαινει η τερμα αριστερα η τερμα δεξια. επισης, θα ηθελα ν μαθω πως μπορω να αλλαξω τ χρωμα του περιγραμματοσ των κελιων κ τ μεγεθοσ τους. ευχαριστω πολυ εκ των προτερων

Γιάννης είπε...

re paidia na mou eksigisete ligo pos vazoume pragmata sto menu?

ELENI DI. είπε...

Σ' ευχαριστούμε για όλη αυτή τη δουλειά που κάνεις. Επιτέλους, αρχίζω να ξεκαθαρίζω αρκετά πράγματα σχετικά με τα μπλογκ, τους κώδικες και τη λειτουργία τους.
Εξήγησέ μου, αν μπορείς, το γιατί, όταν χρησιμοποιώ την ενημερωμένη διεπαφή μπλογκερ για να δημιουργήσω Νέα Σελίδα στο ιστολόγιο, ενώ δίνει δυνατότητα η νέα σελίδα να μην είναι κείμενο αλλά προσθήκη κωδικού url ο οποίος, με το πάτημα στην καρτέλα, αυτομάτως σε συνδέει (υποτίθεται) με το μπλογκ ή την σελίδα που έχει αυτόν τον κωδικό.
Ενώ συμπληρώνω τίτλο σελίδας και κωδικο, στην προβολή ιστολογίου, όταν δοκιμάζω την νέα σελίδα, παραμένω στο ιστολόγιο που βρίσκομαι. Έχω άλλα 5 ιστολόγια συνδεδεμένα με το κεντρικό και δεν μπορώ να κάνω σύνδεση στις καρτέλες.

Επίσης, κάπου στο διαδίκτυο (ίσως και εδώ αλλά δεν το βρήκα) είδα ότι μπορούμε στην αρχική σελίδα του μπλογκ να βάλουμε ένα κείμενο και με παρέμβαση στον κώδικα html η κάθε νέα ανάρτηση να μπαίνει αυτόματα κάτω από αυτό το αρχικό κείμενο χωρίς να το πειράζει ή να το μετατοπίζει προς τα κάτω. Μπορείς να μας πεις πώς γίνεται; (συγνώμη αν το έχεις ήδη αναρτήσει και δεν το είδα)

Anna's World είπε...

Kαλησπέρα, άλλη μια απορία σε σχέση με το μενου - συνδέσμους. Λέτε να βάλουμε τα δικά μας Link και την ονομασία. Ποιες είναι αυτές οι συνδέσεις; Μήπως πρέπει να φτιάξω πρώτα νέες σελίδες με όνομα (όπως θα ονομάσω τα κουμπιά του μενού); και μετά; Πω πω χάος... κάπου χάθηκα και αν μπορεί κανείς να με βοηθήσει, να ναι καλά. Είμαι νέα στο blogger, και προσπαθώ μια βδομάδα να το σουλουπώσω. ευχαριστώ

Ανώνυμος είπε...

Πως μπορω να βαλω πολλα links σε καθε μπαρα?ΠΧ η μπαρα εχει name αυτοκινητα.Πως γινεται να παταν στην μπαρα και να τους βγαζει ολα τα αυτοκινητα που εχω ανεβασει?Προσπαθησα να βαλω ολα τα λινκς εκει που λες να τα βγαλουμε αλλα βγαζει error.Βοηθεια παιδια

Ανώνυμος είπε...

ΚΑΛΗΣΠΕΡΑ ΘΑ ΗΘΕΛΑ ΝΑ ΡΩΤΗΣΩ ... ΠΡΕΠΕΙ ΝΑ ΑΝΕΒΑΣΕΙΣ ΤΙΣ ΦΩΤΟ ΣΤΟ imageshack ΓΙΑΝΑ ΤΙΣ ΠΕΡΑΣΕΙΣ ΜΕΤΑ ΣΕ ΕΝΑ BLOCK? ΔΕΝ ΜΠΟΡΕΙΣ ΝΑ ΑΝΕΒΑΣΕΙΣ ΦΩΤΟΓΡΑΦΙΕΣ ΚΑΤΕΥΘΙΑΝ ΑΠΟ ΤΟΝ ΥΠΟΛΟΓΙΣΤΗ ΣΟΥ ?

soulfly είπε...

Μπορεί κάποιος να μας πει πως ακριβώς κάνουμε τα θέματα που έχουμε αναρτήσει να μπαίνουν κάτω απο το αντίστοιχο πλήκτρο-κατηγορία της μπάρας που προσθέτουμε;
Θέλω,πατώντας στο κάθε tab να εμφανίζει τα σχετικά θέματα απο την συγκεκριμένη κατηγορία.Πως θα αναρτώ και θα κατηγοριοποιώ όταν θέλω να κάνω μια ανάτρηση;

Ανώνυμος είπε...

Nomizw pws ki egw ayto den exw katalabei..as mas pei kapoios!!!

Ανώνυμος είπε...

Ρε παιδιά εμένα δουλεύει μια χαρά,μόνο το χρώμα θα ήθελα να αλλάξω.
Αν ξέρει κάποιος ας απαντήσει στο πως αλλάζουμε το χρώμα γιατί δεν ταιριάζει και πολύ..

eidikos17 είπε...
Αυτό το σχόλιο αφαιρέθηκε από τον συντάκτη.
eidikos17 είπε...
Αυτό το σχόλιο αφαιρέθηκε από τον συντάκτη.
eidikos17 είπε...

ΙΣΧΥΕΙ ΓΙΑ ΟΛΑ ΤΑ TEMPLATES?

zisemazimas είπε...

exw ena provlhma. mou exei vgei h mpara kanonika panw. kai stn arxikh selida pou exw valei apla to link tou site mou einai ola ok. to thema einai stis alles p thelw na ksexwrizei ta arthra kai na ta kataxwrei stis stiles analoga me to thema. auto dn katalavainw pws to kanoume

Vangelis είπε...

Πως να αντιστοιχίσετε τις κατηγορίες στο μενού με τα posts σας?
έχετε φτιάξει πχ 3 posts με το label: παιχνίδια. Πηγαίντε και πατήστε κάτω από το post τη λέξη δλδ το label παιχνίδια, στη σελίδα που 8α σας ανοίξει κάντε copy to url.
Αυτό το url θα το βάλετε εκεί που λέει yourlink!
Εκεί που λέει tab θα γράψετε το είδος των posts δλδ στη περίπτωση μας Παιχνίδια.
Ελπίζω να βοήθησα δείτε κ στο δικό μου blog http://www.toxrisimo.gr/
αν έχετε απορίες στείλτε μου mail

Angel♥Mary είπε...

Πολύ καλό! Γίνεται να το βρούμε σε λευκό?

AMHN είπε...

Ωραία δουλειά, θερμές ευχαριστίες !!!

Δημοσίευση σχολίου

Παρακαλούμε τους φίλους αναγνώστες:

ΟΧΙ SPAM,
ΟΧΙ GREEKLISH,
ΟΧΙ ΠΡΟΣΒΛΗΤΙΚΑ ΣΧΟΛΙΑ

Παρακαλώ το σχόλιό σας να είναι σχετικό με την παραπάνω ανάρτηση.
Γενικές απορίες μόνο στη σελίδα μας στο facebook.

 
© Copyright 2009-14 bloggertips.gr | All rights reserved. | Επικοινωνία | LK Magazine v2 from Lasantha | Πίσω στην ΚΟΡΥΦΗ | | Subscribe in a reader (Google,Yahoo κα)

* free blogger tips,tricks,gadgets,widgets,templates,themes,help,hacks,design,domains,xml,html,blogspot.gr *