Home
Cara Memberi Efek Animasi Saat Loadang Page adalah postingan selajutnya lihat juga postingan sebelumnya yaitu Pengenalan Fungsi Ping Untuk Blog dan List Ping Untuk Blog.
Kali ini saya akan memberitahu tentang tutorial blog kepada kalian yang bikin atau dapat membuat Blog atau website anda terlihat lebih keren dan lebih bagus tidak membuat pengunjung boring atau boasan yaitu salah satunya menciptakan animasi efek loadning ini saya teringat saat memakan agar agar dari ibusaya yang menyerupai bentuknya Loading ini hehehe ntar liah saja gambarnya bila tidak sabar lihat langsung saca contoh animasi nya di pinggir atau disamping ini nah bagaimana kalian ingin seperti gamar di situ mungkin menurut kebanyakan orang berpikr memasang gambar animasi seperti disamping akan membuat Bloga atau website keberatan karenanya itu hanya mitos yang tidak usah didengar buktinya blog ini memakai efek seperti disamping biasa biasa saja mungkin cukup penjelasanya jadi langsung saja kalian simak tutorial berikut ini.
Tutorial Cara Memberi Efek Animasi Saat Loadang Page
- Mula mula anda biasa masuk ke accoun bloger anda di www.blogger.com
- Setelah itu anda masukan Username dan Passwordnya
- Setelah masuk pilih daftar enty post pilih menu Template
- Kemudian Pilih menu edit HTML
- Jangnlupa klik Expand Widget
- Cari Code <body> Ctrl+F untuk mempermudah
- Setelah ketemu Hapus kodenya dan gantikan dengan code berikut ini
<body onLoad='waitPreloadPage();'> <!-- Loading with Image --> <div id='prepage' style='display:scroll;position:fixed;top:100px;left:3px'><img border='0' src='http://i1077.photobucket.com/albums/w468/Thomijasir/125x125125x125.jpg'/></div> <!-- Ends Loading with Image –>
- Lalu cari kode </body>
- Setelah menemukan kode diatas hapus gantikan ganti code berikut
<script language='javascript' src='http://pageprotection.googlecode.com/files/loading.js' type='text/javascript'/></body>
- Setelah selesai simpan template karna efek ini ini tidak akan terlihat bila di pratinjau
- Setelah Save lihat blog anda
Ganti code yang berwarna Hijau dengan animasi anda sendiri untuk mempermudah dalam animasi saya menyediakannya
Efek Loading 1 : http://i1077.photobucket.com/albums/w468/Thomijasir/loading2.gif
Efek Loading 2 : http://i1077.photobucket.com/albums/w468/Thomijasir/loading1.gif
Efek Loading 3 : http://i1077.photobucket.com/albums/w468/Thomijasir/spyderman3.jpg
Efek Loading 4 : http://i1077.photobucket.com/albums/w468/Thomijasir/slide.jpg
Efek Loading 5 : http://i1077.photobucket.com/albums/w468/Thomijasir/logo_96.jpg
Mungkin sekian yang dapat saya sampaikan lebih dan kurangya mohon dimaaf kan selamat memperbagus web anda dan selamat mencoba
0 Comments:
Post a Comment
Rules If you Want Comment Here
1. Post a Comment The polite and courteous
2. Not Spamming, Junk
3. The topic of discussion commented articles relevant title
4. Give advice if you feel the need to advise
5. Do not use Anonymous
6. Please!!! LANGUAGE USE THE STANDARD
7. Do not put any links in comments
Thanks To the visitors who have taken the time you hope the above article useful.