Cara Membuat Banner ukuran 125x125

Posted by ronald | Posted on 16.45 | Posted in , ,

Mungkin ada yang bertanya-tanya bagaimana cara membuat banner di samping ini atau mungkin ada yg sudah tau, disini saya cuma mau share dan bagi-bagi ilmu aja, walau blom pandai dan paham tentang kode-kode html/javasript, tapi ngak ada salahnya belajar sedikit-demi sedikit, siapa tau aja besok-besok bisa mahir kode-kode html gitu..hehehe.....

Baiklah saya akan coba menjelaskan sebisa saya.

Pertama log in ke blog kamu dan pilih tata letak>Edit HTML
Selanjutnya kopikan kode di bawah ini ke edit HTML, posisinya menurut saya terserah saja. Tapi sepelumnya jangan lupa simpan template kamu terlebih dahulu, buat jaga-jaga kalau kodenya salah atau klik Pratinjau dulu sebelum menyimpan hasil editan kode HTML nya.

Ini kode html nya :


<div id='topsidebar-wrapper'><div class='banner'><ul>

<li><a href='http://www.ipietoon.com' rel='bookmark' title=''><img alt='' src='http://4.bp.blogspot.com/_nxOMLf2KJwU/Sai5_XgYzxI/AAAAAAAABG4/ Da1niOQL0Uw/s1600/advertise%2B125x125.png'/></a></li>

<li><a href='http://www.ipietoon.com' rel='bookmark' title=''><img alt='' src='http://4.bp.blogspot.com/_nxOMLf2KJwU/Sai5_XgYzxI/AAAAAAAABG4/ Da1niOQL0Uw/s1600/advertise%2B125x125.png'/></a></li>

<li><a href='http://www.ipietoon.com' rel='bookmark' title=''><img alt='' src='http://4.bp.blogspot.com/_nxOMLf2KJwU/Sai5_XgYzxI/AAAAAAAABG4/ Da1niOQL0Uw/s1600/advertise%2B125x125.png'/></a></li>

<li><a href='http://www.ipietoon.com' rel='bookmark' title=''><img alt='' src='http://4.bp.blogspot.com/_nxOMLf2KJwU/Sai5_XgYzxI/AAAAAAAABG4/ Da1niOQL0Uw/s1600/advertise%2B125x125.png'/></a></li>

</ul></div><div class='clear'/></div>


Keterangan :
Untuk tulisan yang warna Merah ganti dengan link/alamat dari banner kamu
Untuk tulisan yang warna Hijau ganti dengan link gambar banner yang ingin kamu tampilkan.
Kode di atas cuma untuk 4 buah banner saja, kalau ingin menambahkan lebih banyak lagi, tingak kopi paste aja kode di bawah ini di antara kode <div id='topsidebar-wrapper'><div class='banner'><ul> dengan kode </ul></div><div class='clear'/></div>


<li><a href='http://www.ipietoon.com' rel='bookmark' title=''><img alt='' src='http://4.bp.blogspot.com/_nxOMLf2KJwU/Sai5_XgYzxI/AAAAAAAABG4/ Da1niOQL0Uw/s1600/advertise%2B125x125.png'/></a></li>


Oya, sampai lupa, kalau mau merubah ukurannya tinggal rubah aja angka 125 menjadi angka sesuai keinginan kamu.
Semoga Bisa di mengerti dan bermamfaat...

Comments (5)

Bro boleh make gambar Advertise diatas gak??
salam kenal ya..
Mo tukeran link ga sobat ma aku??

by: manan-computer.blogspot.com

Boleh..silahkan di pake...

salam kenal juga...ntar saya mampir ke blognya...

thx ya dah mampir

Makasi kang, dah di ijinin. eh saya dah ngelink blog ini kang, jdi klo berkenan backlink saya ya (my PR 3) :) :)

by: manan-computer.blogspot.com

thanks infonya,,ini yg sy cari2

kok g bisa yach,klo naroh kodenya terserah susah sob,pastinya di taroh dimana

Posting Komentar