Mempercantik Halaman Website Dengan Efek Loading
Mungkin diatara temen – temen pengujung dokumenary.net ada yang belum tau gimana sih caranya bikin loading yang bagus pada halaman website kita, disini saya akan berbagi cara sederhana yang bisa temen – temen gunakan untuk membuat hal tersebut, caranya mudah sekali tapi hasilnya huummm syupperr…
Temen – temen bisa mencobanya terlebih dahulu di SINI.
Gimana, sudah dilihat? bagus ya… Loading ini dapat memberikan informasi kepengujung sudah berapa persen halaman terload, saya rasa sangat perlu digunakan pada website yang memiliki konten – konten yang berat seperti video, gambar yang berukuran besar dan banyak. Dan efek loading tersebut akan kita buat dengan javascript libaray yang sudah
tersedia yang bernama PACE.
Berikut cara mendapatkan resource pace :
1. Kunjungi website resminya di http://github.hubspot.com/pace/docs/welcome/
2. Download file pace.min.js di sini https://raw.github.com/HubSpot/pace/v1.0.0/pace.min.js
3. Atur warna jika ingin warna yang berbeda
4. Pilih theme yang kamu suka dan download
Cara memasangnya kita tinggal panggil pace.min.js dan file css nya dan taruh sebelum tag </head> seperti berikut :
[php]
<head>
<script src="/pace/pace.js"></script>
<link href="/pace/themes/pace-theme-barber-shop.css" rel="stylesheet" />
</head>
[/php]
Sekarang coba anda refresh, taraaaaa…
Selain cara diatas, kita juga dapat menginstall pace melalui eager
Silahkan temen – temen pencet tuh link diatas, maka akan diarahkan ke website eager, disana kita bisa tinggal memeberikan alamat website yang akan menggunakan pace, setelah itu
akan diberikan link js yang ditaruh juga sebelum tag </head>.
Keuntungan pake eager adalah, kita tidak perlu upload file resource pace.min.js dan css nya ke hosting kita, tentunya sangat berguna sekali bagi pengguna blogspot dan sejenisnya ya.
Selain itu pada eager juga terdapat App Store, jadi kita bisa menginstall aplikasi lainnya semacam Share, Contact Form, Google Map dan lain-lain yang secara otomatis akan tampil pada alamat website yang telah diatur.
Ya sekian tulisan kali ini, semoga dapat memberikan pencerahan buat temen – temen ya, aamin…
Like facebook dokumenary atau subscribe ya, biar selalu dapat info-info terbaru.
Terimakasih
Category: Javascript
Abi
January 9, 2024 - 10:03 pm
Hello,
I’m Abi, an English SEO copywriter and content writer. I excel in crafting blogs, articles, e-commerce product descriptions, SEO content, website content, business service descriptions, newsletter content, brochures, proofreading, social media captions, LinkedIn content, and SOPs.
My rate is USD 20 for every 1000 words of content. If you don’t have time to plan out your content, we can help you with that.
Feel free to email me at [email protected] with any current requirements.
Thanks,
Abi
Trevor Colman
February 21, 2024 - 12:00 pm
Hey it’s Sage, here is the free AI tool that automatically writes copy to drive traffic and calls
Go to:
http://www.autoSEOcontent.com
Hope it helps
Vkdrsr
March 12, 2024 - 9:58 am
lipitor order buy atorvastatin 10mg pill lipitor generic
Nmoagd
March 15, 2024 - 4:43 am
purchase cipro without prescription – buy cephalexin 250mg generic order augmentin 625mg generic
Hwhraf
March 15, 2024 - 11:15 am
cipro sale – generic cipro augmentin 625mg usa
Ofoqai
March 18, 2024 - 12:14 am
buy flagyl 400mg – cefaclor oral buy zithromax medication
Svaiwm
March 18, 2024 - 9:26 pm
order generic ciplox – tindamax brand order erythromycin online
Tarnbo
March 20, 2024 - 5:32 am
where can i buy valtrex – buy vermox without prescription order acyclovir without prescription
Zmmrhs
March 21, 2024 - 1:01 am
ivermectin pills – sumycin cheap order sumycin 500mg for sale
Lndhyc
March 22, 2024 - 2:41 am
buy metronidazole 400mg online – cleocin 300mg generic zithromax buy online
Elssvl
March 23, 2024 - 3:15 am
ampicillin without prescription buy penicillin tablets cheap amoxil for sale
Heyylw
March 23, 2024 - 9:21 pm
buy furosemide medication – how to get coumadin without a prescription captopril pills
Brogdh
March 26, 2024 - 8:09 pm
order glucophage 1000mg online – order glucophage online cheap lincocin 500mg
Iwnolt
March 27, 2024 - 4:22 am
order retrovir 300mg without prescription – order irbesartan pills zyloprim price
Yzcfic
March 29, 2024 - 7:03 am
clozaril 50mg brand – purchase aceon generic order pepcid 40mg sale
binance
March 29, 2024 - 6:40 pm
Your article helped me a lot, is there any more related content? Thanks!
Jsgyap
March 30, 2024 - 6:33 am
where to buy quetiapine without a prescription – eskalith generic buy eskalith online
Gvjfph
April 1, 2024 - 2:13 am
order anafranil generic – duloxetine medication buy generic sinequan 75mg
Sqemjo
April 1, 2024 - 4:06 am
atarax 10mg cost – buy prozac without prescription buy generic endep for sale
Iscriviti a binance
April 1, 2024 - 7:23 am
Thanks for sharing. I read many of your blog posts, cool, your blog is very good.
Oitoxi
April 4, 2024 - 6:27 pm
buy amoxicillin tablets – buy generic erythromycin over the counter buy cipro generic
Cpsejn
April 5, 2024 - 3:28 am
augmentin 625mg without prescription – ciprofloxacin 1000mg for sale buy ciprofloxacin sale
Iuesqx
April 10, 2024 - 4:49 am
cleocin 300mg us – cheap chloramphenicol generic order chloromycetin
Ggtuyu
April 11, 2024 - 4:12 am
azithromycin over the counter – buy metronidazole ciplox sale
Iuexil
April 13, 2024 - 8:04 pm
order albuterol generic – theophylline 400 mg pills order theo-24 Cr 400mg generic
Glgxjk
April 13, 2024 - 8:34 pm
side effects of ivermectin – doxycycline ca cefaclor 500mg pill
Elrsom
April 16, 2024 - 6:19 am
order desloratadine 5mg online – buy cheap flixotide buy albuterol 4mg online
Plalrt
April 16, 2024 - 9:49 pm
methylprednisolone 4mg without a doctor prescription – montelukast 10mg cost order astelin sprayers
Ewrsmq
April 18, 2024 - 4:25 am
glyburide 5mg price – order generic micronase 5mg forxiga 10mg without prescription
Gyomyf
April 20, 2024 - 6:06 am
buy prandin 1mg sale – prandin 2mg without prescription buy jardiance 25mg
Khpikl
April 21, 2024 - 3:05 am
buy glucophage without a prescription – buy metformin pills buy acarbose 50mg sale
Opdczu
April 22, 2024 - 11:19 pm
order terbinafine 250mg online cheap – order griseofulvin online cheap buy griseofulvin pills for sale
Tbxuou
April 24, 2024 - 12:37 am
how to buy semaglutide – buy desmopressin medication desmopressin sale
situs alay4d
April 24, 2024 - 12:09 pm
Wow Thanks for this blog post i find it hard to obtain awesome material out there when it comes to this material appreciate for the article website