Kamis, 22 April 2010

Membuat Space Iklan Banner 4 Kolom

setelah otak atik sana sini dapet juga referensi dari teman bloger tentang cara membuat space iklan banner 4 kolom , maka singkat cerita informasi dan tutorialnya langsung saya uji coba dan sukses.

berikut tutorial yang sudah saya ambil garis besarnya agar lebih jelas :

1. Login dulu ke blog kamu tentunya
2. Klik Tata Letak kemudian Edit HTML
3. Tambahkan kode di bawah ini dan taruh 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; }

4. setelah meletakan kode diatas pada template lakukan penyimpanan
5. kemudian buka tata letak lagi lalu pilih elemen halaman dan Tambah Gadget-->kemudian pilih HTML/JavaScript maka akan muncul gedget baru
6. pada gadget baru itu tambahkan kode dibawah ini :



<div id="Box-Banner-ads">

<a target="_blank" href="http://tokoaslionline.blogspot.com"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>

<a target="_blank" href="http://tokoaslionline.blogspot.com"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>

<a target="_blank" href="http://tokoaslionline.com"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>

<a target="_blank" href="http://tokoaslionline.com"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>

</div>

7. ganti alamat http://tokoaslionline.com dengan alamat blog anda, save dan lihat hasilnya.

jika ingin memasukan iklan anda tinggal mengganti script pada langkah nomor 6 satu persatu begitu seterusnya sampai 4 kolom space terpakai semua.

semua tutorial yang dibuat diblog ini sudah dilakukan pengujian dan 100% berhasil,jika ingin mengcopy artikel ini keblog anda sertakan alamat blog ini

Artikel Menarik Lainnya:

5 komentar:

  1. akhirnya yang saya cari" makasih tutorialnya

    BalasHapus

BUDAYAKAN HABIS BACA MELAKUKAN COMENT DIBLOG

panduan menggunakan kotak komentar dibawah ini :

1.bagi yang ingin memberikan komentar dan tidak punya blog atau website gunakan komentar sebagai Anonymous

2. bagi yang mempunya website atau blog gunakan komentar sebagai Name/URL

Jika langkah diatas sudah anda pilih baru klik tombol poskan komentar..dan selesai komen anda akan langsung tampil


Mau punya buku tamu seperti ini?
Klik di sini (Info Blog)
 

TOKO ASLI ONLINE. Copyright 2010