Belajar Desain Blog

Banner di blog biasanya dipergunakan untuk meletakkan iklan atau merupakan tempat promosi. Banyak blog yang memasang banner yang bagus dan cantik untuk blog mereka.

Sebenarnya bagaimanakah cara membuat banner untuk blog itu? Dibawah ini akan dijelaskan cara sederhana membuat banner di blog anda.

Langkah-langkah cara membuat banner untuk blog adalah sebagai berikut :

1. Pertama masuk ke acount blogspot anda



2. Pilih Layout (Tata Letak) --> Edit Html



3. Cari kode berikut ini, dengan menekan tombol keyboard ctrl+F :



]]></b:skin>



4. Copy kode berikut kemudian tempatkan persis diatas kode tersebut.



#Banner-ads {

margin:0px;

padding: 5px;

text-align: center;

width : 960px;

}

#Banner-ads img {

margin: 7px 4px 4px 0px;

padding: 3px;

width : 125px;

height : 125px;

text-align: center;

border: 1px solid #c0c0c0;

}

#Banner-ads img:hover {

margin: 7px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #333;

}



5. Copy semua kode dibawah ini :



<div id='Banner-ads'>
<a hight='100' href=' http://YourURL' target='_blank' width='100'><img alt='ads' border='0' src='http://YourURL-IMAGEs/images/125x125.gif'/></a>
</div>


6. Kemudian letakkan persis di atas kode berikut :



<div id='main-wrapper'>



7. Terakhir Save atau Simpan Perubahan Template anda.



Jika telah mengikuti tutorial diatas dengan benar, maka kotak iklan link banner akan muncul pada blog anda.