Jumat, 24 Juni 2011

Memasang Banner Berjalan di Blogspot

Sebagai newbie, saya pengin berbagi tips nih buat agan-agan yang pengin mempercantik blognya...
pernah liat blog seseorang yang ada gambar banner berjalan kan???nah ini dia saya kasih tau gimana cara membuat banner yang bisa berjalan di akun blogspot kita :

1. pertama-tama yang harus agan siapin adalah bannernya, bikin aja di fhotoshop atau apa ja yang penting jadi satu gambar.


2. upload gambar agan yang tadi di buat ke fhotobucket atau imageshack, atau apalah itu yang penting tempat upload gambar, kalo mau lebih mudah kesini ja http://imageshack.us/



3. setelah di upload copy direct link gambar yang di sediakan di imageshack


4. kemudian copy kode berikut

<marquee scrolldelay="10" direction="right" behavior="scroll" scrollamount="3" width="468" bg height="60"><a href="http://namabloganda.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjslYzppHCspIA6iQC4bx-jkg_THUZlzLsFym4CkicM5dllaGAhJnV0fCzJkkk1R3KbnO3y9UOEuK7kUsIAtCLdXrzNuUs1wGROxr3ObdDV1Df-K_ryQYCIJLuQKfku_jt4-OeJn0RC90na/" /></a>
</marquee>

Ganti tulisan yang berwarna hijau dengan url website yang ingin dituju dan tulisan berwarna merah dengan url banner agan yang tadi.

jika ingin tampilan bannernya lebih dari satu, tinggal tambahkan saja kodenya menjadi sebagai berikut

<marquee scrolldelay="10" direction="right" behavior="scroll" scrollamount="3" width="468" height="60"><a href="http://namabloganda.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjslYzppHCspIA6iQC4bx-jkg_THUZlzLsFym4CkicM5dllaGAhJnV0fCzJkkk1R3KbnO3y9UOEuK7kUsIAtCLdXrzNuUs1wGROxr3ObdDV1Df-K_ryQYCIJLuQKfku_jt4-OeJn0RC90na/" /></a>
<span style="padding-left: 10px;"><a href="http://namabloganda.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0827XJl5kllAN96i-CkB-FYa7neMmexYJgVbSbv85lHWkWGPDAiKa0hnzn3uNgGhReejJLiRjsnp4KtMWdIGukF_Hryt-qlAMCN2bjPCmZLwe1YVnb8ojNww3BisWCAdr7R0JSrmFkNP7/" /></a></span>
</marquee>

5. langkah selanjutnya, masuk ke blogger, rancangan, tambah gadget, pilih JavaScript/HTML, copas kode yang tadi di situ gan. lalu save dan lihat hasilnya..

Tidak ada komentar:

Posting Komentar