{"id":4147,"date":"2020-10-22T14:50:42","date_gmt":"2020-10-22T17:50:42","guid":{"rendered":"https:\/\/blog.websitego.com.br\/?p=4147"},"modified":"2022-12-14T14:12:03","modified_gmt":"2022-12-14T17:12:03","slug":"como-colocar-um-preloader-pre-carregamento-para-o-seu-site","status":"publish","type":"post","link":"https:\/\/blog.websitego.com.br\/como-colocar-um-preloader-pre-carregamento-para-o-seu-site\/","title":{"rendered":"Como colocar um preloader (Pr\u00e9-carregamento) para o seu site?"},"content":{"rendered":"<p><iframe title=\"Como colocar um PreLoader(Pre-Carregamento) dentro do seu site | Atualizado 2021\" width=\"980\" height=\"551\" src=\"https:\/\/www.youtube.com\/embed\/TYaSGmYKF_c?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<h3>Como colocar um preloader (Pr\u00e9-carregamento) para o seu site?<\/h3>\n<p>Voc\u00ea sabia que voc\u00ea pode colocar um preloader ou tamb\u00e9m conhecido como pr\u00e9-carregamento no seu site? Pois \u00e9, voc\u00ea pode transformar a espera do seu site, mesmo sendo segundos em algo totalmente <a href=\"https:\/\/blog.websitego.com.br\/mascara-personalizada-para-formularios-em-html5\/\" target=\"_blank\" rel=\"noopener noreferrer\">agrad\u00e1vel para os visitantes<\/a>.<\/p>\n<p>No v\u00eddeo acima, n\u00f3s ensinamos como voc\u00ea pode configurar e personalizar no seu site, mesmo sendo em HTML5 ou PHP. A vantagem \u00e9 que voc\u00ea n\u00e3o precisa baixar nenhum plugin, instalar nenhuma biblioteca ou pior, criar esse script todo na m\u00e3o, pois o nosso trabalho \u00e9 facilitar pra voc\u00ea que pretende adicionar no <a href=\"http:\/\/websitego.com.br\/\" target=\"_blank\" rel=\"noopener noreferrer\">seu site<\/a> ou no site dos seus clientes.<\/p>\n<p>Antes de mais nada, voc\u00ea precisa saber que se quiser colocar um gif ou imagem no carregamento ser\u00e1 necess\u00e1rio alterar dentro do caminho f\u00edsico. Por isso n\u00f3s disponibilizamos um link de <a href=\"https:\/\/icons8.com\/preloaders\/\" target=\"_blank\" rel=\"noopener noreferrer\">gerador preloader gratuito.<\/a>\u00a0Basta escolher o tamanho, cores e formato e fazer o download de forma simples e r\u00e1pida, sem propagandas.<\/p>\n<h3>Download e manuten\u00e7\u00e3o<\/h3>\n<p>Caso queira diminuir o tempo de carregamento do seu preloader voc\u00ea pode ajustar no script a linha abaixo e deixar um valor de delay menor.<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-4149 aligncenter\" src=\"https:\/\/blog.websitego.com.br\/wp-content\/uploads\/2020\/10\/02.png\" alt=\"\" width=\"457\" height=\"50\" srcset=\"https:\/\/blog.websitego.com.br\/wp-content\/uploads\/2020\/10\/02.png 457w, https:\/\/blog.websitego.com.br\/wp-content\/uploads\/2020\/10\/02-300x33.png 300w\" sizes=\"(max-width: 457px) 100vw, 457px\" \/><\/p>\n<p>Para baixar e usar o script, basta clicar no bot\u00e3o abaixo e realizar o download do script de forma gratuita.<\/p>\n<p>Lembre-se de deixar um coment\u00e1rio caso voc\u00ea tenha gostado, e sugest\u00f5es s\u00e3o sempre bem-vindas! \ud83d\ude00<\/p>\n<p><a class=\"botao-vendas-a botao-vendas\" href=\"https:\/\/scripts.websitego.com.br\/preloader\/\" target=\"_blank\" rel=\"noopener noreferrer\">Baixar o script gratuitamente<\/a><br \/>\n&nbsp;<\/p>\n<h3 style=\"text-align: center;\">B\u00d4NUS<\/h3>\n<h3 style=\"text-align: center;\">Como criar um site usando o WordPress com Elementor, sem gastar nada.<\/h3>\n<p>Criar sites com WordPress n\u00e3o \u00e9 dif\u00edcil, por\u00e9m \u00e9 necess\u00e1rio ter paci\u00eancia. Para facilitar a cria\u00e7\u00e3o do site no WordPress voc\u00ea pode utilizar o plug-in Elementor, ele vai te ajudar na cria\u00e7\u00e3o de p\u00e1ginas e todo layout do site.<\/p>\n<p><iframe title=\"Aula 1 - Como criar um site usando WordPress com Elementor\" width=\"980\" height=\"551\" src=\"https:\/\/www.youtube.com\/embed\/qa_ZyrCx0go?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>A cria\u00e7\u00e3o de sites \u00e9 um servi\u00e7o muito requisitado pelas empresas, principalmente p\u00f3s pandemia. Hoje um profissional que sabe criar um site pode trabalhar de casa e ganhar de 5 at\u00e9 10 mil por m\u00eas s\u00f3 criando e hospedando sites.<\/p>\n<ul>\n<li><a href=\"https:\/\/cliente.websitego.com.br\/store\/hospedagem-de-sites\/hospedagem-empreenda\" target=\"_blank\" rel=\"noopener noreferrer\">Link para ativar a hospedagem da v\u00eddeo aula<\/a><\/li>\n<\/ul>\n<h3><\/h3>\n<p>&nbsp;<\/p>\n<h3>AULA 2 DISPON\u00cdVEL<\/h3>\n<p>Essas duas aulas ensinam como criar um site e public\u00e1-lo na internet, com esse conhecimento voc\u00ea pode criar o seu site e tamb\u00e9m oferecer a cria\u00e7\u00e3o de sites outras pessoas que desejam divulgar seus produtos e servi\u00e7os na internet.<\/p>\n<p><iframe title=\"Aula 2 - Como criar um site usando WordPress com Elementor\" width=\"980\" height=\"551\" src=\"https:\/\/www.youtube.com\/embed\/45Op0enpigg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>Sabendo utilizar o <a href=\"https:\/\/blog.websitego.com.br\/como-criar-um-site-profissional-gratis-com-wordpress-e-elementor-pro\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress<\/a> com Elementor voc\u00ea pode criar, sites, p\u00e1ginas de vendas, landing pages e muito mais.<\/p>\n<ul>\n<li><a href=\"https:\/\/urlgo.pro\/L11aS\" target=\"_blank\" rel=\"noopener noreferrer\">Link para baixar e importar os temas da v\u00eddeo aula<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Como colocar um preloader (Pr\u00e9-carregamento) para o seu site? Voc\u00ea sabia que voc\u00ea pode colocar um preloader ou tamb\u00e9m conhecido<\/p>\n","protected":false},"author":4,"featured_media":4295,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"single-right-sidebar.php","format":"standard","meta":[],"categories":[38],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/posts\/4147"}],"collection":[{"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/comments?post=4147"}],"version-history":[{"count":0,"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/posts\/4147\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/media\/4295"}],"wp:attachment":[{"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/media?parent=4147"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/categories?post=4147"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/tags?post=4147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}