SUTARMAN AHMAD ADHA: 17/05/09

Alhamdulillah saya berhasil mencoba membuat blog atas bimbingan Pak Yulianto STIE PUTRA BANGSA Kebumen.

ANIMASIKU MENCOBA

MENCOBA ANIMASI Info dan Opini Seputar Blogging, Photoshop, dan Elektronika Skrip Paling Diminati (Bagian 2) Skrip yang akan saya share kali ini adalah skrip sederhana mengenai teks berputar atau tulisan berputar mengikuti mouse. Tulisan tersebut akan mengikuti gerakan mouse sambil terus berputar. Skrip kedua adalah teks bergerak atau tulisan berjalan di Tab Title. Tulisan ini akan berjalan dari kanan ke kiri di tab title (sebelah kiri favicon). Yang ketiga sebenarnya bukan skrip pemrograman tetapi hanya berupa deretan kode HTML yang disertai gambar bergerak dalam format .GIF. Semua animasi gambar bergerak di bawah saya peroleh dari www.sweetim.com. TEKS BERPUTAR | TULISAN BERPUTAR MENGIKUTI MOUSE Untuk memasang teks berputar di caranya sebagai berikut: Login ke . Masuk ke halaman "Layout" atau Tata Letak. Add Gadget (Tambah Gadget) kemudian pilih HTML/ Copy Paste code di bawah. Ganti tulisan "LINKSUKSES.COM" dengan tulisan sendiri kemudian simpan (Save).

Sumber: CyberWorld TEKS BERJALAN | TULISAN BERJALAN DI TAB TITLE Cara memasang teks berjalan di tab title: Login ke . Sebaiknya lakukan backup template terlebih dahulu untuk jaga-jaga jika terjadi kesalahan. Masuk ke halaman "Layout" (Tata Letak). Cari kode atau . Copy Paste code berikut di atas atau di bawah . Sumber: LinggihNote Pada kode window.setTimeout("scrollMSG()",200); 200 adalah kecepatan teks berjalan, makin kecil nilainya maka tulisan akan bergerak lebih cepat Simpan template dan lihat hasilnya ANIMASI GAMBAR BERGERAK DI SUDUT BLOG Di bawah ini adalah beberapa contoh animasi gambar bergerak yang dapat dipasang di blog sobat. Posisi gambar bergerak tersebut dapat diatur sesuai kebutuhan, namun umumnya diletakan di sudut halaman blog yaitu sudut kiri atas, sudut kanan atas, sudut kiri bawah, dan sudut kanan bawah. Cara memasang gambar bergerak tersebut adalah sebagai berikut: Login ke . Masuk ke halaman "Layout" atau Tata Letak. Add Gadget (Tambah Gadget) kemudian pilih HTML/. Copy Paste kode HTML di bawah setiap gambar yang akan digunakan kemudian simpan (save.) Gambar Bergerak Gambar bergerak: Hati

Gambar Bergerak Gambar bergerak: Bibir

Gambar Bergerak Gambar bergerak: Kiss

Gambar Bergerak Gambar bergerak: Menangis

Gambar Bergerak Gambar bergerak: Bayi

Gambar Bergerak Gambar bergerak: Angel

Gambar Bergerak Gambar bergerak: Banana

Gambar Bergerak Gambar bergerak: Bunga

Gambar Bergerak Gambar bergerak: Fairy Dust

Gambar Bergerak Gambar bergerak: Kupu-kupu

Gambar Bergerak Gambar bergerak: Thumb Up

Gambar Bergerak Gambar bergerak: Thanks

Gambar Bergerak Gambar bergerak: Bos

Gambar Bergerak Gambar bergerak: Kipas Angin

Gambar Bergerak Gambar bergerak: Tertawa

Gambar Bergerak Gambar bergerak: Bersalaman

Gambar Bergerak Gambar bergerak: Bye bye

Gambar Bergerak Gambar bergerak: Hi

Gambar Bergerak Gambar bergerak: Main Bola

Gambar Bergerak Gambar bergerak: You Are The Best

Gambar Bergerak Gambar bergerak: Tupai Lari

Pengaturan Gambar Animasi: Untuk mengnati gambar animasi, ganti kode "http://content.sweetim.com/sim/cpie/emoticons/000202B2.gif" dengan URL gambar pengganti. Kode bottom:10px; left:20px; adalah posisi di kiri bawah dengan jarak 10 pixel dari bawah dan 20 pixel dari kiri, jarak tersebut dapat diubah sesuai keperluan. Untuk mengubah posisi animasi gambar bergerak, ubah kode bottom:10px; left:20px; menjadi bottom:10px; left:10px; (kiri bawah), bottom:10px; right:10px; (kanan bawah), top:10px; left:10px; (kiri atas), top:10px; right:10px; (kanan atas). Kode width:50px; height:50px; untuk mengatur lebar dan tinggi gambar. Kode background-color:transparent; untuk mengatur warna latar gambar animasi. Sumber gambar bergerak: www.sweetim.com

SUTARMAN AHMAD ADHA

Laman

Rabu, 20 Mei 2009

PERKENALAN

Total Tayangan Halaman

Arsip Blog

Mengenai Saya