TIps Dan Trik Cara Menciptakan Loading Page Dengan Animasi Gif Di Blog
Membuat Effect Loading Blog dengan Animasi Gif Cara Membuat Effect Loading Page / Halaman Pada Blog Dengan Animasi Gif . Tutorial Kali i...
https://tutorialcarapintar.blogspot.com/2019/07/tips-dan-trik-cara-menciptakan-loading.html?hl=in
Membuat Effect Loading Blog dengan Animasi Gif
Cara Membuat Effect Loading Page / Halaman Pada Blog Dengan Animasi Gif. Tutorial Kali ini kita akan menciptakan Progres Loaing pada ketika halaman di buka atau di muat..Sebelumnya aku juga sudah pernah posting loading halaman yang menampilkan Jam Dan Kopi ibarat pada blog kang rian dulu.. bagi yang ingin mencobanya, silahkan kunjungi artikel ini.......
Animasi Loading Halaman Jam Digital Di Blog
Mungkin cara itu cukup rumit, makannya d sini aku share yang lebih simple lagi. Karena pada tutor kali ini kita cukup memakai Animasi Adri Gambar Gif Untuk di tampilkan pada ketika blog pertama kali di muat...
Saya juga akan berikan beberapa situs untuk memeilih animasi gif barang kali kalian ingin menentukan animasi yang akan di pakai pada situs / blog kalian...
Berikut ini beberapa situs yang dapat kalian coba untuk menentukan animasi loading gifnya...
http://preloaders.net/
http://loading.io/
http://www.chimply.com/Generator#classic-spinner,animatedCirclewww.ajaxload.info
http://www.loadinfo.net/
http://cssload.net/
Kalian juga dapat menentukan animasi loading yang sudah aku amankan terlebih dahulu, silahkan pilih gambar dibawah ini untuk dijadikan animasi loading page blog kalian...
.gif "Animasi Loading Halaman") | .gif "Animasi Loading Halaman") | .gif "Animasi Loading Halaman") | .gif "Animasi Loading Halaman") | .gif "Animasi Loading Halaman") | .gif "Animasi Loading Halaman") |
.gif "Animasi Loading Halaman") | .gif "Animasi Loading Halaman") | .gif "Animasi Loading Halaman") | .gif "Animasi Loading Halaman") | .gif "Animasi Loading Halaman") | .gif "Animasi Loading Halaman") |
.gif "Animasi Loading Halaman") | .gif "Animasi Loading Halaman") | .gif "Animasi Loading Halaman") | .gif "Animasi Loading Halaman") | .gif "Animasi Loading Halaman") | .gif "Animasi Loading Halaman") |
Untuk tutorial cara pemasangan scriptnya, silahkan ikuti tutorial singkat berikut ini...
Cara Membuat Loading Page Dengan Animasi Gif Di Blog
- Login Ke blogger.com
- Pilih Template, Edit HTML, Cari Kode </head>
- Setelah itu masukan css berikut ini di atasnya
<style type='text/css'> .loading { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('https://raw.githubusercontent.com/mastamvan/backup/loadinghalaman/efek-loading-blog-sederhana.gif') 50% 50% no-repeat rgb(249,249,249); } </style> <script type="text/javascript"> $(window).load(function() { $(".loading").fadeOut("slow"); }) </script> https://raw.githubusercontent.com/mastamvan/backup/loadinghalaman/efek-loading-blog-sederhana.gif
- Selanjutnya cari aba-aba <body>. kemudian masukan aba-aba berikut di bawahnya...
<div class="loading"></div> - Save template dan akibat deh tutorialnya..
Cukup sekian dan terima kasih, supaya artikel ihwal Cara Membuat Loading Page Dengan Animasi Gif Di Blog ini bermanfaat.
jangan lupa tinggalkan jejak kalian di kolom komentar..
