{"id":177,"date":"2022-10-19T08:24:23","date_gmt":"2022-10-19T08:24:23","guid":{"rendered":"https:\/\/blog.hostinger.io\/lt\/support\/2022\/10\/19\/6463358-hostinger-svetainiu-kurimo-irankis-kaip-prideti-animaciju\/"},"modified":"2025-08-26T17:55:36","modified_gmt":"2025-08-26T17:55:36","slug":"6463358-hostinger-svetainiu-kurimo-irankis-kaip-prideti-animaciju","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/lt\/support\/6463358-hostinger-svetainiu-kurimo-irankis-kaip-prideti-animaciju\/","title":{"rendered":"Hostinger Svetaini\u0173 K\u016brimo \u012erankis: Kaip Prid\u0117ti Animacij\u0173?"},"content":{"rendered":"<p class=\"no-margin\">&Scaron;iame straipsnyje su&#382;inosite, kaip:<\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_267cac9dbb\" target=\"_blank\" class=\"intercom-content-link\">&#302;galinti numatyt&#261;sias animacijas<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_73470aff9e\" target=\"_blank\" class=\"intercom-content-link\">&#302;terpti kitur sukurt&#371; animuot&#371; element&#371;<\/a><\/b><\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h1 id=\"h_267cac9dbb\">&#302;galinkite numatyt&#261;sias animacijas<\/h1><p class=\"no-margin\">Hostinger svetaini&#371; k&#363;rimo &#303;rankyje numatyt&#261;sias animacijas &#303;galinsite dviem b&#363;dais:<\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_05c40199e5\" target=\"_blank\" class=\"intercom-content-link\">Globaliai (svetain&#279;s mastu)<\/a><\/b>: viena pasirinkta animacija taikoma visiems svetain&#279;s elementams ir skiltims<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_a7f986d41a\" target=\"_blank\" class=\"intercom-content-link\">Lokaliai (atskiram elementui)<\/a><\/b>: animacija taikoma individualiam svetain&#279;s elementui; taip skirtingiems svetain&#279;s elementams galima nustatyti skirtingas animacijas<\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><p class=\"no-margin\"><b>PASTABA<\/b>: <b><a href=\"\/lt\/support\/6463152-svetainiu-kurimo-irankis-kaip-iterpti-koda\" target=\"_blank\" class=\"intercom-content-link\">Kodo elementas<\/a><\/b> numatyt&#371;j&#371; animacij&#371; nepalaiko<\/p><p class=\"no-margin\">\n<\/p><h2 id=\"h_05c40199e5\">&#302;galinkite animacijas svetain&#279;s mastu<\/h2><p class=\"no-margin\">Svetain&#279;s redagavimo aplinkoje i&scaron;skleiskite kair&#279;je esan&#269;i&#261; skilt&#303; <b>Svetain&#279;s stiliai<\/b>. Atsidarykite poskilt&#303; <b>Animacijos<\/b> ir pasirinkite norim&#261; (atsirasti, slinkti, i&scaron;pl&#279;sti):<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/lt\/support\/wp-content\/uploads\/sites\/58\/2022\/10\/7d8be4ca-6c5f-4d95-b2a8-518b4daee0d3-scaled.png\" alt=\"Bendri svetain&#279;s animacij&#371; nustatymai\"><\/div><p class=\"no-margin\">Tokiu b&#363;du, pasirinkta animacija pritaikoma visiems svetain&#279;s elementams (i&scaron;skyrus kodo element&#261;) ir skiltims. Panor&#279;jus, konkretaus elemento animacij&#261; galite i&scaron;jungti jo nustatymuose; pavyzd&#382;iui, teksto elemento animacij&#371; nustatymai:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/lt\/support\/wp-content\/uploads\/sites\/58\/2022\/10\/54be1fd5-ee90-45dd-95b5-29a03ca38f82.png\" alt=\"Teksto elemento animacij&#371; nustatymai\"><\/div><p class=\"no-margin\">Atlik&#281; pakeitim&#371;, <b><a href=\"\/lt\/support\/6435697-svetainiu-kurimo-irankis-kaip-atnaujinti-svetaine\" target=\"_blank\" class=\"intercom-content-link\">atnaujinkite svetain&#281;<\/a><\/b>. Nor&#279;dami pamatyti rezultat&#261;, atsidarykite svetain&#279;s <b><a href=\"\/lt\/support\/6475345-svetainiu-kurimo-irankis-kaip-svetaine-atrodo-lankytojui\" target=\"_blank\" class=\"intercom-content-link\">per&#382;i&#363;ros re&#382;im&#261;<\/a> <\/b>arba reali&#261; svetain&#279;s versij&#261;.<\/p><p class=\"no-margin\">\n<\/p><h2 id=\"h_a7f986d41a\">&#302;galinkite animacijas konkre&#269;iam elementui<\/h2><p class=\"no-margin\">Svetain&#279;s redagavimo aplinkoje spauskite ant norimo elemento ir atsidarykite jo nustatymus. Tada, ie&scaron;kokite nustatym&#371; skilties <b>Animacijos <\/b>ir nustatykite norim&#261;. Pavyzd&#382;iui, teksto elemento animacij&#371; nustatymai:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/lt\/support\/wp-content\/uploads\/sites\/58\/2022\/10\/dc6cfce7-4741-494a-933d-318e7a390ff5.png\" alt=\"Teksto elemento animacij&#371; nustatymai\"><\/div><p class=\"no-margin\">Paveiksl&#279;lio elemento animacij&#371; nustatymai:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/lt\/support\/wp-content\/uploads\/sites\/58\/2022\/10\/6907f2e2-13f7-4c09-ae0f-b73bc337d308.png\" alt=\"Paveiksl&#279;lio elemento animacij&#371; nustatymai\"><\/div><p class=\"no-margin\">Mygtuko elemento animacij&#371; nustatymai: <\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Ir taip toliau! Atlik&#281; pakeitim&#371;, <b><a href=\"\/lt\/support\/6435697-svetainiu-kurimo-irankis-kaip-atnaujinti-svetaine\" target=\"_blank\" class=\"intercom-content-link\">atnaujinkite svetain&#281;<\/a><\/b>. Nor&#279;dami pamatyti rezultat&#261;, atsidarykite svetain&#279;s <b><a href=\"\/lt\/support\/6475345-svetainiu-kurimo-irankis-kaip-svetaine-atrodo-lankytojui\" target=\"_blank\" class=\"intercom-content-link\">per&#382;i&#363;ros re&#382;im&#261;<\/a> <\/b>arba reali&#261; svetain&#279;s versij&#261;.<\/p><p class=\"no-margin\">\n<\/p><hr><p class=\"no-margin\">\n<\/p><h1 id=\"h_73470aff9e\">&#302;terpkite kitur sukurt&#371; animuot&#371; element&#371;<\/h1><p class=\"no-margin\">&#302; svetain&#281; taip pat galite &#303;terpti animacij&#371; i&scaron; &#303;vairi&#371; internetini&#371; platform&#371;. &Scaron;iame pavyzdyje naudojamos nemokamos <b><a href=\"https:\/\/lordicon.com\/icons\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Lordicon<\/a> <\/b>animacijos.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">1. Prisijunkite &#303; Lordicon, pasirinkite norim&#261; animacij&#261; ir redaguokite j&#261; pagal savo poreikius:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/lt\/support\/wp-content\/uploads\/sites\/58\/2022\/10\/f4a67d7c-9518-4879-9201-b18218290735-scaled.png\" alt=\"Animuot&#371; element&#371; biblioteka Lordicon platformoje\"><\/div><p class=\"no-margin\">2. Suk&#363;r&#281; animacij&#261;, spauskite<b> HTML &rarr; Copy HTML code<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/lt\/support\/wp-content\/uploads\/sites\/58\/2022\/10\/ec4df780-8abd-4ae8-b2b2-97870273d68c.png\" alt=\"Animuoto elemento HTML kodo kopijavimas\"><\/div><p class=\"no-margin\">3. Savo Hostinger paskyroje atsidarykite svetain&#279;s redagavimo aplink&#261; ir norimoje svetain&#279;s vietoje prid&#279;kite <b><a href=\"\/lt\/support\/6463152-svetainiu-kurimo-irankis-kaip-iterpti-koda\" target=\"_blank\" class=\"intercom-content-link\">kodo element&#261;<\/a><\/b>. <\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">4. &#302;terpkite animacijos kod&#261; &#303; element&#261; ir ji bus atvaizduota j&#363;s&#371; svetain&#279;je:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/lt\/support\/wp-content\/uploads\/sites\/58\/2022\/10\/3d5a34c5-db70-4e91-bc5c-f24d9aaf77fe.png\" alt=\"Animuoto elemento HTML kodo &#303;klijavimas Hostinger svetaini&#371; k&#363;rimo &#303;rankyje\"><\/div><p class=\"no-margin\">Prireikus, <b><a href=\"\/lt\/support\/6491230-svetainiu-kurimo-irankis-kaip-keisti-elementu-ir-skilciu-dydi\" target=\"_blank\" class=\"intercom-content-link\">keiskite kodo elemento dyd&#303;<\/a><\/b>. <\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">5. Galiausiai,<b> <a href=\"\/lt\/support\/6435697-svetainiu-kurimo-irankis-kaip-atnaujinti-svetaine\" target=\"_blank\" class=\"intercom-content-link\">atnaujinkite svetain&#281;<\/a><\/b>, kad pakeitimai atsispind&#279;t&#371; ir j&#363;s&#371; svetain&#279;s lankytojams. <\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Nor&#279;dami pamatyti rezultat&#261;, atsidarykite svetain&#279;s <b><a href=\"\/lt\/support\/6475345-svetainiu-kurimo-irankis-kaip-svetaine-atrodo-lankytojui\" target=\"_blank\" class=\"intercom-content-link\">per&#382;i&#363;ros re&#382;im&#261;<\/a> <\/b>arba reali&#261; svetain&#279;s versij&#261;.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Su\u017einokite, kaip prid\u0117ti animacij\u0173 naudojant Hostinger svetaini\u0173 k\u016brimo \u012frank\u012f<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[258],"tags":[],"class_list":["post-177","post","type-post","status-publish","format-standard","hentry","category-integracijos"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6463358-hostinger-website-builder-how-to-add-animations\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6463358-hostinger-creador-de-sitios-web-como-anadir-animaciones\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6463358-hostinger-createur-de-site-web-comment-ajouter-des-animations\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6463358-hostinger-website-builder-cara-menambahkan-animasi\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6463358-hostinger-svetainiu-kurimo-irankis-kaip-prideti-animaciju\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6463358-hostinger-criador-de-sites-como-adicionar-animacoes\/","default":0},{"locale":"uk-UA","link":"https:\/\/www.hostinger.com\/ua\/support\/6463358-----\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/lt\/support\/wp-json\/wp\/v2\/posts\/177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/lt\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/lt\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/lt\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/lt\/support\/wp-json\/wp\/v2\/comments?post=177"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/lt\/support\/wp-json\/wp\/v2\/posts\/177\/revisions"}],"predecessor-version":[{"id":1259,"href":"https:\/\/www.hostinger.com\/lt\/support\/wp-json\/wp\/v2\/posts\/177\/revisions\/1259"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/lt\/support\/wp-json\/wp\/v2\/media?parent=177"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/lt\/support\/wp-json\/wp\/v2\/categories?post=177"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/lt\/support\/wp-json\/wp\/v2\/tags?post=177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}