Change New - Old Page Directions with Buttons

Αλλαγη του παλαιοτερες αναρτησεις - νεοτερες αναρτησεις με κουμπια

Θα εχετε παρατηρησει πως τα απλα blogger templates δεν ειναι σχεδιασμενα ωστε να εχουν ενα επαγγελματικο στυλ και θα πρεπει να αλαξουμε πολλα πραγματα για να μπορεσουμε να τα κανουμε ομορφα και πιο επαγγελματικα.

Σε αυτον τον οδηγο θα σας δειξω πως μπορουμε να αλλαξουμε το παλαιοτερες αναρτησεις - νεοτερες αναρτησεις με κουμπια

Random Post Button

Random Post Button Widget for Blogger

Posted On 05:15 // 10 comments

Today I am going to show you how you can add Random Post button to Blogger on clicking which you will be redirected to any random page on your blog. The widget works on JavaScript while the button is made of CSS.

This widget uses simple JavaScript and looks elegant. On clicking the button it fetches a post from the blogs feed and redirect the user to that particular page.

This widget may be really helpful to increase your blog's pageviews.

ROLL DOWN MENU

ΠΩΣ ΒΑΖΩ ROLL DOWN MENU

Πηγαίνουμε στην διάταξη του blog μας και πατάμε προσθήκη gadget στην αριστερή πλαϊνή πλευρική μπάρα. Μετά επίλέγουμε το gadgetHTML/JAVASCRIPT και επικολλάμε τον παρακάτω κώδικα. Μπορείτε να αλλάξετε τις κατηγορίες των συνδέσμων αντικαθιστώντας τα πορτοκαλί γράμματα. Επίσης μπορείτε να αλλάξετε και τους συνδέσμους μέσα στις κατηγορίες με τα κίτρινα γράμματα, καθώς και την περιγραφή τους με τα πράσινα γράμματα.

Το πλάτος και το ύψος του μενού το ρυθμίζετε αλλάξοντας τα γαλάζια νούμερα. Το backround του μενού το αλλάζετε με αυτό της αρεσκείας σας, αλλάζοντας τον έχρωμο κωδικό χρώματος μετά την λέξη BACKROUNDκαι το σύμβολο #. Το χρώμα κειμένου του μενού το αλλάζετε με αυτό της αρεσκείας σας, αλλάζοντας τον κωδικό μετά τη λέξη colorκαι το σύμβολο #. Τους κωδικούς των χρωμάτων μπορείτε να τους βρείτε στο υποσέλιδοαυτού του ιστολογίου σε ένα ειδικό widget που υπάρχει τέρμα κάτω δεξιά.

ROLL DOWN MENU ΜΕ STYLE

ΚΑΘΕΤΟ ROLL DOWN MENU ΜΕ STYLE

Αυτό το roll down menuέχει 2 διαφορές από το προηγούμενο. Πρώτον έχει στρογγυλεμένες γωνίες και δεύτερον ανοίγει στο ίδιο παράθυρο. Πηγαίνουμε στην διάταξη του blogμας και πατάμε προσθήκη gadget στην αριστερή πλαϊνή πλευρική μπάρα. Μετά επίλέγουμε το gadget HTML/JAVASCRIPTκαι επικολλάμε τον παρακάτω κώδικα. Μπορείτε να αλλάξετε τις κατηγορίες των συνδέσμων αντικαθιστώντας τα πορτοκαλί γράμματα. Επίσης μπορείτε να αλλάξετε και τους συνδέσμους μέσα στις κατηγορίες με τα κίτρινα γράμματα, καθώς και την περιγραφή τους με τα πράσινα γράμματα. 

Το πλάτος και το ύψος του μενού το ρυθμίζετε αλλάξοντας τα γαλάζια νούμερα.
Το backround του μενού το αλλάζετε με αυτό της αρεσκείας σας, αλλάζοντας τον έχρωμο κωδικό χρώματος μετά την λέξη BACKROUNDκαι το σύμβολο #. Το χρώμα κειμένου του μενού το αλλάζετε με αυτό της αρεσκείας σας, αλλάζοντας τον κωδικό μετά τη λέξη colorκαι το σύμβολο #. Τους κωδικούς των χρωμάτων μπορείτε να τους βρείτε στο υποσέλιδο αυτού του ιστολογίου σε ένα ειδικό widget που υπάρχει τέρμα κάτω δεξιά.

Floatting Social Buttons

ΠΩΣ ΒΑΖΩ FLOATING SOSIAL FOLLOW BUTTONS

Με τον παρακάτω κώδικα μπορείτε να βάλετε στο ιστολόγιό σας κάθετα floating sosial follow buttons. Τα κουμπιά αυτά θα εμφανίζονται στο πάνω δεξιό μέρος του ιστολογίου σας σε κάθετη διάταξη, δηλ. το ένα κάτω από το άλλο. Έχουν διαστάσεις 40Χ40οι οποίες αν θέλετε μπορούν να γίνουν και 35Χ35 ή 30Χ30 για να μην πέφτουν πάνω στη δεξιά πλευρική μπάρα. Το ίδιο ισχύει και για το πτυσόμενο button που ανοίγει όταν περνάτε το ποντίκι σας πάνω από τα buttons. Αυτό έχει διαστάσεις 120Χ40και μπορείτε να τις αλλάξετε αναλογικά πάντα με τo ύψος των τετράγωνων buttons σε 35Χ105ή 30X90. 

Η θέση των εικονιδίων αλλάζει εκεί που γράφει top:0px;right:0px; Αν θέλετε μπορείτε να αλλάξετε τα links των εικονιδίων που είναι με το μώβ και κόκκινοχρώμα καθώς και τα links που παραπέμπουν στα sosial networksπου είναι με κίτρινο χρώμα με τα δικά σας links εικόνων και sosial networks links.

ΔΕΙΤΕ ΕΔΩ ΤΑ FOLLOW SOSIAL BUTTONS ΣΕ ΛΕΙΤΟΥΡΓΙΑ ΣΕ ENA DEMO BLOG

 

Colored Links Buttons

ΕΓΧΡΩΜΑ BUTTONS ΜΕ LINKS

Με τον παρακάτω κώδικα μπορούμε να δώσουμε στυλ στα links μας να τα κάνουμε έγχρωμα με στρογγυλεμένες άκρες, περίγραμμα και να αλλάζουν χρώμα ότν περνάμε το ποντίκι από πάνω τους. Ο κώδικας αυτός μπαίνει απλά σαν gadget οπουδήποτε θέλετε να εμφανίζονται τα links. Καλό θα ήταν όμως το πρώτο μέρος του κώδικα από το <style> μέχρι το </style> να μπεί μέσα στο πρότυπο πρίν την γραμμή ]]></b:skin> για να μην τον ξαναβάζετε μέσα σε κάθε gadget σε περίπτωση που θα βάλετε τα links σε 2 ή περισσότερα gadget μέσα στο ιστολόγιό σας, αλλά να βάζετε μόνο το 2^ομέρος του κώδικα.

Buttons with Links in Blog

ΠΩΣ ΒΑΖΩ BUTTONS Ή ΕΙΚΟΝΙΔΙΑ ΣΤΟ BLOG ΜΟΥ (15 ΚΩΔΙΚΕΣ)

ΠΩΣ ΒΑΖΩ BUTTONS Ή ΕΙΚΟΝΙΔΙΑ ΣΤΟ BLOG ΜΟΥ (15 ΚΩΔΙΚΕΣ)

Παρακάτω θα βρείτε 15 διαφορετικούς κώδικες για να βάλετε buttons ή εικονίδια στο blog σας. Κάθε κώδικας είναι διαφορετικός ως προς τον τρόπο που ανοίγει το button ή το εικονίδιο, την θέση του και κάποια εφέ ημιδιαφάνειας. Τα buttons και τα εικονίδια αυτά μπορούν να μπούν το ένα δίπλα στο άλλο σε οριζόντια ή σε κάθετη διάταξη και να αποτελέσουν ένα έγχρωμο μενού από buttons ή εικονίδια. Όπως π.χ. το έγχρωμο μενού με buttons που περιγράφω στην ανάρτηση. ΚΑΘΕΤΟ ΚΑΙ ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΕΓΧΡΩΜΑ BUTTONS

Floating Social Follow Buttons

ΠΩΣ ΒΑΖΩ FLOATING SOSIAL FOLLOW BUTTONS

ΠΩΣ ΒΑΖΩ FLOATING SOSIAL FOLLOW BUTTONS

Με τον παρακάτω κώδικα μπορείτε να βάλετε στο ιστολόγιό σας κάθετα floating sosial follow buttons. Τα κουμπιά αυτά θα εμφανίζονται στο πάνω δεξιό μέρος του ιστολογίου σας σε κάθετη διάταξη, δηλ. το ένα κάτω από το άλλο. Έχουν διαστάσεις 40Χ40 οι οποίες αν θέλετε μπορούν να γίνουν και 35Χ35 ή 30Χ30 για να μην πέφτουν πάνω στη δεξιά πλευρική μπάρα. Το ίδιο ισχύει και για το πτυσόμενο button που ανοίγει όταν περνάτε το ποντίκι σας πάνω από τα buttons. Αυτό έχει διαστάσεις 120Χ40 και μπορείτε να τις αλλάξετε αναλογικά πάντα με τo ύψος των τετράγωνων buttons σε 35Χ105 ή 30X90. 

Web Radio Icons

RADIO ICONS ΠΟΥ ΑΝΟΙΓΟΥΝ ΣΕ POP UP WINDOW

RADIO ICONS ΠΟΥ ΑΝΟΙΓΟΥΝ ΣΕ POP UP WINDOW

Πηγαίνουμε στην διάταξη του blog μας και πατάμε προσθήκη gadget σε όποια μπάρα δεξιά ή αριστερά, πάνω ή κάτω θέλουμε να βάλουμε τα radio icons. Μετά επίλέγουμε το gadget HTML/JAVASCRIPT και επικολλάμε τον παρακάτω κώδικα. 

Web TV Icons

TV ICONS ΠΟΥ ΑΝΟΙΓΟΥΝ ΣΕ POP UP WINDOW

TV ICONS ΠΟΥ ΑΝΟΙΓΟΥΝ ΣΕ POP UP WINDOW

Πηγαίνουμε στην διάταξη του blog μας και πατάμε προσθήκη gadget σε όποια μπάρα δεξιά ή αριστερά, πάνω ή κάτω θέλουμε να βάλουμε τα sosial buttons. Μετά επίλέγουμε το gadget HTML/JAVASCRIPT και επικολλάμε τον παρακάτω κώδικα. 

 

Web Radio Buttons

RADIO BUTTONS ΠΟΥ ΑΝΟΙΓΟΥΝ ΣΕ POP UP WINDOW

Πηγαίνουμε στην διάταξη του blog μας και πατάμε προσθήκη gadget σε όποια μπάρα δεξιά ή αριστερά, πάνω ή κάτω θέλουμε να βάλουμε τα radio buttons. Μετά επίλέγουμε το gadget HTML/JAVASCRIPT και επικολλάμε τον παρακάτω κώδικα. 

 

 

E-mail Me Button

ΠΩΣ ΒΑΖΩ EMAIL BUTTON ΣΤΟ BLOG MOY

Με τον παρακάτω κώδικα μπορούμε να βάλουμε ένα email button στο blog μας έτσι ώστε να μπορεί κάποιος να μας στέλνει αυτόματα email χωρίς να πληκρολογεί ή να ψάχνει να βρεί το email μας στις επαφές του. 

 

Up Down Buttons

BACK TO TOP & GO DOWN BUTTONS ΓΙΑ BLOG

Νέοι bloggers, γεια σας!! Οσοι από σας έχετε μεγάλο σε μήκος blog, χρειάζεστε ένα εργαλείο που να οδηγεί τον επισκέπτη σας πάνω-κάτω, χωρίς να ταλαιπωρείται...Αρα θέλετε δύο τοξάκια, που να οδηγούν, στην αρχή και το τέλος της σελίδας σας...

Back to Top Button

Smooth «back to top» button

Φίλοι bloggers, σήμερα σας δίνω τον κώδικα για < back to top>  βελάκι, που ανεβαίνει προς την κορυφή της σελίδας, αργά και μαλακά….είναι script και βέβαια μπαίνει σαν gadget….Δείτε DEMO….(Για να φανεί, ρολάρετε τη σελίδα σας προς τα κάτω)…

Hide-Show Buttons

HIDE/SHOW (button+image)

Φίλοι bloggers, ο κώδικας που σας δίνω παρακάτω, βοηθά στην εξοικονόμηση χώρου στο blog σας, μιας και μπορείτε να «κρύψετε» διάφορα link , κείμενα, εικόνες κλπ κλπ και με ένα κουμπί, η φράση, να παρουσιάζονται από κάτω !!!!