Hi! Welcome...

Premium Blogger Template
FREE Premium Blogger Templates
Μοναδικά Free Blogger πρότυπα για το blog σας
Slimbox 2.02 με jquery-1.3.2 στο Bloggspot .
Πώς να εγκαταστήσετε SlimBox σε Blogger
ΙmgBox
Για να παρουσιάσετε τις εικόνες σας με στυλ !!!
31 καλυτέρα Blogger Widgets και addon
Κατάλογος συνδέσμων όπου μπορείτε να ανακαλύψετε περισσότερα widgets για το blog σας.
1 2 3 4 5

Παρασκευή, Φεβρουαρίου 26

6

Πώς μπορείτε να δημιουργήσετε μια ροή δεδομένων ( Rss Feed ) για το περιεχόμενό σας .




   Στην περίπτωση που διαθέτετε ιστολόγιο,  πιθανότατα έχετε ήδη μια ροή δεδομένων. Ουσιαστικά όλα τα ιστολόγια που δημιουργούνται από συστήματα όπως το Blogger και το TypePad δημιουργούν τις δικές τους "τυποποιημένες" ροές δεδομένων, τις οποίες μπορείτε εύκολα να εντοπίσετε και στη συνέχεια  να χρησιμοποιήσετε για εγγραφή

  •  Τώρα για τη δημιουργία της κυκλοφορίας μπορείτε να χρησιμοποιήσετε Feedburner της Google ,  εκεί απλά συνδεθείτε με Google λογαριασμό σας
  • Όταν συνδεθείτε, θα βγείτε στην αρχική σελίδα του feedburner και εκεί

1) Εισάγετε το URL της ιστοσελίδας σας
2) Επιλέγετε το κουτάκι  “ I am a podcaster!
3 ) Πατάτε το κουμπί “ Next



FeedBurner θα σας δώσει περισσότερα από ένα feed για  την διεύθυνση σας , επιλέξτε ένα για χρήση ως πηγή σας  και πατήστε “ Next



  •  Δώστε στη ροή δεδομένων σας  τίτλο του και διεύθυνση feedburner.com :


  Εισάγετε έναν τίτλο για την ροή δεδομένων σας , για να βοηθήσετε στον εντοπισμό νέων feed σας στο λογαριασμό σας.
  Επιλέξτε την διεύθυνση του feed σας .Η παραπάνω διεύθυνση είναι όπου οι άνθρωποι μπορούν να βρουν νέα feed σας   και  Πατάτε “ Next


  
Στην επόμενη σελίδα θα δείτε την διεύθυνση της ροής δεδομένων σας
 



Πατάτε “ Next “  και πάμε στο επόμενο βήμα

  •  Επεξεργαστείτε τα  Podcast σας και πείτε στα   iTunes Πώς  θα τα μεταδώσουν .
 
Χρησιμοποιήστε FeedBurner's SmartCast υπηρεσία  για να κάνει το podcasting εύκολα στα feed σας ,  που κανονικά δεν μπορεί να την υποστηρίξει.
Link  σε MP3s, βίντεο, εικόνες, και άλλα ψηφιακά μέσα στο περιεχόμενο του ιστοτόπου σας και Smartcast δημιουργεί καταλύματα για αυτά αυτόματα.
Προσθέστε στοιχεία που απαιτούνται για ενα πιο πλούσιο, πιο λεπτομερή κατάλογο στο iTunes Podcast Directory και τοποθεσίες που χρησιμοποιούν το Yahoo Media RSS.

  • Πάρτε Περισσότερα  Στατιστικά κυκλοφορίας της ροής σας.



FeedBurner Stats  μετρούν αυτόματα το γενικό επίπεδο της κυκλοφορίας για τα Feed σας. Μπορείτε επίσης να επιλέξετε πρόσθετες επιλογές που μπορεί να σας δώσουν εικόνα για τον τρόπο που συνδέετε το κοινό σας  με το περιεχόμενό σας.


Πατάτε “ Next “  και  Συγχαρητήρια Αυτό ήταν …  δημιουργήσατε μια ροή δεδομένων για το περιεχόμενό σας .

τώρα μπορείτε Εγγραφείτε στα feed σας και να τα μοιραστείτε με άλλους!

Πως να ρυθμίσετε τα feed σας και να βάλετε Email Subscriptions φόρμα στο blog σας



 Μόλις ρυθμίσετε έναν λογαριασμό στο FeedBurner, θα πρέπει να βεβαιωθείτε ότι το σύνολο της κίνησης των feed σας για το περιεχόμενο του blog σας πηγαίνει στο FeedBurner feed σας. Αυτό βοηθά να βεβαιωθείτε αν τα FeedBurner στατιστικά σας είναι πιο ακριβείς και αν συνδρομητές σας δρομολογούνται μέσω του FeedBurner.

Το πρώτο βήμα είναι να πάρετε το url του νέου σας feed που μόλις δημιουργήσατε. Δηλαδή τον τίτλο που δώσατε στο Feedburner λογαριασμό σας .

π.χ.  Το  url του feed για το blog μου Bloggertrics θα είναι  :
http://feeds.feedburner.com/BloggerTrics



  •  Για να βρείτε το url του feed σας κάνετε τα εξής :


1 . Κάνετε κλικ στον σύνδεσμο  Edit Feed Details
2 . Στο πινακάκι θα δείτε τα στοιχεία του λογαριασμού σας  και προς το τέλος θα δείτε το Feed Address σας
3 . Αντιγράφετε το url του feed σας και το αποθηκεύετε

Δείτε την εικόνα κάτω για περισσότερες λεπτομέρειες




Τώρα κάνετε  log in στο blogger λογαριασμό σας και πηγαίνετε Ρυθμίσεις –> Ροή Δικτυακού Τόπου και στο πεδίο Διεύθυνση URL ανακατεύθυνσης ροής δεδομένων δημοσίευσης  εισαγάγετε σε αυτό το σημείο την πλήρη διεύθυνση URL ροής και πατήστε Αποθήκευση .



Τώρα πλέον το blog σας έχει το δικό του feed και το Blogger θα ανακατευθύνει όλη την επισκεψιμότητα της ροής αναρτήσεων σε αυτήν τη διεύθυνση .



  •  Προωθήστε τα FeedBurner feed του Blog σας
Δώστε την δυνατότητα στους αναγνώστες σας να εγγράφουν στην ροή δεδομένων σας για να ενημερώνονται για νέες αναρτήσεις σας προσθέτοντας όμορφα Chicklet

Για να το κάνουμε αυτό πατάμε στην καρτέλα Publicize




Στη συνέχεια, στην αριστερή πλευρά βρείτε και κάντε κλικ στο "chicklet chooser" και επιλέξτε ένα από τα εικονίδια που θα  τα βάλετε  στο blog σας.




Επιλέξτε όποιο σας αρέσει και μεταβείτε στο κάτω μέρος της σελίδας και κάντε κλικ στο drop-down και επιλέξετε το "Blogger" για να προσθέσετε το chicklet σαν  widget στο blog σας η αντιγράψτε το HTML κώδικα που θα δείτε και βάλτε το στο blog σας ως widget 




Όταν κάνετε κλικ στο Κουμπί "Go" , το Blogger θα ανοίξει σε ένα νέο παράθυρο και θα πρέπει να ακολουθήσουν τις υποδείξεις για να προσθέσετε το νέο widget σας .




Πατήστε ΠΡΟΣΘΉΚΗ ΓΡΑΦΙΚΟΎ ΣΤΟΙΧΕΊΟΥ και θα μεταβείτε στη σελίδα  διάταξη- Στοιχεία Σελίδας, όπου μπορείτε να τακτοποιήσετε το νέο widget σας .
Αποθηκεύστε τη διάταξή σας και τελειώσατε!

Τώρα πλέον έχετε ένα όμορφο  εικονίδιο για τα RSS feed σας στο blog σας, όπου ο καθένας μπορεί εύκολα να εγγραφεί στο blog σας.
Θυμηθείτε να συνδεθείτε με το FeedBurner λογαριασμό σας συχνά για να δείτε τα στατιστικά σας με ακρίβεια . Μπορείτε να δείτε τον αριθμό των συνδρομητών και  επίσης, να πάρετε μια καλή ιδέα για το τι διαβάζουν οι αναγνώστες σας . Αυτό σας βοηθήσει  να αποφασίσετε για  το τι είδους  θέματα να γράψετε  στο μέλλον!


  • Τώρα ας δούμε πως θα βάλουμε την φόρμα εγγραφής μέσω του ηλεκτρονικού ταχυδρομείου


Από προεπιλογή, η δυνατότητα  του ηλεκτρονικού ταχυδρομείου δεν είναι ενεργοποιημένη στο FeedBurner και πρέπει να την ενεργοποιήσουμε μονοι μας .

Πατάμε πάλι στην καρτέλα Publicize και στη συνέχεια κοιτάξτε στην αριστερή πλευρά και κάντε κλικ στο "Email Subscriptions".




Εδώ θα μετακινηθείτε σε όλη τη σελίδα  προς τα κάτω και στη συνέχεια κάντε κλικ στο "activete" κουμπί για να το ενεργοποιήσετε και μετά πατήστε το κουμπί “ save “.




Στη συνέχεια, θα πρέπει να πατήσετε το drop-down  και επιλέξτε το "Blogger" , πατήστε το κουμπί "Go" για να προσθέσετε το widget στο Blogger σας η μπορείτε επίσης να αντιγράψετε τον κώδικα που θα δείτε στο κουτί και επικολλήστε το σαν widget στο blog σας .



Τώρα τακτοποίητε το widget σας όπου θέλετε , Αποθηκεύστε τη διάταξή σας και τελειώσατε!
Read More ►

2

Τι είναι η Ροή Δεδομένων (RSS Feed) και πώς τις χρησιμοποιούμε !




  •  Το πρώτο πράγμα που πρέπει να ξέρετε είναι : Τι είναι η Ροή Δεδομένων (RSS Feed) και πώς μπορείτε να τις χρησιμοποιήσετε ;


    Το  RSS, που προέρχεται από τις λέξεις Really Simple Syndication , είναι μία τεχνολογία που χρησιμοποιεί την XML και επιτρέπει στους δικτυακούς τόπους να δημιουργούν ροές μηνυμάτων στις οποίες μπορείτε να εγγραφείτε για να λαμβάνετε τα τελευταία νέα και εξελίξεις.
Μια ροή δεδομένων αποτελεί μια περίληψη περιεχομένου web που ενημερώνεται τακτικά, η οποία συνοδεύεται από συνδέσμους σε πλήρεις εκδόσεις του συγκεκριμένου περιεχομένου.


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

Όταν εγγράφεστε σε μια συγκεκριμένη ροή δεδομένων ενός ιστότοπου χρησιμοποιώντας έναν αναγνώστη ροών δεδομένων, θα λάβετε μια περίληψη του νέου περιεχομένου από αυτόν τον ιστότοπο.
   Οι χρήστες εγγράφονται στις ροές δεδομένων, συχνά μέσω ενός συναθροιστή, όπως είναι οι υπηρεσίες Bloglines και FeedDemon κ.λ.π., ο οποίος τους παρέχει πρόσβαση σε όλες τις ροές δεδομένων που επιθυμούν, σε μία τοποθεσία.

Κατ' αυτόν τον τρόπο, οι χρήστες μπορούν να βλέπουν σε προεπισκόπηση το περιεχόμενό σας όπου κι αν βρίσκονται, να βρίσκουν πιο εύκολα τις νέες καταχωρίσεις που γίνονται στον ιστότοπό σας και να θυμούνται να επιστρέφουν.


Σημαντικό: πρέπει να χρησιμοποιήσετε έναν αναγνώστη ροών δεδομένων για να εγγραφείτε στις ροές δεδομένων ενός ιστότοπου.
Όταν κάνετε κλικ σε κάποιο σύνδεσμο ροής δεδομένων RSS ή Atom, ενδέχεται να εμφανιστεί στο πρόγραμμα περιήγησης που χρησιμοποιείτε μια σελίδα με ασυνάρτητους χαρακτήρες.


  •  Το δεύτερο πράγμα που πρέπει να ξέρετε είναι : Τι είναι το FeedBurner;
 
    Το FeedBurner είναι  web feed παροχών – διαχειριστής , το FeedBurner παρέχει RSS feeds και εργαλεία διαχείρισης για bloggers, podcasters, και άλλα web-based περιεχόμενου εκδότες.
Οι υπηρεσίες που παρέχονται στους εκδότες περιλαμβάνουν ανάλυση της κυκλοφορίας και ένα προαιρετικό σύστημα διαφήμισης.
Οι χρήστες μπορούν να μάθουν πόσοι  άνθρωποι έχουν εγγραφεί για να τους τροφοδοτεί και με ποια υπηρεσία / πρόγραμμα έχουν εγγραφεί .
Από τα παραπάνω καταλαβαίνετε τώρα οτι  το feed είναι ένας καλός τρόπος για να παράγετε κίνηση στην σελίδα σας .
 
  •  Τι είναι τα RSS και Atom;
 
   Τα RSS και Atom αποτελούν δύο μορφές ροών δεδομένων.
Οι περισσότεροι αναγνώστες ροών δεδομένων υποστηρίζουν και τις δύο μορφές.
Με το blog σας έχετε ήδη  τη διεύθυνση του feed  σας .
Μπορείτε να τα δείτε κάνοντας κλικ στο εικονίδιο feed στον browser σας .

Για παράδειγμα : 
  • atom:   http://your-blog.blogspot.com/feeds/posts/default 
  • rss:    http://your-blog.blogspot.com/feeds/posts/default?alt=rss 

  •  Πως εγγράφομαι στις Ροές Δεδομένων (RSS) ;
  
  Υπάρχουν πολλοί τρόποι για να εγγραφείτε σε ένα RSS Feed του , είτε χρησιμοποιώντας έναν Web Browser που υποστηρίζει τα Live RSS Bookmarks (Firefox, IE7, Safari, Opera), είτε χρησιμοποιώντας έναν on-line RSS News Reader, είτε χρησιμοποιώντας τα Windows Vista Sidebar, είτε εγκαθιστώντας έναν RSS News Reader στον υπολογιστή σας, είτε χρησιμοποιώντας ένα πρόγραμμα email που υποστηρίζει RSS (όπως το Mozilla Thunderbird).

Στην επομένη ανάρτηση θα εξηγήσω :

Πώς μπορείτε να δημιουργήσετε μια ροή δεδομένων για το περιεχόμενό σας .
Read More ►

Τετάρτη, Φεβρουαρίου 24

0

Προσθέστε Feed εικόνα η οποιαδήποτε εικόνα στις ετικέτες σας

   Σήμερα θα δούμε πως μπορούμε να προσθέσουμε στις    ετικέτες ( Labels ) μας feed εικόνα η όποια εικόνα θέλουμε  με 2   τρόπους .

    1ος τρόπος :


  Προσθέτουμε feed  εικόνα στις ετικέτες μας  και δίνουμε στην κάθε  ετικέτα μας ξεχωριστά feed  . 
 Έτσι αν κάνει κλικ κάποιος σε κάποιο από τα εικονίδια θα  μεταφερθεί  στη σελίδα τροφοδοσίας RSS για την εν λόγω  κατηγορία και θα έχει  τη δυνατότητα να γίνει  συνδρομητής στην συγκεκριμένη κατηγορία . 

Ας δούμε τώρα πως θα το κάνουμε αυτό .

Βήμα 1.

Πηγαίνετε  Διάταξη ► 'Επεξεργασία HTML ► Επιλογή πλαισίου Επέκταση προτύπων γραφικών στοιχείων

Πάντα πριν κάνουμε οποιαδήποτε ενέργεια  κάνουμε   Λήψη πλήρους προτύπου , για να είμαστε ασφαλείς ότι , σε περίπτωση που κάτι δεν πάει σωστά να είμαστε σε θέση να επαναφέρουμε το πρότυπο μας στην προηγούμενη κατάσταση

Βήμα 2.

Τώρα πρέπει  να βρούμε ένα μικρό τμήμα του html κώδικα στο blogs μας .


Εδώ είναι η ενότητα που  πρέπει να βρούμε :

<b:loop values='data:labels' var='label'> 
<li> 
<b:if cond='data:blog.url == data:label.url'> 
<span expr:dir='data:blog.languageDirection'><data:label.name/></span> 
<b:else/> 
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/></a> 
</b:if> 
<span dir='ltr'/> 
</li> 
</b:loop>



  Ο καλύτερος τρόπος για να βρείτε το σημείο είναι να βρείτε την πρώτη γραμμή του κώδικα που εμφανίζεται παρακάτω:

<b:loop values='data:labels' var='label'>

Σημείωση: Κάντε κλικ στο κουμπί CTRL + f  και θα εμφανιστεί ένα κουτάκι  αναζήτησης για να βρείτε τον κώδικα

Τώρα από την πρώτη γραμμή μπορείτε να κοιτάξετε προς τα κάτω για να εντοπίσετε το σύνολο του τμήματος.

Η ενότητα αρχίζει με -- <b: loop.....
Και τελειώνει με -- </ b: loop>

<b:loop values='data:labels' var='label'> 
<li> 
<b:if cond='data:blog.url == data:label.url'> 
<span expr:dir='data:blog.languageDirection'><data:label.name/>
</span> 
<b:else/> 
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/></a> 
</b:if> 
<span dir='ltr'/> 
</li> 
</b:loop>

Βήμα 3.

Τώρα θα αντικαταστήσετε αυτό το τμήμα του κώδικα με τον παρακάτω κώδικα:

<b:loop values='data:labels' var='label'> 
<li> 
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default/-/&quot; + 
data:label.name'>
<img alt='Subscribe To Label' 
src='http://lh3.ggpht.com/_L116RpGjEMY/S4Vya_hKIQI/AAAAAAAABPI/7O61yhWB7F4/rss-feed-16_thumb.png'
 style='vertical-align:middle;border:0'/></a> 
<b:if cond='data:blog.url == data:label.url'> 
<span expr:dir='data:blog.languageDirection'><data:label.name/></span> 
<b:else/> 
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/></a> 
  </b:if> 
  <span dir='ltr'/> 
</li> 
</b:loop>

Δείτε την εικόνα παρακάτω :

24-


   Μόλις  αντικαταστήσετε τον κωδικό κάνετε προεπισκόπηση και αν είναι όλα εντάξει αποθηκεύσετε το πρότυπό σας και θα έχουν προστεθεί  rss feed  εικόνες σας.

Μπορείτε να δείτε το αποτέλεσμα σε λειτουργία  εδώ . 

Εδώ είναι ένα screenshot με το τελικό  το αποτέλεσμα:

24-2

2ος τρόπος :

Απλά προσθέτουμε στις λίστες του  sidebar στα ul \ li  εικόνες με προσθήκη CSS κώδικα

   Βρείτε τον παρακάτω κώδικα στο πρότυπο σας  :

.sidebar ul {
  list-style:none;
  margin:0 0 0;
  padding:0 0 0;
}
.sidebar li {
  margin:0;
  padding-top:0;
  padding-$endSide:0;
  padding-bottom:.25em;
  padding-$startSide:15px;
  text-indent:-15px;
  line-height:1.5em;
  }

Και αντικαταστήστε τον με  τον κώδικα που σας δίνω παρακάτω :

.sidebar ul { 
  list-style: disc url(Image URL) inside;
  vertical-align: top;
  padding: 0;
  margin: 0;
}
 
.sidebar li {
  vertical-align: top;
  padding: 0;
  margin: 0;
}

Αλλάξετε το url της εικόνας με την εικόνα που εσείς θέλετε και αποθηκεύετε το πρότυπο σας .
Τώρα αν θέλετε με το πέρασμα του ποντικιού ( mouse over )  να να εμφανίζετε άλλη εικόνα  , απλά προσθέστε τις παρακάτω γραμμές μετά τον παραπάνω κώδικα

.sidebar ul li:hover {
    background: transparent url(http://lh6.ggpht.com/_Q6tRnBVZnko/S4VF2rPi7cI/AAAAAAAAAJE/awHj7pG0m64/BlockContentBullets.png) no-repeat scroll 0 5px;
}
 
Αλλάζετε  την διεύθυνση URL των εικονιδίων που χρησιμοποιούνται, αν θέλετε .


Μπορείτε να δείτε το αποτέλεσμα σε λειτουργία  εδώ .


Παρακάτω σας δίνω μερικές εικόνες που θα μπορούσατε να χρησιμοποιήσετε , απλά κάντε δεξί κλικ και  αντιγράψτε την διεύθυνση URL των εικονιδίων

 
     rss-feed-16    red-feed-16    16-1         Normal Icon 03   Normal Icon 10   Normal Icon 09   Marco Icon 01   Marco Icon 02  Marco Icon 14    rss
 
                                                        
Read More ►

Πέμπτη, Φεβρουαρίου 18

13

Χωρίστε την επικεφαλίδα του blogger ( blogger header ) σε 2 τμήματα - Updated !

Όπως θα έχετε παρατηρήσει η επικεφαλίδα μου είναι χωρισμένη σε 2 τμήματα .



Από την μια μεριά είναι η επικεφαλίδα του blog μου και από την άλλη μεριά είναι έξτρα χώρος , όπου μπορώ να προσθέσω κάποιο HTML/ javascript Widget η κάποιο banner .

Λοιπόν , για να γίνει αυτό , είναι πολύ εύκολο Dancing

Απλά ακολουθείτε τα παρακάτω βήματα :

  •   Συνδεθείτε στο blogger λογαριασμό σας
  •   Πηγαίνετε   Διάταξη –> Επεξεργασία HTML  και μην πατήσετε στο κουτάκι Επέκταση προτύπων γραφικών στοιχείων
  •   Και ψάχνετε στο πρότυπο σας τον παρακάτω κώδικα :

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

  • Τώρα αντικαταστήστε τον πάνω κώδικα με τον κώδικα που σας δίνω κάτω :
 
#header {
float:left;
width:40%;
height:150px;
margin: 0px;
border: 0px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}
#header2{
float:left;
width:60%;
height:150px ;
}

Σημείωση : Προσαρμόστε ανάλογα με τις ανάγκες σας το width και το  height …

  •   Τώρα ψάχνουμε πάλι στο πρότυπο μας  τον παρακάτω κώδικα :

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='ΟΝΟΜΑΣΙΑ ΤΟΥ BLOG (Header)' type='Header'/> </b:section>
</div>

Σημείωση : ΟΝΟΜΑΣΙΑ ΤΟΥ BLOG  είναι η πραγματική ονομασία του blog σας . Στο πρότυπο σας το maxwidgets='1' μπορεί να είναι maxwidgets='2' η 3 η 5 και το showaddelement='no' μπορει να ειναι  yes


  •   Αντικαταστήστε τον πάνω κώδικα με τον κώδικα που σας δίνω παρακάτω :

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='YOUR-BLOG-TITLE (Header)' type='Header'/>
</b:section>
<b:section class='header' id='header2' maxwidgets='4' showaddelement='yes'/>
<div style='clear:both;'/>
</div><!-- end header-wrapper -->

Κάντε Προεπισκόπηση Πρότυπου πρώτα , να δείτε αν όλα είναι εντάξει και ύστερα Αποθηκεύετε το πρότυπο σας .

Το αποτέλεσμα σας θα μοιάζει με αυτό :




Καλή επιτυχία σε όλους

 Για το πρότυπο ΤΕΚΚΑ  :


  Βρείτε στο πρότυπο ΤΕΚΚΑ σας τον παρακάτω κώδικα :


<b:widget id='Header' locked='true' title='test (Κεφαλίδα)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == &quot;REPLACE&quot;'>
<!--Show just the image, no text-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId +
&quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</div>
<b:else/>
<!-- Show image as background to text. You can't really calculate the width reliably in JS because margins are not taken into account by any of clientWidth, offsetWidth or scrollWidth, so we don't force a minimum width if the user is using shrink to fit. This results in a margin-width's worth of pixels being cropped. If the user is not using shrink to fit then we expand the header. -->
<div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;px;&quot; + &quot;_height: &quot; + data:height + &quot;px;&quot;
+ &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width:
0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span&
gt;</p>
</div>
</b:includable>
</b:widget>


Και όταν τον βρείτε , διαγράψτε τον ολόκληρο .

Τώρα βρείτε αυτούς τους κωδικούς :

<div id='outer-wrapper'><div id='wrap2'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

Και κολλήστε ακριβώς από κάτω τον παρακάτω κώδικα :


<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='YOUR-BLOG-TITLE (Header)'
type='Header'/>
</b:section>
<b:section class='header' id='header2' maxwidgets='4' showaddelement='yes'/>
<div style='clear:both;'/>
</div><!-- end header-wrapper -->

Τώρα το τελευταίο βήμα.

  • Βρείτε τις παρακάτω γραμμές του κώδικα :
 
.description {
text-align: center;
padding-top:10px;
}

Και αντικαταστήστε τις με τον παρακάτω κώδικα   :

#header {
float:left;
width:40%;
height:150px;
margin: 0px;
border: 0px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
} #header2{
float:left;
width:60%;
height:150px;
}

Αποθηκεύετε το πρότυπό σας και το αποτέλεσμα θα μοιάζει με αυτό :


Read More ►
 

© 2010 Bloggertrics

WordPress Theme by: WooThemes. | Converted into Blogger Templates by : Bloggertrics

ΑΡΧΙΚΗ| Sitemap| Posts RSS