Jumat, 25 Maret 2011

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 Tata letak
  • 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........

Cara menambah iklan banner di blog, cara membuat kotak banner di blog, cara menambah kotak sponsor di blogger, tutorial memasang iklan banner pada blogspot. kotak banner blogspot tutor.

Tidak ada komentar:

Posting Komentar