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

Τετάρτη, Απριλίου 21

0

Δημιουργήστε όμορφο χώρο για τα 125χ125 Banner σας



your-ad-here-themelibΛοιπόν, σήμερα θα δούμε πως μπορούμε να δημιουργήσουμε στο blog μας ένα χώρο όπου μπορούμε να βάλουμε και να δείξουμε με όμορφο τρόπο τα 125χ125 Banner μας


Χωρίς πολλά πολλά ας δούμε τώρα τι πρέπει να κάνουμε :

Βήμα 1ο :

 

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

 

Βήμα 2ο :

 

Τώρα ψάχνουμε να βρούμε στο πρότυπο μας την ετικέτα  ]]></b:skin> και κολλάμε ακριβώς από πάνω τον παρακάτω κώδικα :

/*-------- Box Banner 125x125 ------*/
#Box-Banner-ads {
margin: 0px;
padding: 0px;
text-align: center;
}
#Box-Banner-ads img {
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: center;
border: 1px solid  #ffffff;
}
#Box-Banner-ads img:hover {
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: center;
border: 1px solid #505050;
}

Τώρα αποθηκεύετε το πρότυπο σας  και πάμε στο τελευταίο βήμα


Σημείωση : αλλάζετε τα χρώματα των borders (με το κόκκινο χρώμα )  ανάλογα με τις προτιμήσεις σας

 

Βήμα 3ο :

 

Πηγαίνουμε Στοιχεία Σελίδας –> Προσθήκη gadget –> HTML/JavaScript και εισάγουμε εκεί τον κώδικα που σας δίνω παρακάτω :

<div id="Box-Banner-ads">
<a target="_blank" href="Your Link Here"><img alt="ads" src="http://i44.tinypic.com/2utnfwj.jpg"
border="0" /></a>
<a target="_blank" href="Your Link Here"><img alt="ads" src="http://i44.tinypic.com/2utnfwj.jpg"
border="0" /></a>
<a target="_blank" href="Your Link Here"><img alt="ads" src="http://i44.tinypic.com/2utnfwj.jpg"
border="0" /></a>
<a target="_blank" href="Your Link Here"><img alt="ads" src="http://i44.tinypic.com/2utnfwj.jpg"
border="0" /></a>
</div>

Αλλάζετε τα links με τα δικά και και αποθηκεύετε και έχετε πλέον ένα όμορφο χώρο για να συμμαζέψετε τα banner σας

0:

 

© 2010 Bloggertrics

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

ΑΡΧΙΚΗ| Sitemap| Posts RSS