Membuat kotak banner hal yang biasa dilakukan oleh para blogger, tapi bagaimana membuat kotak banner yang teratur, itulah pertanyaan yang perlu dijawab, sebelumnya kamu juga harus tau dulu berapa lebar halaman sidebar kamu, kali ini saya akan kasih tutorialnya buat kamu yang pengen membuat kotak banner dengan ukuran 125x125px, karena ukuran banner ini adalah ukuran srandar yang sering dipakai oleh para blogger untuk memasang iklan ataupun bertukar banner dengan sesama blogger untuk bertukar link.
Langkah pertama:
/* Kotak Banner
===================== */
#Box-Banner-ads {
margin: 0px;
padding: 5px;
text-align: center; }
#Box-Banner-ads img {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px outset #c0c0c0; }
#Box-Banner-ads img:hover {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px inset #333; }
<div id="Box-Banner-ads">
Letakkan kode banner anda disini
<a target="_blank" href="http://#"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>
<a target="_blank" href="http://#"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>
</div>
yang kode # ganti dengan alamat blog anda disana untuk memasukkan anda ganti tulisan Letakkan kode banner anda disini dengan script banner anda kemudian simpan liat hasilnya
BACA JUGA!
- Cara Memasang search engin pada blog
- Membuat background pada relate post/artikel terkait
- Cara membuat text area dengan background warna dan gambar
- Membuat footer tiga kolom di bawah posting
- Cara memasang sitemeter pada blog
- Memasang tombol share twitter dan facebook pada setiap postingan
- Meta tag title blog yang ramah SEO
- Membuat efek turun salju pada blog
- Menambah elemen dibawah postingan
- Menampilkan kode html dalam postingan blog
- Mengganti favicon/logo blogger
- Memasang widget user online whos amung us
- Membuat efek pelangi pada link blog
Cara membuat kotak banner
Langkah Kedua:
Labels:
tips blog
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment