Membuat Banner Bergerak/Tidak Gerak

Hehehe.... lagi asyik buat gambar transparan nih!

Ada Mbak Nuri yang tanya, gimana cara buat banner?

Mari ke blog Esa sekalian, aku kasih tau cara pasang banner-nya!

1.Buka PhotoScape kalian. Kalau nggak punya, download dulu ya!

2.Pilih Editor

3.Kemudian, kalian pilih menu. Ada yang letaknya diatas atau dibawah. Atur panjang dan lebar-nya. Kalau aku, sih bentuknya persegi dengan ukuran 400 x 400

4.Nah, nanti ada gambar putih, kan? Nah, itu halaman untuk banner kamu. Coba kamu cari gambar yang menarik. Kamu juga boleh kasih backgorund. Jangan lupa dikasih tulisan, ya. Contoh halaman pertama untuk banner bergerak yang sudah jadi adalah ini:

Terdapat

-Background *bunga*

-PNG *Yaya*

-Tulisan 

Kalau kalian mau buat yang tidak bergerak, seperti ini pun sudah jadi.

Namun, tambahkan dengan tulisan ya supaya lebih cucok!

5.Sudah selesai buat halaman yang pertama? Save dulu, ya. Kalau mau menyimpan, pastikan kamu mengingat urutan halaman-nya ya, supaya kalau dijadikan animasi bergerak, nanti biar nggak kacau

Lalu, buat halaman kedua. Kalau contoh punyaku, seperti ini: *lanjutan Yaya diatas*

6.Terserah kamu mau buat berapa halaman untuk banner bergeraknya! Esa contohnya buat 3 halaman ya! Ini halaman yang ketiga...

7.Nah, kalau kalian sudah selesai dengan jumlah halaman yang kalian mau, buka Animated Gif yang ada di paling atas. Lalu, di samping kanan atas ada tulisan  "Add" >> Add a Photo. Klik itu, lalu kalian pilih halaman yang kalian buat tadi. Untuk Slide pertama, adalah halaman pertama, slide kedua untuk halaman kedua dan Slide ketiga untuk halaman ketiga, begitu pula dengan seterusnya. Kalau sudah urut, klik Save.

Nah, coba lihat hasil punyaku lho

Nah, cara masangnya, adalah... seperti ini!  Tutorialnya dari Kak Chiaki

1.Login ke blogger kamu

2.Dashboard >> Tata Letak

3.Tambahkan Gadget >> HTML/Javascript

4.Copy dan paste kode di bawah ini:

<br /><center>
<img style="width: 167px; height: 157px;" src="URL BANNER KALIAN" />
<center>Copy Paste di Blog kamu ya! ^_^</center>
<textarea rows="2" cols="13" style="width: 167px; height: 80px; color: Black; background-color: #transparent;" readonly>&lt;a href="URL BLOG KALIAN" target="_blank" &gt;&lt;img src="URL BANNER KALIAN"&gt;&lt;/a&gt;</textarea></center><br />

5.Simpan

Mudah, kan?

Maaf kalau tutorialnya nggak pakai gambar. Aku enggak bisa screenshot.

Kallau ada yang bisa, please tolong jawab di kotak komentar, ya!