{"id":2311,"date":"2023-01-15T16:16:26","date_gmt":"2023-01-15T19:16:26","guid":{"rendered":"https:\/\/wiki3.locaweb.com.br\/?post_type=ht_kb&#038;p=2311"},"modified":"2024-08-05T16:02:28","modified_gmt":"2024-08-05T19:02:28","slug":"funcao-do-codigo-html-criador-de-sites","status":"publish","type":"ht_kb","link":"https:\/\/www.locaweb.com.br\/ajuda\/wiki\/funcao-do-codigo-html-criador-de-sites\/","title":{"rendered":"Como usar fun\u00e7\u00e3o do c\u00f3digo HTML &#8211; Criador de Sites"},"content":{"rendered":"    \t\t<div class=\"hts-messages hts-messages--info  hts-messages--withtitle hts-messages--withicon \"   >\r\n    \t\t\t<span class=\"hts-messages__title\"><b>Informa\u00e7\u00e3o!<\/b><\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tVeja neste artigo como utilizar as fun\u00e7\u00f5es de c\u00f3digo em HTML em seu site do Criador de Sites.    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n<p>O elemento c\u00f3digo HTML\u00a0em seu <a href=\"https:\/\/www.locaweb.com.br\/criador-de-sites\/\" target=\"_blank\" rel=\"noopener\">Criador de Sites<\/a> tem como fun\u00e7\u00e3o interpretar os scripts HTML, como:<\/p>\n<ul>\n<li>C\u00f3digo de Incorpora\u00e7\u00e3o do Google Maps;<\/li>\n<li>Street View;<\/li>\n<li>Music Player.<\/li>\n<\/ul>\n    \t\t<div class=\"hts-messages hts-messages--alert  hts-messages--withtitle hts-messages--withicon \"   >\r\n    \t\t\t<span class=\"hts-messages__title\"><b>Observa\u00e7\u00e3o!<\/b><\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tHaver\u00e1 uma mensagem de aviso sobre o script utilizado, informando que aparecer\u00e1 apenas quando o site for publicado. Os C\u00f3digos que cont\u00e9m <strong>Java Script<\/strong> n\u00e3o poder\u00e3o ser visualizados dentro do editor.    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n<h6>Utilizando a fun\u00e7\u00e3o c<strong>\u00f3digo HTML<\/strong><\/h6>\n<ul>\n<li>Dentro da edi\u00e7\u00e3o do seu site, clique na op\u00e7\u00e3o de\u00a0<b>Elementos<\/b>\u00a0e voc\u00ea visualizar\u00e1 o box\u00a0<b>C\u00f3digo<\/b>.<\/li>\n<li>Arraste este elemento<b>\u00a0C\u00f3digo\u00a0<\/b>para a \u00e1rea desejada em seu site.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2643\" src=\"https:\/\/ajuda.locaweb.com.br\/wp-content\/uploads\/2018\/06\/Codigo_HTML_1.png\" alt=\"\" width=\"856\" height=\"237\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Codigo_HTML_1.png 856w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Codigo_HTML_1-300x83.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Codigo_HTML_1-768x213.png 768w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Codigo_HTML_1-50x14.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Codigo_HTML_1-60x17.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Codigo_HTML_1-100x28.png 100w\" sizes=\"auto, (max-width: 856px) 100vw, 856px\" \/><\/p>\n<ul>\n<li>Ao clicar dentro do box\u00a0<strong>C\u00f3digo<\/strong>, dever\u00e1 ser incluso um c\u00f3digo HTML. No exemplo abaixo utilizamos o\u00a0<b>C\u00f3digo Embed do Google Maps.<\/b><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2644\" src=\"https:\/\/ajuda.locaweb.com.br\/wp-content\/uploads\/2018\/06\/Codigo_HTML_2.png\" alt=\"\" width=\"699\" height=\"490\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Codigo_HTML_2.png 699w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Codigo_HTML_2-300x210.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Codigo_HTML_2-50x35.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Codigo_HTML_2-60x42.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Codigo_HTML_2-100x70.png 100w\" sizes=\"auto, (max-width: 699px) 100vw, 699px\" \/><\/p>\n<ul>\n<li>Ap\u00f3s inserir o c\u00f3digo e clicar no bot\u00e3o\u00a0<b>Aplicar<\/b>, o Criador de Sites ir\u00e1 mostrar o resultado final. Neste exemplo mostrar\u00e1 o mapa da regi\u00e3o selecionada.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2646\" src=\"https:\/\/ajuda.locaweb.com.br\/wp-content\/uploads\/2018\/06\/Codigo_HTML_3_2.png\" alt=\"\" width=\"857\" height=\"362\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Codigo_HTML_3_2.png 857w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Codigo_HTML_3_2-300x127.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Codigo_HTML_3_2-768x324.png 768w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Codigo_HTML_3_2-50x21.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Codigo_HTML_3_2-60x25.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Codigo_HTML_3_2-100x42.png 100w\" sizes=\"auto, (max-width: 857px) 100vw, 857px\" \/><\/p>\n<ul>\n<li>Se estiver tudo ok! clique no bot\u00e3o <strong>Publicar<\/strong> para que as novas configura\u00e7\u00f5es possam valer.<\/li>\n<\/ul>\n    \t\t<div class=\"hts-messages hts-messages--info  hts-messages--withtitle hts-messages--withicon \"   >\r\n    \t\t\t<span class=\"hts-messages__title\"><b>Conhe\u00e7a!<\/b><\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tAproveite e conhe\u00e7a outros produtos da Locaweb, como o <a href=\"https:\/\/www.locaweb.com.br\/servidor-vps\/\" target=\"_blank\" rel=\"noopener\">VPS<\/a> Locaweb. Acesse e saiba mais!    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n","protected":false},"excerpt":{"rendered":"<p>O elemento c\u00f3digo HTML\u00a0em seu Criador de Sites tem como fun\u00e7\u00e3o interpretar os scripts HTML, como: C\u00f3digo de Incorpora\u00e7\u00e3o do Google Maps; Street View; Music Player. Utilizando a fun\u00e7\u00e3o c\u00f3digo HTML Dentro da edi\u00e7\u00e3o do seu site, clique na op\u00e7\u00e3o de\u00a0Elementos\u00a0e voc\u00ea visualizar\u00e1 o box\u00a0C\u00f3digo. Arraste este elemento\u00a0C\u00f3digo\u00a0para a \u00e1rea&#8230;<\/p>\n","protected":false},"author":6,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[107],"ht-kb-tag":[],"class_list":["post-2311","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-criador-de-sites"],"_links":{"self":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/2311","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/comments?post=2311"}],"version-history":[{"count":16,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/2311\/revisions"}],"predecessor-version":[{"id":35936,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/2311\/revisions\/35936"}],"wp:attachment":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/media?parent=2311"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb-category?post=2311"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb-tag?post=2311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}