Πώς βάζουμε δύο διαφημίσεις τη μία δίπλα στην άλλη.

Στα πρώτα μου βήματα,είχα δει αρκετές φορές σε διάφορα μπλογκ δύο διαφημίσεις (π.χ. adsense) να προβάλλονται η μία δίπλα στην άλλη.Ήθελα να κάνω και εγώ το ίδιο στο δικό και αυτό το πρόβλημα με βασάνιζε αρκετό καιρό.Αλλά τελικά βρήκα την λύση η οποία μάλιστα ήταν και πολύ απλή.

Απλά βάζουμε τον κώδικα της διαφήμισης μέσα σε πίνακα table.Και εξηγούμαι:

<table><tbody>               
<tr>                                 
<td>                                
κώδικας 1ης διαμήφισης
</td>                               
<td>                                
κώδικας 2ης διαμήφισης
</td>                               
</tr>                                
</tbody></table>             

Προσοχή!Αν βάλετε τον κώδικα των διαφημίσεων μέσα gadget δεν χρειάζεται μετατροπές.Αν τον βάλετε μέσα στο τέμπλειτ,διαβάστε εδώ.


@Πνευματικά δικαιώματα ανάρτησης symvl.blogspot.com Επιτρέπεται η αντίγραφη με υποχρεωτικό ενεργό backlink πίσω στην πηγή με ένα κλικ.

Read more ...

Πώς προβάλουμε διαφημίσεις adsense μέσα στην ανάρτηση

Σίγουρα πολύ από εσάς θέλετε να βάλετε διαφημίσεις adsense που εμφανίζονται μέσα στην ανάρτηση (post),είτε κάτω από τον τίτλο της, είτε στο τέλος,αφού τελειώσει η ανάρτηση.Πιθανώς βάζετε τον κώδικά σας μέσα στο τέμπλειτ σας αλλά η διαφήμιση δεν εμφανίζεται.

η απλή λύση
Το πρόβλημα αυτό λύνεται πολύ απλά και το μόνο που έχετε να κάνετε είναι να μετατρέψετε μέσα στον κώδικα της διαφήμισης όλα τα σύμβολα < σε &lt; και τα > σε &gt;


και οι λεπτομέρειες
Αφού μετατρέψετε τον κώδικά σας για να εμφανίζετε π.χ. κάτω από τον τίτλο πηγαίντε επεξεργασία προτύπυ στο τέμπλειτ και βάλτε τον κώδικα πριν  <p><data:post.body/></p>  και μετά το <div class='post-body'> ,αναλόγως τί δουλεύει για εσάς.Κάντε δοκιμές και θυμηθείτε να σώζετε το τέμπλειτ σας και να χρησιμοποιείτε την προεσκόπηση.Οπότε ο κώδικάς σας θα πάρει την εξής μορφή:

<script type="text/javascript"><!-- google_ad_client = "ca-pub-........................"; /* 468x60 ........... */ google_ad_slot = ".............."; google_ad_width = 468; google_ad_height = 60; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>

Αν τώρα θέλετε η διαφήμιση να εμφανίζεται μετά την ανάρτηση (ποστ) βάλτε τον κώδικά σας μετά το <p><data:post.body/></p>

Άλλες χρήσιμες οδηγίες
Πώς εμφανίζονται οι διαφημίσεις μόνο στην σελίδα του πόστ και όχι την κεντρική.
Αν στην κεντρική σελίδα σας εμφανίζονται π.χ. 10 αναρτήσεις  και έχετε τοποθετήσει διαφήμιση adsense ,π.χ. κάτω από τον τίτλο,τότε αυτές θα εμφανίζονται στις 3 πρώτες αναρτήσεις.

Αν δεν το θέλετε αυτό και επιθυμείτε την εμφάνισή τους μόνο στη σελίδα μιας ανάρτησης τότε προσθέστε:

<b:if cond='data:blog.pageType == "item"'>

                                         

Ο κώδικας σας adsense                    

                                         

</b:if>                               




Εμφάνιση της διαφήμισης αριστερά,η δεξιά στην ανάρτηση.

Προσθέτουμε την float:left η float:right ανάλογα τα γούστα:




<b:if cond='data:blog.pageType == "item"'>

                                         

<div style='float: left;'>               

                                         

Ο κώδικας σας adsense                    

                                         

</div>                                   

                                         

</b:if>                                  










Για διευκρινίσεις κάντε σχόλια.Μην ντρέπεστε να μιλήσετε :-#







Read more ...

Σφάλμα javascript στη νέα template του μπλόγκερ.

Πρόσφατα η Google κατήργησε τελείως την παλιά πλατφόρμα της στο μπλόγκερ και χρησιμοποιεί πλέον μόνο την καινούρια.Πιό εύχρηστη,πιο εμφανίσιμη,δεν λέω.Αλλά όλο προβλήματα και σφάλματα βγάζει.'Ενα τέτοιο σφάλμα XML προκύπτει όταν προσπαθούμε να βάλουμε κώδικα javascript στο template μας.

Ο κώδικας javascript είναι αυτός μέσα στις μπρακέτες script:

 <script>...........</script>
 ή
<script type="text/javascript">..................................</script>.

Όπως είπα η νέα XML template του μπλόγγερ βγάζει σφάλμα ενώ η παλιά έπαιρνε τον κώδικα χωρίς πρόβλημα.Το σφάλμα αυτό στη νέα template λύνεται εύκολα προσθέτοντας δύο γραμμούλες,αυτές με κόκκινο,μέσα στον κώδικα <script>.

 <script> <![CDATA[ ....................... //]]> </script>
 
Και τα-ντά!

Read more ...

Πώς χωρίζουμε την κεφαλίδα (header) σε δύο μέρη

Ο χωρισμός της Κεφαλίδας (header) του ιστολογίου σας σε δύο μέρη είναι πολύ χρήσιμος ,αφού αριστερά μπορείτε να βάλετε π.χ. μια εικόνα ,ενώ δεξιά κείμενο,άλλη εικόνα ή ακόμη και κώδικα μιας μπάρας,διαφημίσεις κτλ.

Αυτό δεν είναι πολύ δύσκολο να το πετύχετε.Απλά ακολουθείστε την σύντομη διαδικασία παρακάτω και προσθέστε τις παρακάτω απλές σειρές κώδικα.

 Πριν κάνετε οτιδήποτε καλό είναι να κάνετε το πρότυπό σας αποθήκευση.


1ο βήμα
Πρώτα πηγαίντε στο μπλόγκερ στο Πρότυπο/επεξεργασία HTML.Κάντε τικ στο κουτί Επέκταση προτύπων γραφικών στοιχείων.

Πατήστε cntrl+F και κάντε αναζήτηση για #header, αν δεν το βρίσκει κάντε για /* Header

Κάτω από τη γραμμή
/* Header                                     
----------------------------------------------- */

αν υπάρχει τομέας που μοιάζει κάπως έτσι


#header {
padding-top:30px;
float:left;
width:370px;
}  

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

/* Header                                     
----------------------------------------------- */

#header {
padding-top:30px;
float:left;
width:370px;
} 
#header-right {
padding-top:30px;
float:right;
width:370px;
}  


Τί ακριβώς κάνει αυτός ο κώδικας:
Ουσιαστικά ο παραπάνω κώδικας χωρίζει την Κεφαλίδα σε δύο μέρη (header,header-right) ,το σημείο που θα τοποθετηθούν (left,right),το πλάτος 30px)


2ο βήμα.
Τώρα πρέπει να εμφανίσουμε την προσθήκη widget στη Διάταξη.


Οπότε ακολούθως κάνουμε αναζήτηση πάλι με cntrl+F για maxwidgets.Υπάρχουν πολλά maxwidgets οπότε πάτηστε Enter (συνήθως μία φορά ) μέχρι να φτάσετε σ'αυτό που έχει τον εξής κώδικα:


      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>


Ακριβώς κάτω από αυτό τον κώδικα προσθέστε:


<b:section class='header' id='header-right' maxwidgets='1' showaddelement='yes'/>


Κάντε προεσκόπηση προτύπου και αν όλα πήγαν καλά αποθήκευση.
Τώρα στη διάταξη του προτύπου σας,στην κεφαλίδα θα πρέπει να έχει εμφανιστεί δεξιά μια νέα θέση για προσθήκη widget.

για τυχόν δυσκολίες που θα αντιμετωπίσετε,κάντε σχόλιο.


Πνευματικά δικαιώματα άρθρου συμβουλές μπλόγκερ.

Read more ...

Πώς αφαιρούμε την υπογράμμιση σε ένα λινκ (html)

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

Λοιπόν υπάρχει ένας πολύ εύκολος τρόπος σε HTML που αφαιρεί την υπογράμμιση.Απλά στην ανάρτηση πατήστε HTML και ψάξτε για τον κώδικα του λινκ που θα είναι της παρακάτω μορφής

 <a href="url συνδέσμου">όνομα συνδέσμου</a> 

Τώρα το μόνο που έχετε να κάνετε είναι να προσθέτε την εντολή style="text-decoration: none" μέσα στον παραπάνω κώδικα και είστε έτοιμοι.Οπότε ο κώδικας παίρνει την εξής μορφή:


<a href="url συνδέσμου" style="text-decoration: none">όνομα συνδέσμου</a> 

Καλό μπλογκάρισμα.

Read more ...