RSS

ΠΡΟΣΘΗΚΗ ΣΤΟΙΧΕΙΟΥ GADGET ΠΑΝΩ ΑΠΟ ΤΗΝ ΑΝΑΡΤΗΣΗ

27 Ιαν.

Καλησπέρα σε όλους και όλες. Σήμερα θα δούμε πως μπορούμε να βάλουμε ένα στοιχείο προσθήκης gadget πάνω από την ανάρτηση σας. Μόλις γίνει αυτό θα μπορούμε να βάλουμε φωτογραφίες, κώδικα, διαφημιστικά banners, κείμενο κλπ. Η διαδικασία είναι πολύ απλή. Πρώτα απ’ όλα πρέπει να πάρουμε back up του template μας για να είμαστε ασφαλείς.
Μπαίνουμε στο λογαριασμό που έχουμε του blogspot και από τον πανόπτη πάμε διάταξη και επεξεργασία HTML. Πατάμε control και F (Ctrl+F) για να ανοίξει στο κάτω μέρος της οθόνης μας το ψαχτήρι και πληκτρολογούμε:
<div id=’main-wrapper’>
και αυτόματα θα το δούμε τονισμένο με χρώμα στον κώδικα μας. Ακριβώς από κάτω έχει μια σειρά κώδικα που είναι ως εξής:
<b:section class=’main’ id=’main’ showaddelement=’no‘>
Το σημείο του κώδικα που είναι με κόκκινο χρώμα το αλλάζετε από no σε yes. Μετά πατάτε αποθήκευση (save) και τελειώσατε. Αν πάτε στη διάταξη θα δείτε ότι πάνω από το πλαίσιο ανναρτήσεις ιστολογίου μπορείτε να προσθέσετε ότι θέλετε ως gadget. Για να καταλάβετε τι εννοώ δείτε τα παρακάτω screenshots. Το πρώτο είναι πριν πειράξουμε τον κώδικα και το δεύτερο είναι το τελικό αποτέλεσμα. Ελπίζω να σας αρέσει και να το βρείτε χρήσιμο. Καλή επιτυχία.



Advertisements
 
17 Σχόλια

Posted by στο Ιανουαρίου 27, 2010 in GADGET, HTML, TUTORIAL, WIDGET

 

17 responses to “ΠΡΟΣΘΗΚΗ ΣΤΟΙΧΕΙΟΥ GADGET ΠΑΝΩ ΑΠΟ ΤΗΝ ΑΝΑΡΤΗΣΗ

  1. xolloth

    Ιανουαρίου 27, 2010 at 5:38 μμ

    η να βαλουμε ενα template που εχει παντου θεσεις για gadgets π.χ hemingway[αυτο εχω εγω στο blogger].

     
  2. hackaday

    Ιανουαρίου 27, 2010 at 5:44 μμ

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

     
  3. VATOLAKKIOTIS

    Ιανουαρίου 28, 2010 at 11:06 πμ

    Πολύ καλό HACKADAY. Το έβαλα και στα δύο μου blog. Kάποτε θα μας χρειαστεί σίγουρα!!! Ευχαριστώ και Καλημέρα από τα Γρεβενά. Κώστας

     
  4. hackaday

    Ιανουαρίου 28, 2010 at 11:33 πμ

    @VATOLAKKIOTIS Να 'σαι καλά Κώστα.

     
  5. giannis.s

    Ιανουαρίου 29, 2010 at 10:04 πμ

    Πολύ καλό!!!

     
  6. hackaday

    Ιανουαρίου 29, 2010 at 10:32 πμ

    @giannis.s Χρήσιμο θα έλεγα.

     
  7. Anastasia

    Ιανουαρίου 30, 2010 at 12:11 πμ

    πολυ καλο,λυνει τα χερια σε πολλους που εχουν προβλημα με τα gadget και θελουν καποιο παραπανω,μπραβο παιδια.

     
  8. hackaday

    Ιανουαρίου 30, 2010 at 1:55 πμ

    @Anastasia Υπάρχει τρόπος να γεμίσεις το ιστολόγιο σου με τέτοιες προσθήκες gadget. Το μόνο που πρέπει να κάνεις είναι να πατήσεις Control + F και να πληκρολογήσεις showaddelements. Όπου βλέπεις no το αντικαθιστάς με yes.

     
  9. Anastasia

    Ιανουαρίου 30, 2010 at 7:13 πμ

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

     
  10. katharma_

    Φεβρουαρίου 25, 2010 at 10:51 πμ

    ωραίος. υπάρχει τρόπος και για αριστερά?

     
  11. hackaday

    Φεβρουαρίου 25, 2010 at 10:59 πμ

    @katharma_ Υπάρχει αν βάλεις άλλη μια στήλη στα αριστερά Εδώ (http://locusblogus.blogspot.com/2009/01/templates.html) λέω πως γίνεται. Αν βαριέσαι πάρε έτοιμο τον κώδικα εδώ http://locusblogus.blogspot.com/2009/11/minima-template.html και αν θέλεις δες και ένα template που έφτιαξα εδώ http://locusblogus.blogspot.com/2010/01/brickwall-template-locus-blogus.html

     
  12. sfhka

    Οκτώβριος 7, 2010 at 12:22 μμ

    καλησπέρα θέλω να ρωτήσω πως αντικαταστούμε το logo απο το blog σε δικό μας (ΣΤΗΝ HTML BAR)ευχαριστώ,

     
  13. hackaday

    Οκτώβριος 7, 2010 at 1:45 μμ

    @sfhka Καλησπέρα. Ποιο logo και ποια HTML Bar? Γίνε λίγο πιο συγκεκριμένος σε παρακαλώ.

     
  14. sfhka

    Οκτώβριος 13, 2010 at 7:55 πμ

    Ευχαριστώ για την απάντηση το βρήκα είναι το ICONJτο έχω φτιάξει ήσουν πολύ κατατοπιστικός

     
  15. hackaday

    Οκτώβριος 13, 2010 at 12:47 μμ

    @sfhka Τέλος καλό όλα καλά λοιπόν.

     
  16. julia.al

    Φεβρουαρίου 24, 2011 at 10:18 πμ

    emena den uparxei auto div id='main-wrapper' oute kai auto b:section class='main' id='main' showaddelement='no'.mipws ftaiei to template moy?exw ena simple.

     
  17. hackaday

    Μαΐου 14, 2011 at 12:41 πμ

    @julia.al Και το δικό μου template είναι simple. Δοκίμασε να βρεις το παρακάτω κομμάτι κώδικα χωρίς τα κενά βάζοντας το στο ψαχτήρι και μετά άλλαξε το no σε yes.< b:section class='main' id='main' showaddelement='no' >

     

Σχολιάστε

Εισάγετε τα παρακάτω στοιχεία ή επιλέξτε ένα εικονίδιο για να συνδεθείτε:

Λογότυπο WordPress.com

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό WordPress.com. Αποσύνδεση / Αλλαγή )

Φωτογραφία Twitter

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Twitter. Αποσύνδεση / Αλλαγή )

Φωτογραφία Facebook

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Facebook. Αποσύνδεση / Αλλαγή )

Φωτογραφία Google+

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Google+. Αποσύνδεση / Αλλαγή )

Σύνδεση με %s

 
Αρέσει σε %d bloggers: