Jumat, 06 Juli 2012

Membuat kotak banner


Kotak banner berfungsi untuk menyisipkan image iklan banner yang akan ditampilkan dalam blog. Adapun bentuk banner bermacam-macam ukurannya, khusus dalam trik blogger ini kita akan menyisipkan image iklan yang berukuran 125 x 125. Apabila kamu tertarik ingin mengaplikasikannya dalam blog kamu, mari kita mulai trik blogger membuat kotak banner.



Langkah pertama:
  • Log in dulu ke blogger
  • klik Tata letak
  • Edit HTML
  • jangan lupa download dulu tamplate asli anda untuk mencegah hal-hal tak diinginkan
  • cari kode ]]></b:skin>
  • letak kan kode dibawah ini di atas kode ]]></b:skin>

    /* 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; }

  • Simpan tamplate anda

Langkah Kedua:
  • Klik Rancangan
  • Elemen halaman
  • klik HTML/Java script
  • kemudian copy kode di bawah ini

    <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 # masukkan alamat blog anda disana
  • untuk memasukkan banner anda ganti tulisan Letakkan kode banner anda disini dengan script banner anda
  • kemudian simpan liat hasilnya
Selamat mencoba........


0 komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...