Εμφάνιση αναρτήσεων με ετικέτα WIDGET. Εμφάνιση όλων των αναρτήσεων
Εμφάνιση αναρτήσεων με ετικέτα WIDGET. Εμφάνιση όλων των αναρτήσεων

Παρασκευή 24 Αυγούστου 2012

Go top button


Αφού με έχουν ρωτήσει πολλοί αναγνώστες ,θα γράψω την παρακάτω ανάρτηση που θα σας εξηγεί πως θα βάλετε ένα κουμπί-link στο site σας ,που όποιος το πατάει θα πηγαίνει στην αρχή της σελίδας(όπως αυτό που έχω εγώ κάτω δεξιά στη σελίδα).Είναι πολύ εύκολο να το βάλετε κι εσείς.Αν σας αρέσει δείτε τη συνέχεια!

Κάντε σύνδεση στον λογαριασμό σας,πατήστε Διάταξη και μετάΕπεξεργασία html.
Πατήστε ταυτόχρονα ctrl + F για να ανοίξει κάτω ένα παραθυράκι αναζήτησης.
Αναζητήστε το </body>
Λογικά είναι προς το τέλος του κώδικα.
Τώρα βάλτε τον παρακάτω κώδικα αμέσως από πάνω του.

Free online visitors widget


 Δείτε παρακάτω από που μπορείτε να βρείτε δωρεάνκαι χρήσιμα widgets για να βάλετε στο blog σας.Συγκεκριμένα τα παρακάτω sites σας προσφέρουν widgets που σας δείχνουν τον αριθμό των online επισκεπτών σας.
Δηλαδή πόσους επισκέπτες έχετε κάθε στιγμή.

Pull-Down Menu with Links (+ έτοιμο widget)


Σήμερα θα σας εξηγήσω την τεχνική του pull-down menu και πόσο σημαντική και λειτουργική είναι για τα blogs.
Σας έφτιαξα μάλιστα και ένα widget για να το βάλετε στο blog σας.

Έχω επισκεφτεί εκατοντάδες blogs και σε πολλά βλέπω να έχουν στην sidebar (=η στήλη δεξιά ή αριστερά από τις αναρτήσεις) μια ακατέβατη σειρά από links.
Άλλο να έχεις 10-20 links γνωστών σου και άλλο να έχεις 50+ links από διάφορες ιστοσελίδες.Με αυτόν τον τρόπο δεν βοηθάτε τους επισκέπτες σας να πλοηγηθούν ευχάριστα στη σελίδα σας.
Σας προτείνω λοιπόν να χρησιμοποιήσετε το pull-down menu.Δεν θα διαγράψετε κανένα link απλά θα τα συγχωνεύσετε και δεν θα σας τρώνε πια τόσο χώρο.
Κάτω σας έχω τον κωδικό για το pull-down menu:

Hide/Show στο blog μας


Ένα πολύ ωραίο widget έχω για σας σήμερα.
Είμαι ο ekabitis και ίσως έχετε δει στο blog μου ένα link που γράφει "Hide/Show"
Πρόκειτε για το "εμφάνιση/απόκρυψη" ή αλλιώς Show/Hide button.
Είναι ένα πάρα πολύ εύχρηστο widget, καθώς με αυτό μπορούμε να "κρύψουμε" θέματα στην sidebar μας, εξοικονομώντας έτσι πολύτιμο χώρο.
Μέσα στο "show/hide", μπορούμε να βάλουμε οτιδήποτε θέλουμε. Από κείμενο μέχρι φωτογραφίες ή banners. Στην άλλη σελίδα μου συγκεκριμένα, έχω τοποθετήσει όλα τα φιλικά banners, όπου έπιαναν υπερβολικό χώρο.


Πάμε να το δούμε λοιπόν.

Table Border



Καλησπέρα σε όλους σας...Είμαι ο magakos από το Freeware-tools.net και Freeware-tools.com .
Κάποιες φορές θέλουμε να βάλουμε κάτι καινούργιο στο blog μας και θέλουμε να "χτυπάει" αμέσως στο μάτι του επισκέπτη...
Αυτό θα μπορούσαμε να το πετύχουμε με ένα χρωματισμένο πλαίσιο γύρω του όπως το παρακάτω το οποίο έχει την ιδιότητα να αναβοσβήνει και μπορείτε να το δείτε στην πράξη πατώντας ΕΔΩ (Table Border)
Για να το περάσετε κάνετε τα εξής:
1) Σύνδεση στον λογαριασμό σας από το blogger.com
2) Διάταξη>Στοιχεία σελίδας>Προσθήκη gadget>HTML/Javascript
3) Επικολλήστε εκεί μέσα τον παρακάτω κώδικα:

ΦΤΙΑΞΕ ΤΟ NEWSLETTER ΤΗΣ ΣΕΛΙΔΑΣ ΣΟΥ (how to add feedburner email subscriptions box form to your blog website)




Το Feedburner προσφέρει πολλές δυνατότητες, αλλά είναι τόσο γνωστό για τη δυνατότητα του newsletter που παρέχει στους χρήστες του. Με αυτη την δυνατότητα, οι επισκέπτες μιας ιστοσελίδας μπορούν να γίνουν συνδρομητές σε αυτή και να λαμβάνουν στο e-mail τους, όλες τις νέες αναρτήσεις της. Τρομερή δυνατότητα αυτη, που πρέπει να δίνει κάθε site στους επισκέπτες του.

Το Feedburner ανήκει στην Google. 
Μεγαλύτερος ανταγωνιστής του Feedburner είναι το Feedblitz, το οποίο δεν είναι πολύ κακό, αλλά δεν είναι και Feedburner.


Η εγγραφή στο Feedburner είναι δωρεάν, μπορεί να γίνει χρησιμοποιώντας τον λογαριασμό που ήδη έχετε στο Google και σας επιτρέπει να «κάψετε» (δηλ. να εισάγετε) όσα feeds θέλετε. 

Το πρώτο βήμα που πρέπει να κάνουμε για να αρχίσουμε να φτιάχνουμε το newsletter μας, είναι να πατήσουμε στο http://feedburner.google.com/, όπου θα εμφανιστεί η παρακάτω εικόνα:

FLAGS TRANSLATOR WIDGET (έγινε update στον κώδικα!)



Πρόκειται για ένα widget που μεταφράζει τη σελίδα σας σε άλλες γλώσσες.Η μόνη διαφορά του από αυτήν την ανάρτηση εδώ είναι ότι σου έχει σημαίες (βλ.εικόνα) και ο επισκέπτης πατάει τη σημαία της γλώσσας που θέλει να μεταφραστεί το blog.
Το βάζουμε σαν απλό,κανονικό widget.Διάταξη>Προσθήκη gadget>HTML/JavaScript.O κωδικός είναι ο εξής:

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


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

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

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


Είναι μια μπάρα-μενού ΜΕ ΥΠΟΚΑΡΤΕΛΕΣ που την εγκαθιστάμε κάτω από τον τίτλο του blog μας και βάζουμε σε αυτή, links από αναρτήσεις μας, ετικέτες μας και ότι άλλο θέλουμε.

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


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

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

Πολύχρωμα Δημοφιλή Widget



Ακόμα ένα σχέδιο για τις Δημοφιλείς αναρτήσεις στον blogger.
Η διαφορά του με την 2η έκδοση (V2) είναι ότι ΔΕΝ χρησιμοποιεί την μικρογραφία εικόνας & ότι έχει διαφορετικό σχέδιο στην εμφανισή του.
Ας πάμε να το δούμε λοιπόν πως θα το περάσετε στο ιστολόγιο σας:

Αφού κρατήσετε ένα backup του template σας καλού-κακού....



Θα πάτε στον Πίνακα ελέγχου σας --> Πρότυπο --> και θα κοιτάξετε να βρείτε τον παρακάτω κώδικα με Ctrl + F....    
]]></b:skin>


Μόλις το βρείτε θα πάτε στην αμέσως προυγούμενη γραμμή & θα προσθέστε τον παρακάτω κώδικα.

Τετάρτη 22 Αυγούστου 2012

Κάθετο Μενού (Vertical Menu) για SIDEBAR


Νέοι bloggers γεια σας...
Σήμερα θα δούμε πως βάζουμε ένα κάθετο menu, σε μια πλαϊνή στήλη (sidebar) στο blog μας...είναι (και αυτό) πολύ "ελαφρύ" και δεν αργεί το άνοιγμα του blog μας (λειτουργεί με css δεν είναι script ) !!! To έχω "πειράξει" λιγάκι στην εικόνα των κουμπιών (buttons), για να φαίνεται πιο όμορφο...
Βάλτε το σαν gadget !!! Κάντε copy-paste (αντιγραφή-επικόλληση) τον παρακάτω κώδικα σαν gadget / javaScript πατήστε αποθήκευση, και μετά μετακινείστε το gadget σε όποιο σημείο της

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 σας, και αυτό δημιουργεί μόνο του τις ετικέτες...(αλλά μπορεί να σας βγάλει και περισσότερες από αυτές που έχετε...οπότε πρέπει να αφαιρέσετε μερικές)

Incredible share widget (egg + heart)


Νέοι bloggers γειά σας !!! Ενα  όμορφο, και εντυπωσιακό widget για να μοιράζετε το blog σας, σε 2 παραλλαγές... Σε καρδιά , και σε αυγό, όπως βλέπετε στην εικόνα...το έχω εντοπίσει εδώ και πολύ καιρό, και το δοκίμασα σε ένα από τα blog μου...δείτε το, πως λειτουργεί. και μετά βάλτε το κι εσείς, αφού είναι πανεύκολο, να το βάλουμε στο κώδικα HTML του blog μας....      see demo




1)Συνδεόμαστε με τον λογαριασμό μας και πάμε Σχεδίαση => Επεξεργασία HTML=> και τσεκάρουμε το Επέκταση προτύπων γραφικών στοιχείων...με ctl F βρίσκουμε τη λέξη</head>
....ακριβως ΠΑΝΩ απο το </head> επικολλάμε τον παρακάτω κώδικα...

Η ΚΑΡΔΙΑ:
<!-- Start Heart Bookmarking Gadget Code  -->
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css'

Shareaholic Sassy Bookmarks Widget


Νέοι bloggers γεια σας !!!! Αλλο  ένα φοβερό και εντυπωσιακό widget από το shareaholic.com...Δείτε το DEMO (αριστερά χαμηλά) , και αν σας αρέσει βάλτε το !!! υπάρχουν άλλα δυο, ήδη, widgets  που μπορείτε να διαλέξετε...ΕΔΩ...



Κάντε σύνδεση στο λογαριασμό σας, και μπείτε στο Σχεδίαση => Επεξεργασία HTML ...να βρείτε τον παρακάτω κώδικα (με Ctrl + F)....</body>
...και βάλτε ΑΠΟ ΠΑΝΩ ακριβώς όλο το κώδικα παρακάτω...

Ο ΚΩΔΙΚΑΣ: