Loading...


Baca Juga

Assalamu Alaikum WR.WB


Cara Buat Efek Load Page Pada Blogspot


Selamat Malam buat semuanya .. Pada kesempatan kali ini .. saya akan berbagi Cara Buat Efek Load Page Pada Blogspot .. sebenar nya sih ada 3 pembahasan yang mau saya share .. tapi berhubung cuma ngblog lewat hp .. jadi akan saya bagikan satu - satu aja dulu ya .. soal nya kepanjangan kalau di satuin .. dan berikut Tahap awal pembukan Topik kali ini .. yaitu Cara Buat Efek Load Page Pada Blogspot

Baca Juga : CARA BUAT FORM GOOGLE SEARCH ENGINE ( CSE / CUSTOM SEARCH ENGINE )


Untuk membuat efek animasi page loading di blog .. kita hanya menggunakan sebuah CSS dan jQuery agar bisa menjadi sebuah efek animasi page loading di blog .. Dengan menggunakan efek animasi page loading ini .. tidak akan terlalu memberatkan Loading Blog Agan .. sehingga Agan tidak perlu khawatir .. dengan penggunaan efek animasi page loading pada blog Agan ..

Baca Juga : CARA BUAT GOOGLE ANALYTICS PADA BLOG ( Blogspot.com )


Untuk itu Admin Oon akan membagikan sebuah tutorial membuat animasi loading pada blog terbaru 2016 .. dengan memberikan efek animasi loading .. maka akan terlihat begitu indah dan keren .. ketika Agan atau pengunjung blog .. sedang berada pada blog Agan .. lalu berpindah halaman .. maka efek animasi loading page ini akan terlihat .. Baiklah langsung saja bagi Agan yang ingin membuat .. atau menambahkan efek animasi loading page di blog terbaru silahkan baca tutorialnya dibawah ini :

Baca Juga : Cara Hapus Atau Sembunyiin Atributtion Powered Blogger




Cara Buat Efek Load Page


1. Masuk ke Blogger.com
2. Klik Template => Edit HTML
3. Cari kode ]]></b:skin< atau >/style<
4. Copy kode Css dibawah ini .. lalu Paste diatas kode ]]></b:skin> atau </style>



NB :

text / URL gambar yang berwarnaMerah bisa agan ganti .. dengan gambar animasi / Gif load page .. yang lain nya .. bisa agan buat sendiri .. apa nyari di Website Penyedia Ajax Loading Page .. atau silahkan pilih mana yang cocok / bagus menurut agan .. di bawah ini .. nanti akan saya beri .. beberapa animasi ajax load page nya ..

5. Cari kode </body>
6. Copy kode jQuery dibawah ini .. lalu Paste diatas kode </body>


7. klik Simpan / Save

Baca juga : Jenis - Jenis Marquee


Beberapa Efek Animasi Loading Page .. ( Gif )


Animasi Load Page 1
loading1%2B(1).gif
Copy URL Gambar Di Bawah

http://3.bp.blogspot.com/-KuPPWeIiKEk/VA16pu4vxVI/AAAAAAAADY4/DORC4PejW6k/s1600/loading1%2B(1).gif


Animasi Load Page 2
loading2%2B(1).gif
Copy URL Gambar Di Bawah

http://3.bp.blogspot.com/-7ijf80PfNiE/VA16qe_bMvI/AAAAAAAADZI/UOFV0ortsc8/s1600/loading2%2B(1).gif


Animasi Load Page 3
Loading2.GIF
Copy URL Gambar Di Bawah

http://4.bp.blogspot.com/-RNEaIW8mfwM/VA16kh4jw_I/ AAAAAAAADYA/8BzQLvaNjXs/s1600/Loading2.GIF


Animasi Load Page 4
Loading1.GIF
Copy URL Gambar Di Bawah

http://1.bp.blogspot.com/-yw93SfO7HUg/VA16kPJrEMI/ AAAAAAAADX0/zA_AYKGrLpk/s1600/Loading1.GIF


Animasi Load Page 5
loading3%2B(1).gif
Copy URL Gambar Di Bawah

http://4.bp.blogspot.com/-Swt685lt6ys/VA16rHry5eI/AAAAAAAADZY/IpcXMen9Baw/s1600/loading3%2B(1).gif


Animasi Load Page 6
loading7%2B(1).gif
Copy URL Gambar Di Bawah

http://3.bp.blogspot.com/-eOUGOXRvaAw/VA16rbVNP0I/AAAAAAAADZQ/7vyE8vSu9oE/s1600/loading7%2B(1).gif


Animasi Load Page 7
Loading6.GIF
Copy URL Gambar Di Bawah

http://3.bp.blogspot.com/-RGDTwjwFAfI/VA16nTy73yI/ AAAAAAAADYY/2Q_bv6PSZpk/s1600/Loading6.GIF


Animasi Load Page 8
Loading5.GIF
Copy URL Gambar Di Bawah

http://1.bp.blogspot.com/-GbiMJDnzg6Y/VA16nNujPAI/ AAAAAAAADYU/-8FLWN8gGX0/s1600/Loading5.GIF


Animasi Load Page 9
Loading4.GIF
Copy URL Gambar DiBawah

http://4.bp.blogspot.com/-oXnJb-Hf8yg/VA16mCcCwtI/ AAAAAAAADYM/L-6mkDGWBd8/s1600/Loading4.GIF


Animasi Load Page 10
loading10.gif
Copy URL Gambar DiBawah

http://4.bp.blogspot.com/-39XJmVYPlVw/VA16p37GXCI/ AAAAAAAADZA/josfLBxhobs/s1600/loading10.gif


Animasi Load Page 11
Loading3.GIF
Copy URL Gambar DiBawah

http://1.bp.blogspot.com/-IiLv-ImK560/VA16kvSVJQI/ AAAAAAAADX4/4iEBuCyqSQY/s1600/Loading3.GIF


Animasi Load Page 12
loading9%2B(1).gif
Copy URL Gambar DiBawah

http://2.bp.blogspot.com/-gPwCiVWVA0E/VA16sbLarKI/ AAAAAAAADZg/53_r4Hiy0Bo/s1600/loading9%2B(1).gif


Animasi Load Page 13
Loading10.GIF
Copy URL Gambar DiBawah

https://lh4.googleusercontent.com/-qqEpMJ9PeoI/U7nQO-rfprI/ AAAAAAAAEDU/YvXcmUbolGc/w128-h40-no/Loading10.GIF


Animasi Load Page 14
Loading9.GIF
Copy URL Gambar DiBawah

http://2.bp.blogspot.com/-EPaWBo-HO5Y/VA16pR-LyzI/ AAAAAAAADYw/9J60a2EkJlI/s1600/Loading9.GIF


Animasi Load Page 15
loading5.gif
Copy URL Gambar DiBawah

http://1.bp.blogspot.com/-W9bm3Oc6WzA/UQaik9ql4AI/ AAAAAAAAFOg/3fyDf9Agbso/s1600/loading5.gif


Animasi 16 | Contoh Yg sya Pke
loading4.gif
Copy URL Gambar DiBawah

http://3.bp.blogspot.com/-99_s0XfLTt0/UQaikh3bSMI/ AAAAAAAAFOU/BuKqG0mh0eY/s1600/loading4.gif


itu lah postingan pada malam hari ini .. yaitu Cara Buat Efek Load Page Pada Blogspot .. Jika masih ada yang kurang mengerti .. tingalkan saja komentar sobat .. trimakasih mudah - mudahan membantu .. See You Next Time

Post Berikutnya


1. Cara Buat Headline / Breaking News
701086813_4083c5bbe4.jpg
http://so-gaul.blogspot.co.id


Post Selanjutnya


2. Cara Buat Pop Up Like/Share Fb/G+/Twitter/FP Fb
701086812_fa30c37e0b.jpg
http://so-gaul.blogspot.co.id


Baca juga : CARA MEMBUAT TAMPILAN WEB, WAP DAN BLOG PAS DI SEGALA UKURAN LAYAR


Penulis
Casa.png Dari, Majalengka, Rajagaluh - Jawa Barat
MyProfil.pngUser.png OCHA
Jangan jadikan sesuatu ke gagalan sebagai ketakutan untuk mengulang nya kembali .. Sehingga anda tak mau mencoba nya lagi .. Tapi jadikan lah ke gagalan sebagai awal ke suksesan untuk menjadi yang lebih baik dari sebelum nya ..." [View More]

twitter.png about-me.png google-plus.png Add Friend

4338649.png


Itu lah Postingan kali ini .. mengenai » Cara Buat Efek Load Page Pada Blogspot « .. yang bisa saya bagikan .. Pada kesempatan yang ke 40x nya ini .. Kurang lebih nya mohon di maklum aja .. Jika ada salah - salah kata atau pun penulisan .. Semoga bermanfaat dan sampe ketemu lagi di lain waktu dan lain kesempatan .. Akhir kata saya ucapkan ..

Wassalamu'Alaikum WR.WB

 
Top
Loading...