Membuat Banner Ads Sendiri

Tertarik untuk mencoba membuat mini banner ads anda sendiri?? Langsung aja yuk caranya..


1. Login ke blogger.com
2. Pilih Rancangan --> Edit HTML
3. Masukkan kode di bawah di atas kode ]]></b:skin>

4. Ok. Klik Simpan Template
5. Sekarang kita akan menancapkan gambar banner beserta linknya.
6. Rancangan --> Elemen Laman
7. Klik Tambah Gadget --> HTML/Java Script
8. Masukkan judul dan script di bawah (Saya tidak kotakkan scriptnya agar pembaca lebih mudah melakukan modifikasi)

<b:includable id="main">
<div id="loadingxloading">

<!-- loadingxloading1 start -->
<a class="loadingxloading1" href="http://www.loadingxloading.blogspot.com/"><img width="125" src="http://dc202.4shared.com/img/wnuQ2e9g/POST.jpg" height="125"/></a>

<!-- loadingxloading2 start -->
<a class="loadingxloading2" href="http://www.loadingxloading.blogspot.com/"><img width="125" src="http://dc202.4shared.com/img/wnuQ2e9g/POST.jpg" height="125"/></a>

<!-- loadingxloading3 start -->
<a class="loadingxloading3" href="http://www.loadingxloading.blogspot.com/"><img width="125" src="http://dc202.4shared.com/img/wnuQ2e9g/POST.jpg" height="125"/></a>

<!-- loadingxloading4 start -->
<a class="loadingxloading4" href="http://www.loadingxloading.blogspot.com/"><img width="125" src="http://dc202.4shared.com/img/wnuQ2e9g/POST.jpg" height="125"/></a>

<!-- loadingxloading5 start -->
<a class="loadingxloading5" href="http://www.loadingxloading.blogspot.com/"><img width="125" src="http://dc202.4shared.com/img/wnuQ2e9g/POST.jpg" height="125"/></a>

<div class="clearer"/>
</div>
</div></b:includable>

Link merah adalah link yang akan dituju dari mini banner
Link biru adalah link dari mini banner anda
Jika anda belum bisa melakukan upload dan mendapatkan link ber-extension .jpg, silahkan baca dulu tutorial berikut: Cara Mendapatkan Link Gambar Ber-extension .jpg

0 komentar:

Posting Komentar