Cara Membuat Animasi Bergerak di Sudut Blog
facessetelah lama berusaha mencari widget-widget animasi lucu bergerak dan menarik dari berbagai situs untuk anda dalam memasang animasi di sudut atau pojok blog dan membuat tampilan blog anda semakin segar dengan adanya animasi yang bergerak di sudut blog, akhirnya ketemu juga widget-widget yang lucu dan unik yang pastinya bergerak atau berformat gif ,pada kumpulan widget animasi bergerak ini anda bisa membuat animasi bergerak di pojok blog anda, mungkin di antara kalian ada juga yang senang dengan animasi - animasi lucu yang bergerak ini untuk di pasang di sudut blog kalian. tapi tentu saja di setiap situs-situs tersebut tidak semua animasi bergerak sama oleh karena itu dalam postingan kali ini saya akan memberikan kumpulan postingan animasi bergerak yang lucu dan gokil dari berbagai situs yang telah saya kunjungi .silakan kalian kalau mau copas kode-kode script berikut di blog kalian .big hug
sebelum kalian meng copas kode kode tersebut .. sebaiknya kalian mengikuti tutorial cara memasang animasi pada blog berikut ini . untuk memasang widget widget animasi bergerak seperti naruto dan onepiece pada blog kalian ..( tepatnya animasi- animasi bergerak tersebut akan ada di sudut pojok bawah pada blog kalian ).dan kalian dapat merubah lokasi penempatannya/ukuran gambarnya sesuai dengan tempat/ukuran favorit anda .!!!
Cara pasang animasi bergerak mengikuti mouse di blog
Cara pasang animasi yang mengkuti mouse pada blog, mungkin bagi sebagian blogger sudah pada tahu deh kayanya . atau mungkin belum tahu cara memasangnya .. sebenarnya mudah kok memasang animasi bergerak pada widget blog dan ketika mouse di arahkan ke animasi tersebut .. lalu animasi tersebut mengikuti gerak dari mouse tersebut .. gmnaa keren nggak ..coba lihat contohnya nih :
Senin, 28 Mei 2012
Cara Membuat Animasi Bergerak di Sudut Blog
sebelum kalian meng copas kode kode tersebut .. sebaiknya kalian mengikuti tutorial cara memasang animasi pada blog berikut ini . untuk memasang widget widget animasi bergerak seperti naruto dan onepiece pada blog kalian ..( tepatnya animasi- animasi bergerak tersebut akan ada di sudut pojok bawah pada blog kalian ).dan kalian dapat merubah lokasi penempatannya/ukuran gambarnya sesuai dengan tempat/ukuran favorit anda .!!!
Sabtu, 19 Mei 2012
Rabu, 11 April 2012
Mengganti Background Foto dengan Photoshop
Cara Mengganti Background Foto dengan Photoshop
PANDUAN RINGKAS HTML
Judul
Asli: THE BARE BONES GUIDE TO HTML
oleh Kevin Werbach
Versi 3.0 Formatted -- July 21, 1996
Alih bahasa Indonesia oleh Kristianto Jahja
Versi Bahasa Indonesia -- 23 Desember 1996
Versi terakhir dokumen ini terdapat di <http://werbach.com/barebones/>. oleh Kevin Werbach
Versi 3.0 Formatted -- July 21, 1996
Alih bahasa Indonesia oleh Kristianto Jahja
Versi Bahasa Indonesia -- 23 Desember 1996
Panduan ini memuat semua tag yang dikenali oleh hampir semua browser terkemuka versi terkini. Saya telah memuatkan semua Tag yang terdapat pada Spesifikasi HTML 3.2, demikian juga dengan tag perluasan Netscape yang terdapat pada Netscape Navigator sampai dengan versi 3.0b5. Panduan ini dirancang seringkas mungkin; namun bila dikehendaki informasi rinci lebih lanjut tentang HTML anda dapat mencarinya di WWW Help Page yang saya susun. Segenap saran dan komentar anda akan disambut dengan senang hati.
- PENDAHULUAN dan PERKENALAN
- Keunikan dari panduan ini
- Tag HTML apa saja yang tercakup
- Bagimana dokumen ini diformat (termasuk uraian tentang simbol dan singkatan)
- TAG HTML
- Elemen Dasar (semua dokumen HTML harus memuatnya)
- Ancangan Struktural (tampilan terkendali oleh pilihan browser)
- Format tampilan (penulis menetapkan tampilan naskah)
- Acuan (links) dan grafik
- Pemisah (dividers)
- Daftar (lists)
- Latar belakang dan warna
- Huruf spesial
- Formulir (forms)
- Table (tables)
- Frame
- Java
- Lain-lain
Tips HTML-Javascript: Membuat Animasi Teks Berjalan dan Berkedip di Status Bar
Status bar merupakan panel khusus di bagian paling bawah browser, berfungsi menampilkan informasi tentang browser, misalnya saat sedang membuka halaman sebuah website, di status bar tertulis 'Loading......'. Atau juga saat pointer mouse berada di atas sebuah link, maka di status bar tertulis alamat URL dari link tersebut. Tapi saya yakin anda juga pernah melihat sebuah website yang status bar-nya menampilkan teks animasi seperti teks berjalan atau berkedip. Nah, kali ini kita akan membuat animasi tersebut dengan menggunakan javascript.
Animasi Teks Berjalan di Status Bar --> Model 1
Untuk bisa membuatnya, tentunya kita harus sudah mengenal lebih jauh tentang javascript dan DHTML (dynamic HTML). Namun di sini, biar lebih mudah, kita langsung membuat listing kodenya, anda tinggal mengubah beberapa teks seperlunya saja, lalu tinggal mencopy-nya ke website anda bila ingin menggunakannya.
Pada listing kode di atas, ubahlah nilai
variabel pesan_berjalan pada teks berwarna merah. Adapun angka 200
menunjukkan interval pergerakan teks dalam satuan milidetik (1 detik = 1000
milidetik). Anda juga bisa mengubahnya sesuai keinginan. Tempatkan listing kode
di atas di antara tag <head> dan </head>.
Lalu rubahlah tag <body ...> anda dengan berikut ini:
Animasi Teks Berjalan di
Status Bar --> Model 2
Pada model 2 ini, mirip dgn yang pertama di atas, hanya saja ada sedikit kombinasi, yaitu gabungan teks berjalan dan yang tidak berjalan (tetap). Kodenya seperti berikut: (tempatkan di antara tag <head> dan </head>)
Pada model 2 ini, mirip dgn yang pertama di atas, hanya saja ada sedikit kombinasi, yaitu gabungan teks berjalan dan yang tidak berjalan (tetap). Kodenya seperti berikut: (tempatkan di antara tag <head> dan </head>)
Pada listing kode di atas, ubahlah nilai variabel pesan_berjalan dan pesan_tetap pada teks berwarna merah sesuai dengan yang anda inginkan. Lalu rubahlah tag <body ...> anda dengan berikut ini:
<body
onload="setTimeout('animasi_teks_berjalan_status_bar_model2()', 200)">
|
Animasi Teks Berkedip di Status Bar --> Model 1
Kalau di atas kita membuat teks berjalan, sekarang kita akan membuat teks berkedip. Berikut ini kodenya:
Silahkan mengubah nilai variabel pesan_berjalan pada teks berwarna merah. Tempatkan listing kode di atas
di antara tag <head> dan </head>. Lalu rubahlah tag <body ...> anda dengan berikut ini:
<body
onload="setTimeout('animasi_teks_berkedip_status_bar_model1()', 200)">
|
Animasi Teks Berkedip di Status Bar --> Model 2
Pada model 2 ini kita pakai kombinasi seperti di atas, yaitu gabungan teks berkedip dan yang tidak berkedip (tetap). Kodenya seperti berikut: (tempatkan di antara tag <head> dan </head>)
Pada listing kode di atas, ubahlah nilai variabel pesan_berjalan dan pesan_tetap
pada teks berwarna merah sesuai dengan yang anda inginkan. Lalu rubahlah tag
<body ...> anda dengan berikut ini: