{"id":25163,"date":"2022-06-02T03:18:01","date_gmt":"2022-06-02T03:18:01","guid":{"rendered":"https:\/\/help.flipbuilder.com\/?post_type=docs&#038;p=25163"},"modified":"2024-08-02T06:14:04","modified_gmt":"2024-08-02T06:14:04","password":"","slug":"how-to-create-icon-buttons-with-click-and-hover-effects","status":"publish","type":"docs","link":"https:\/\/help.flipbuilder.com\/vi\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/","title":{"rendered":"C\u00e1ch t\u1ea1o c\u00e1c n\u00fat bi\u1ec3u t\u01b0\u1ee3ng v\u1edbi c\u00e1c hi\u1ec7u \u1ee9ng nh\u1ea5p v\u00e0 di chu\u1ed9t"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"25163\" class=\"elementor elementor-25163\" data-elementor-post-type=\"docs\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8bb7aae elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8bb7aae\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-22239ee\" data-id=\"22239ee\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7edf06b elementor-widget elementor-widget-text-editor\" data-id=\"7edf06b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.22.0 - 26-06-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>Tr\u00ecnh ch\u1ec9nh s\u1eeda \u0111a ph\u01b0\u01a1ng ti\u1ec7n cung c\u1ea5p nhi\u1ec1u n\u00fat \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf \u0111\u1eb9p m\u1eaft v\u00e0 c\u00f3 th\u1ec3 t\u00f9y ch\u1ec9nh ho\u00e0n to\u00e0n. T\u00edch h\u1ee3p m\u1ed9t cu\u1ed1n v\u00e0o s\u00e1ch l\u1eadt c\u1ee7a b\u1ea1n \u0111\u1ec3 t\u1ea1o tr\u1ea3i nghi\u1ec7m th\u00e2n thi\u1ec7n v\u1edbi ng\u01b0\u1eddi d\u00f9ng, cho ph\u00e9p ng\u01b0\u1eddi \u0111\u1ecdc d\u1ec5 d\u00e0ng truy c\u1eadp trang ho\u1eb7c th\u00f4ng tin mong mu\u1ed1n ch\u1ec9 b\u1eb1ng m\u1ed9t c\u00fa nh\u1ea5p chu\u1ed9t \u0111\u01a1n gi\u1ea3n.<\/p><p><strong>Ghi ch\u00fa:<\/strong> C\u00e1c <strong>[N\u00fat]<\/strong> thanh c\u00f4ng c\u1ee5 ch\u1ec9 kh\u1ea3 d\u1ee5ng cho ng\u01b0\u1eddi d\u00f9ng Flip PDF Corporate.<\/p><h3>Ch\u1ecdn n\u00fat \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf s\u1eb5n<\/h3><p>Nh\u1ea5n v\u00e0o <strong>[Y\u1ebfu t\u1ed1]<\/strong> thanh c\u00f4ng c\u1ee5 trong Tr\u00ecnh ch\u1ec9nh s\u1eeda \u0111a ph\u01b0\u01a1ng ti\u1ec7n v\u00e0 ch\u1ecdn <strong>[N\u00fat \u2013 Th\u00eam]<\/strong> \u0111\u1ec3 v\u00e0o danh s\u00e1ch n\u00fat.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9678e84 elementor-widget elementor-widget-image\" data-id=\"9678e84\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.22.0 - 26-06-2024 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1000\" height=\"690\" src=\"https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-1.png\" class=\"attachment-full size-full wp-image-25792\" alt=\"th\u00eam m\u1ed9t bi\u1ec3u t\u01b0\u1ee3ng-n\u00fat-1\" srcset=\"https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-1.png 1000w, https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-1-300x207.png 300w, https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-1-768x530.png 768w, https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-1-18x12.png 18w, https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-1-360x248.png 360w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47e4943 elementor-widget elementor-widget-text-editor\" data-id=\"47e4943\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Cu\u1ed9n b\u1eb1ng chu\u1ed9t \u0111\u1ec3 duy\u1ec7t v\u00e0 ch\u1ecdn m\u1ed9t n\u00fat. B\u1ea1n c\u0169ng c\u00f3 th\u1ec3 nh\u1eadp m\u1ed9t s\u1ed1 t\u1eeb kh\u00f3a v\u00e0o \u00f4 tr\u1ed1ng \u0111\u1ec3 t\u00ecm ki\u1ebfm n\u00fat b\u1ea1n mu\u1ed1n. <\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7963e93 elementor-widget elementor-widget-image\" data-id=\"7963e93\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1000\" height=\"673\" src=\"https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-2.png\" class=\"attachment-full size-full wp-image-25794\" alt=\"\" srcset=\"https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-2.png 1000w, https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-2-300x202.png 300w, https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-2-768x517.png 768w, https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-2-18x12.png 18w, https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-2-360x242.png 360w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b1091a elementor-widget elementor-widget-text-editor\" data-id=\"1b1091a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h3>T\u00f9y ch\u1ec9nh ki\u1ec3u n\u00fat<\/h3><p>B\u1ea1n c\u00f3 th\u1ec3 t\u00f9y ch\u1ec9nh th\u00eam bi\u1ec3u t\u01b0\u1ee3ng b\u00ean trong, k\u00edch th\u01b0\u1edbc, v\u1ecb tr\u00ed, v\u0103n b\u1ea3n, m\u00e0u s\u1eafc v\u00e0 nhi\u1ec1u c\u00e0i \u0111\u1eb7t kh\u00e1c c\u1ee7a n\u00fat n\u00e0y tr\u00ean <strong>[C\u00e0i \u0111\u1eb7t]<\/strong> b\u1ea3ng \u0111i\u1ec1u khi\u1ec3n. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 2 v\u00ed d\u1ee5:<\/p><p><strong>\u2022 Ch\u1ec9nh s\u1eeda bi\u1ec3u t\u01b0\u1ee3ng b\u00ean trong<\/strong><br \/>B\u1ea1n c\u00f3 th\u1ec3 thay th\u1ebf bi\u1ec3u t\u01b0\u1ee3ng n\u00fat t\u1eeb th\u01b0 vi\u1ec7n bi\u1ec3u t\u01b0\u1ee3ng v\u00e0 \u0111\u1eb7t m\u00e0u s\u1eafc, k\u00edch th\u01b0\u1edbc c\u0169ng nh\u01b0 v\u1ecb tr\u00ed c\u1ee7a n\u00f3. <\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9cabe8b elementor-widget elementor-widget-image\" data-id=\"9cabe8b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"827\" height=\"530\" src=\"https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-3.png\" class=\"attachment-full size-full wp-image-25795\" alt=\"th\u00eam m\u1ed9t-bi\u1ec3u t\u01b0\u1ee3ng-n\u00fat-3\" srcset=\"https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-3.png 827w, https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-3-300x192.png 300w, https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-3-768x492.png 768w, https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-3-18x12.png 18w, https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-3-360x231.png 360w\" sizes=\"(max-width: 827px) 100vw, 827px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-98b9c83 elementor-widget elementor-widget-text-editor\" data-id=\"98b9c83\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><strong>\u2022 T\u00f9y ch\u1ec9nh m\u00e0u m\u1eb7c \u0111\u1ecbnh\/nh\u1ea5p chu\u1ed9t\/di chu\u1ed9t<\/strong><br \/>B\u1ea1n c\u00f3 th\u1ec3 thay \u0111\u1ed5i m\u00e0u m\u1eb7c \u0111\u1ecbnh\/nh\u1ea5p chu\u1ed9t\/di chu\u1ed9t c\u1ee7a n\u00fat. <\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ba9620a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ba9620a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-88387c7\" data-id=\"88387c7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-29297d1 elementor-widget elementor-widget-image\" data-id=\"29297d1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"804\" src=\"https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-4.gif\" class=\"attachment-full size-full wp-image-25796\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0d60aed elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0d60aed\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-489ab5f\" data-id=\"489ab5f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c716b79 elementor-widget elementor-widget-text-editor\" data-id=\"c716b79\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h3>Th\u00eam h\u00e0nh \u0111\u1ed9ng v\u00e0o n\u00fat<\/h3><p>B\u1ea1n c\u00f3 th\u1ec3 th\u00eam c\u00e1c h\u00e0nh \u0111\u1ed9ng k\u00edch ho\u1ea1t th\u00edch h\u1ee3p v\u00e0o n\u00fat.<\/p><p>L\u1ea5y <strong>[C\u1eeda s\u1ed5 b\u1eadt l\u00ean]<\/strong> nh\u01b0 m\u1ed9t v\u00ed d\u1ee5:<\/p><p>1. Ch\u1ecdn n\u00fat v\u00e0 nh\u1ea5p v\u00e0o <strong>[H\u00e0nh \u0111\u1ed9ng]<\/strong><br \/>2. Ch\u1ecdn <strong>[K\u00edch ho\u1ea1t khi nh\u1ea5p chu\u1ed9t \/ di chu\u1ed9t qua \/ di chu\u1ed9t qua]<\/strong> nh\u01b0 th\u1eddi \u0111i\u1ec3m k\u00edch ho\u1ea1t<br \/>3. Ch\u1ecdn<strong> [C\u1eeda s\u1ed5 b\u1eadt l\u00ean]<\/strong><br \/>4. D\u00e1n URL b\u1ea1n mu\u1ed1n ng\u01b0\u1eddi \u0111\u1ecdc m\u1edf v\u00e0 ch\u1ec9nh s\u1eeda ti\u00eau \u0111\u1ec1<br \/>5. Nh\u1ea5p v\u00e0o <strong>[Ti\u1ebft ki\u1ec7m]<\/strong><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dd97acc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dd97acc\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8fe7c06\" data-id=\"8fe7c06\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-40f8538 elementor-widget elementor-widget-image\" data-id=\"40f8538\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"689\" src=\"https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-5.png\" class=\"attachment-full size-full wp-image-25797\" alt=\"th\u00eam m\u1ed9t-bi\u1ec3u t\u01b0\u1ee3ng-n\u00fat-5\" srcset=\"https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-5.png 1000w, https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-5-300x207.png 300w, https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-5-768x529.png 768w, https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-5-18x12.png 18w, https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-5-360x248.png 360w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Tr\u00ecnh ch\u1ec9nh s\u1eeda \u0111a ph\u01b0\u01a1ng ti\u1ec7n cung c\u1ea5p nhi\u1ec1u n\u00fat \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf \u0111\u1eb9p m\u1eaft v\u00e0 c\u00f3 th\u1ec3 t\u00f9y ch\u1ec9nh ho\u00e0n to\u00e0n. T\u00edch h\u1ee3p m\u1ed9t n\u00fat v\u00e0o s\u00e1ch l\u1eadt c\u1ee7a b\u1ea1n \u0111\u1ec3 t\u1ea1o tr\u1ea3i nghi\u1ec7m th\u00e2n thi\u1ec7n v\u1edbi ng\u01b0\u1eddi d\u00f9ng, cho ph\u00e9p ng\u01b0\u1eddi \u0111\u1ecdc d\u1ec5 d\u00e0ng truy c\u1eadp trang ho\u1eb7c th\u00f4ng tin mong mu\u1ed1n ch\u1ec9 b\u1eb1ng m\u1ed9t c\u00fa nh\u1ea5p chu\u1ed9t. L\u01b0u \u00fd: Thanh c\u00f4ng c\u1ee5 [Buttons] ch\u1ec9 kh\u1ea3 d\u1ee5ng cho ng\u01b0\u1eddi d\u00f9ng Flip PDF Corporate. Ch\u1ecdn m\u1ed9t n\u00fat \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf s\u1eb5n Nh\u1ea5p v\u00e0o thanh c\u00f4ng c\u1ee5 [Elements] trong [\u2026]<\/p>","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[10],"doc_tag":[],"year_month":"2026-04","word_count":215,"total_views":"87270","reactions":{"happy":"6","normal":"1","sad":"2"},"author_info":{"author_nicename":"yuki","author_url":"https:\/\/help.flipbuilder.com\/vi\/author\/yuki\/"},"doc_category_info":[{"term_name":"Multimedia Editor","term_url":"https:\/\/help.flipbuilder.com\/vi\/docs-category\/multimedia-editor\/"}],"doc_tag_info":[],"author_list":[{"ID":"6","user_login":"Andy","display_name":"Andy","id":"6"},{"ID":"13","user_login":"helpfber","display_name":"help fber","id":"13"},{"ID":"9","user_login":"Jacky","display_name":"Jacky","id":"9"},{"ID":"4","user_login":"Jasmin","display_name":"Jasmin","id":"4"},{"ID":"10","user_login":"Lynn","display_name":"Lynn","id":"10"},{"ID":"11","user_login":"manxia","display_name":"manxia","id":"11"},{"ID":"8","user_login":"Shero","display_name":"Shero","id":"8"},{"ID":"3","user_login":"Taby","display_name":"Taby","id":"3"},{"ID":"15","user_login":"WP Dev","display_name":"WP Dev","id":"15"},{"ID":"14","user_login":"yihuang","display_name":"yihuang","id":"14"},{"ID":"5","user_login":"yokiahoke","display_name":"yokiahoke","id":"5"},{"ID":"2","user_login":"Yuki","display_name":"Yuki","id":"2"},{"ID":"17","user_login":"Yvette","display_name":"Yvette","id":"17"},{"ID":"16","user_login":"ZhuSiYing","display_name":"ZhuSiYing","id":"16"}],"knowledge_base_info":[],"knowledge_base_slug":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to create icon buttons with click and hover effects - FlipBuilder Help Center<\/title>\n<meta name=\"description\" content=\"Using the powerful multimedia editor in Flip PDF Plus Corp to quickly apply button template, custom button style, and add trigger actions.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/help.flipbuilder.com\/vi\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to create icon buttons with click and hover effects - FlipBuilder Help Center\" \/>\n<meta property=\"og:description\" content=\"Using the powerful multimedia editor in Flip PDF Plus Corp to quickly apply button template, custom button style, and add trigger actions.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/help.flipbuilder.com\/vi\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/\" \/>\n<meta property=\"og:site_name\" content=\"FlipBuilder Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-02T06:14:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/help.flipbuilder.com\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/\",\"url\":\"https:\/\/help.flipbuilder.com\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/\",\"name\":\"How to create icon buttons with click and hover effects - FlipBuilder Help Center\",\"isPartOf\":{\"@id\":\"https:\/\/help.flipbuilder.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/help.flipbuilder.com\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/help.flipbuilder.com\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-1.png\",\"datePublished\":\"2022-06-02T03:18:01+00:00\",\"dateModified\":\"2024-08-02T06:14:04+00:00\",\"description\":\"Using the powerful multimedia editor in Flip PDF Plus Corp to quickly apply button template, custom button style, and add trigger actions.\",\"breadcrumb\":{\"@id\":\"https:\/\/help.flipbuilder.com\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/help.flipbuilder.com\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/help.flipbuilder.com\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/#primaryimage\",\"url\":\"https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-1.png\",\"contentUrl\":\"https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/help.flipbuilder.com\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/help.flipbuilder.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to create icon buttons with click and hover effects\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/help.flipbuilder.com\/#website\",\"url\":\"https:\/\/help.flipbuilder.com\/\",\"name\":\"FlipBuilder Help Center\",\"description\":\"#1 Flip Book Software\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/help.flipbuilder.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"vi\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to create icon buttons with click and hover effects - FlipBuilder Help Center","description":"Using the powerful multimedia editor in Flip PDF Plus Corp to quickly apply button template, custom button style, and add trigger actions.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/help.flipbuilder.com\/vi\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/","og_locale":"vi_VN","og_type":"article","og_title":"How to create icon buttons with click and hover effects - FlipBuilder Help Center","og_description":"Using the powerful multimedia editor in Flip PDF Plus Corp to quickly apply button template, custom button style, and add trigger actions.","og_url":"https:\/\/help.flipbuilder.com\/vi\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/","og_site_name":"FlipBuilder Help Center","article_modified_time":"2024-08-02T06:14:04+00:00","og_image":[{"url":"https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-1.png"}],"twitter_card":"summary_large_image","twitter_misc":{"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"2 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/help.flipbuilder.com\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/","url":"https:\/\/help.flipbuilder.com\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/","name":"How to create icon buttons with click and hover effects - FlipBuilder Help Center","isPartOf":{"@id":"https:\/\/help.flipbuilder.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/help.flipbuilder.com\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/#primaryimage"},"image":{"@id":"https:\/\/help.flipbuilder.com\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/#primaryimage"},"thumbnailUrl":"https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-1.png","datePublished":"2022-06-02T03:18:01+00:00","dateModified":"2024-08-02T06:14:04+00:00","description":"Using the powerful multimedia editor in Flip PDF Plus Corp to quickly apply button template, custom button style, and add trigger actions.","breadcrumb":{"@id":"https:\/\/help.flipbuilder.com\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/help.flipbuilder.com\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/help.flipbuilder.com\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/#primaryimage","url":"https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-1.png","contentUrl":"https:\/\/help.flipbuilder.com\/wp-content\/uploads\/2022\/06\/add-a-icon-button-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/help.flipbuilder.com\/docs\/how-to-create-icon-buttons-with-click-and-hover-effects\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/help.flipbuilder.com\/"},{"@type":"ListItem","position":2,"name":"How to create icon buttons with click and hover effects"}]},{"@type":"WebSite","@id":"https:\/\/help.flipbuilder.com\/#website","url":"https:\/\/help.flipbuilder.com\/","name":"FlipBuilder Help Center","description":"#1 Flip Book Software","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/help.flipbuilder.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"}]}},"_links":{"self":[{"href":"https:\/\/help.flipbuilder.com\/vi\/wp-json\/wp\/v2\/docs\/25163"}],"collection":[{"href":"https:\/\/help.flipbuilder.com\/vi\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.flipbuilder.com\/vi\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/help.flipbuilder.com\/vi\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/help.flipbuilder.com\/vi\/wp-json\/wp\/v2\/comments?post=25163"}],"version-history":[{"count":51,"href":"https:\/\/help.flipbuilder.com\/vi\/wp-json\/wp\/v2\/docs\/25163\/revisions"}],"predecessor-version":[{"id":25800,"href":"https:\/\/help.flipbuilder.com\/vi\/wp-json\/wp\/v2\/docs\/25163\/revisions\/25800"}],"wp:attachment":[{"href":"https:\/\/help.flipbuilder.com\/vi\/wp-json\/wp\/v2\/media?parent=25163"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.flipbuilder.com\/vi\/wp-json\/wp\/v2\/doc_category?post=25163"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.flipbuilder.com\/vi\/wp-json\/wp\/v2\/doc_tag?post=25163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}