Man Jadda Wajada

Siapa Yang Bersungguh-Sungguh Dia Yang Akan Berhasil


Hallo sobat, kali ini saya akan melanjutkan postingan tentang Bisnis Online. Yaitu Cara membuat kotak iklan (Banner Ads). Pemasangan kotak iklan ini bermanfaat jika ada orang yang ingin memasang iklan di blog sobat. Si Advertiser itu akan mengklik iklan ini dan akan dialihkan ke halaman detail tentang pemasangan iklan di blog sobat. Oke deh, cara memasangnya sederhana kok sobat. Lihat di bawah:

1. Login pada blog sobat
2. Template
3. Edit HTML lalu Lanjutkan
4. Cari kode ]]></b:skin>
5. Pasang kode di bawah ini di atas kode ]]></b:skin>
#banner-ads  {
margin: 0px;
padding: 5px;
text-align: center;
}
#banner-ads  img {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #c0c0c0;
}
#banner-ads  img:hover {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}
6. Simpan Template

Selanjutnya, untuk pemasangan iklan ikuti langkah ini:
1. Masuk ke halaman Tata Letak
2. Tambah Gadget
3. HTML/Javascript
4. Pasang kode ini
<div id="banner-ads">

<a target="_blank" href="http://blognya-reggy.blogspot.com.com"><img
border="0" alt="ads" src="http://i1139.photobucket.com/albums/n555/andika50/bannerads-1.png"/></a>
<a target="_blank" href="http://blognya-reggy.blogspot.com.com"><img
border="0" alt="ads" src="http://i1139.photobucket.com/albums/n555/andika50/bannerads-1.png"/></a>
<a target="_blank" href="http://blognya-reggy.blogspot.com.com"><img
border="0" alt="ads" src="http://i1139.photobucket.com/albums/n555/andika50/bannerads-1.png"/></a>
<a target="_blank" href="http://blognya-reggy.blogspot.com.com"><img
border="0" alt="ads" src="http://i1139.photobucket.com/albums/n555/andika50/bannerads-1.png"/></a>

</div>
5. Simpan dan lihat hasilnya

Keterangan:
- Untuk kode yang berwarna Merah ganti dengan alamat iklan yang ditujur
- Untuk kode yang berwarna Biru, bisa sobat ganti dengan gambar sobat sendiri
- Untuk penambahan iklan sobat hanya tinggal mengcopy kode:
<a target="_blank" href="http://blognya-reggy.blogspot.com.com"><img
border="0" alt="ads" src="http://i1139.photobucket.com/albums/n555/andika50/bannerads-1.png"/></a>
Di atas </div>

Sampan disini dulu ya, Selamat Mencoba!!!

0 komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...

Berlangganan

Enter your email address:

animasi bergerak naruto

Assalamu'alaikum....

"Tetaplah Rendah Hati Meski Diberi Kelebihan , Karena Cahaya Ilmu Takkan Hadir Direlung Hati Yang Angkuh"


Artikel Pilihan

Diberdayakan oleh Blogger.

Followers


SILAHKAN COPY PASTE


Anda DIPERBOLEHKAN KOPI PASTE Semua Artikel atau Tulisan yang Ada disini

Syaratnya satu: Cantumkan Link Blog ini di dalam Artikel yang Anda KOPI PASTE!!

Arsip

Info Pengunjung Hari Ini

Kategori

Blogumulus by Roy Tanck and Amanda Fazani
free counters