Cara Membuat Rotasi Banner Ads Ke Samping

 Banner Ads
Beberapa hari kemarin saya membuat tutorial blog dengan membuat rotasi banner ke atas  , kiranya kurang sempurna kalau hanya membuat widget banner yang berotasi ke atas , maka saya membuat blog tutorial tentang cara membuat rotasi banner ke samping , tidak hanya ke samping kiri saya akan berbagi kepada anda cara membuat banner rotasi ke samping kiri maupun kanan
sebenarnya widget blog ini mempunyai banyak kegunaan nya , bukan hanya blog widget untuk banner ads namun bisa dipakai untuk link , daftar isi dll , jadi jangan salah paham rotasi banner pada tutorial blog ini bisa di gunakan untuk keperluan yang lain

Rotasi Banner


Tutorial cara membuat banner ads ke samping kiri seperti ini
seperti biasa anda masuk ke widget blog anda , tambah gadget HTML lalu masukan kode di bawah ini

copy paste kode ini:

<div class="widget-content"><marquee direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" scrolldelay="20"><a href="http://juntenxblog.blogspot.com/" target="_blank"><img height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDnMgOEdl93WfEcQf9tqZZrn3yIVRYP_ZgmKTvZXaSfcfnx_1DkkXmcXjlhIqt-CYKv64beMnAN6nJHoV9P8SRge0YC9VpnXmOYGxM7c8EQxv9UWIEIlod0tMwB2ihpiHRNvqztGmnW-oU/s320/banner+ads+panjang.jpg" width="360" /></a><a href="http://juntenxblog.blogspot.com/" target="_blank"><img height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDnMgOEdl93WfEcQf9tqZZrn3yIVRYP_ZgmKTvZXaSfcfnx_1DkkXmcXjlhIqt-CYKv64beMnAN6nJHoV9P8SRge0YC9VpnXmOYGxM7c8EQxv9UWIEIlod0tMwB2ihpiHRNvqztGmnW-oU/s320/banner+ads+panjang.jpg" width="360" /></a><a href="http://juntenxblog.blogspot.com/" target="_blank"><img height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDnMgOEdl93WfEcQf9tqZZrn3yIVRYP_ZgmKTvZXaSfcfnx_1DkkXmcXjlhIqt-CYKv64beMnAN6nJHoV9P8SRge0YC9VpnXmOYGxM7c8EQxv9UWIEIlod0tMwB2ihpiHRNvqztGmnW-oU/s320/banner+ads+panjang.jpg" width="360" /></a><a href="http://juntenxblog.blogspot.com/" target="_blank"><img height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDnMgOEdl93WfEcQf9tqZZrn3yIVRYP_ZgmKTvZXaSfcfnx_1DkkXmcXjlhIqt-CYKv64beMnAN6nJHoV9P8SRge0YC9VpnXmOYGxM7c8EQxv9UWIEIlod0tMwB2ihpiHRNvqztGmnW-oU/s320/banner+ads+panjang.jpg" width="360" /></a><a href="http://juntenxblog.blogspot.com/" target="_blank"><img height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDnMgOEdl93WfEcQf9tqZZrn3yIVRYP_ZgmKTvZXaSfcfnx_1DkkXmcXjlhIqt-CYKv64beMnAN6nJHoV9P8SRge0YC9VpnXmOYGxM7c8EQxv9UWIEIlod0tMwB2ihpiHRNvqztGmnW-oU/s320/banner+ads+panjang.jpg" width="360" /></a><a href="http://juntenxblog.blogspot.com/" target="_blank"><img height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDnMgOEdl93WfEcQf9tqZZrn3yIVRYP_ZgmKTvZXaSfcfnx_1DkkXmcXjlhIqt-CYKv64beMnAN6nJHoV9P8SRge0YC9VpnXmOYGxM7c8EQxv9UWIEIlod0tMwB2ihpiHRNvqztGmnW-oU/s320/banner+ads+panjang.jpg" width="360" /></a></marquee></div><a href="http://juntenxblog.blogspot.com/2011/01/cara-membuat-banner-ads-panjang-rotasi.html"/>get this widget </a></div>

yang berwarna biru diganti dengan url yang akan anda tuju , sedangkan yang berwarna merah url banner yang dipasang, maka hasilnya akan seperti yang dibawah ini rotasi banner ke samping kiri





Bila anda kurang suka dengan rotasi di atas , jangan khawatir saya punya satu tutorial lagi yaitu cara membuat banner ads ke samping kanan , biar seimbang dan anda bisa memilih yang anda suka
seperti ini tutorial sama seperti cara membuat di atas , masuk ke widget blog anda lalu tambah gadget HTML

masukan kode ini

copy paste kode ini:

<div class="widget-content"><marquee direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" scrolldelay="20"><a href="http://juntenxblog.blogspot.com/" target="_blank"><img height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDnMgOEdl93WfEcQf9tqZZrn3yIVRYP_ZgmKTvZXaSfcfnx_1DkkXmcXjlhIqt-CYKv64beMnAN6nJHoV9P8SRge0YC9VpnXmOYGxM7c8EQxv9UWIEIlod0tMwB2ihpiHRNvqztGmnW-oU/s320/banner+ads+panjang.jpg" width="360" /></a><a href="http://juntenxblog.blogspot.com/" target="_blank"><img height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDnMgOEdl93WfEcQf9tqZZrn3yIVRYP_ZgmKTvZXaSfcfnx_1DkkXmcXjlhIqt-CYKv64beMnAN6nJHoV9P8SRge0YC9VpnXmOYGxM7c8EQxv9UWIEIlod0tMwB2ihpiHRNvqztGmnW-oU/s320/banner+ads+panjang.jpg" width="360" /></a><a href="http://juntenxblog.blogspot.com/" target="_blank"><img height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDnMgOEdl93WfEcQf9tqZZrn3yIVRYP_ZgmKTvZXaSfcfnx_1DkkXmcXjlhIqt-CYKv64beMnAN6nJHoV9P8SRge0YC9VpnXmOYGxM7c8EQxv9UWIEIlod0tMwB2ihpiHRNvqztGmnW-oU/s320/banner+ads+panjang.jpg" width="360" /></a><a href="http://juntenxblog.blogspot.com/" target="_blank"><img height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDnMgOEdl93WfEcQf9tqZZrn3yIVRYP_ZgmKTvZXaSfcfnx_1DkkXmcXjlhIqt-CYKv64beMnAN6nJHoV9P8SRge0YC9VpnXmOYGxM7c8EQxv9UWIEIlod0tMwB2ihpiHRNvqztGmnW-oU/s320/banner+ads+panjang.jpg" width="360" /></a><a href="http://juntenxblog.blogspot.com/" target="_blank"><img height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDnMgOEdl93WfEcQf9tqZZrn3yIVRYP_ZgmKTvZXaSfcfnx_1DkkXmcXjlhIqt-CYKv64beMnAN6nJHoV9P8SRge0YC9VpnXmOYGxM7c8EQxv9UWIEIlod0tMwB2ihpiHRNvqztGmnW-oU/s320/banner+ads+panjang.jpg" width="360" /></a><a href="http://juntenxblog.blogspot.com/" target="_blank"><img height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDnMgOEdl93WfEcQf9tqZZrn3yIVRYP_ZgmKTvZXaSfcfnx_1DkkXmcXjlhIqt-CYKv64beMnAN6nJHoV9P8SRge0YC9VpnXmOYGxM7c8EQxv9UWIEIlod0tMwB2ihpiHRNvqztGmnW-oU/s320/banner+ads+panjang.jpg" width="360" /></a></marquee></div><a href="http://juntenxblog.blogspot.com/2011/01/cara-membuat-banner-ads-panjang-rotasi.html"/>get this widget </a></div>

yang berwarna biru diganti dengan url yang akan anda tuju , sedangkan yang berwarna merah url banner yang dipasang, maka hasilnya akan seperti yang dibawah ini rotasi banner ke samping kanan

maka hasilnya akan seperti ini




Selamat mencoba Rotasi banner ads ke samping dan semoga berhasil .

Pin It!

fb comment box

13 komentar:

bisnis investasi mengatakan...

Jago oprek blog nech simas, manteb...

Unknown mengatakan...

hahah sama-sama mas.

Uka mengatakan...

Kode CSSnya mana gan?

Unknown mengatakan...

itu mas di dalam spoiler .. ada tulisan "copy paste kode ini: show" anda tinggal klik ,, nanti terbuka sendirinya ..

AHMAD mengatakan...

mas.. kaya marquee y

Unknown mengatakan...

iya mas kaya marquee ..

tjah osima blogspot mengatakan...

thanks sobat artikelnya aq coba berhasil n cukces
he he ehe

Unknown mengatakan...

sama-sama gan ....

admin mengatakan...

kecepatanya bisa diatur apa nggak yah

Unknown mengatakan...

bisa gan tinggal tambah aja di bagian "scrollamount" .. saya pasang 2 , tinggal ditambah..

Unknown mengatakan...

silih berganti gmn gan mksdnya ?? .. kalau gambarnya tinggal isi aja dengan url gambar yang berbeda .. nanti tampilannya bakal dengan gambar yang berbeda" gan ..

MAza mengatakan...

gmana caranya mas? kok saya coba gambarnya berdampingan aja. maksudnya tersusun dari atas k bawah. bisa ga berurutan k samping?

bisnis online mengatakan...

wahhh keren mas bro, ntar bikin lagi yang ke bawah dan kanan kiri ok ya ahahaha kan biar lengkap tuh, kratip pisan euy

Posting Komentar

◄ Newer Post Older Post ►