{"id":2069,"date":"2024-03-01T03:55:19","date_gmt":"2024-03-01T03:55:19","guid":{"rendered":"https:\/\/khogiaodienmau.net\/muathemewp\/cach-tao-widget-co-dinh-cuon-linh-hoat-dep-mat-sticky-widget\/"},"modified":"2024-03-01T03:55:21","modified_gmt":"2024-03-01T03:55:21","slug":"cach-tao-widget-co-dinh-cuon-linh-hoat-dep-mat-sticky-widget","status":"publish","type":"post","link":"https:\/\/khogiaodienmau.net\/muathemewp\/cach-tao-widget-co-dinh-cuon-linh-hoat-dep-mat-sticky-widget\/","title":{"rendered":"C\u00e1ch t\u1ea1o Widget c\u1ed1 \u0111\u1ecbnh &#038; cu\u1ed9n linh ho\u1ea1t \u0111\u1eb9p m\u1eaft (Sticky Widget)"},"content":{"rendered":"<\/p>\n<div class=\"entry-content single-page\">\n<div id=\"ftwp-postcontent\">\n<p>H\u00f4m nay m\u00ecnh s\u1ebd chia s\u1ebb c\u00e1c b\u1ea1n c\u00e1ch t\u1ea1o m\u1ed9t Widget c\u1ed1 \u0111\u1ecbnh v\u00e0 k\u00e8m theo t\u00ednh n\u0103ng cu\u1ed9n l\u00ean xu\u1ed1ng r\u1ea5t \u0111\u1eb9p m\u1eaft v\u00e0 ti\u1ec7n l\u1ee3i nh\u00e9. Ch\u1eafc h\u1eb3n c\u00e1c b\u1ea1n bi\u1ebft Widget l\u00e0 m\u1ed9t ph\u1ea7n kh\u00f4ng th\u1ec3 thi\u1ebfu \u0111\u1ed1i v\u1edbi m\u1ed9t website r\u1ed3i ph\u1ea3i kh\u00f4ng. N\u00f3 n\u1eb1m \u1edf v\u1ecb tr\u00ed b\u00ean ph\u1ea3i ho\u1eb7c tr\u00e1i, tuy nhi\u00ean n\u1ebfu \u0111\u1ec3 theo ki\u1ec3u m\u1eb7c \u0111\u1ecbnh nh\u00ecn ch\u01b0a \u0111\u01b0\u1ee3c \u0111\u1eb9p m\u1eaft, anh em mu\u1ed1n c\u1ea3i ti\u1ebfn cho n\u00f3 tr\u00f4ng x\u1ecbn x\u00f2 h\u01a1n \u0111\u1ec3 g\u00e2y \u1ea5n t\u01b0\u1ee3ng v\u1edbi kh\u00e1ch truy c\u1eadp.<\/p>\n<p>Trong b\u00e0i n\u00e0y MuaThemeWP.VN s\u1ebd h\u01b0\u1edbng d\u1eabn cho b\u1ea1n chi ti\u1ebft t\u1eebng b\u01b0\u1edbc m\u1ed9t c\u00e1ch t\u1ea1o m\u1ed9t widget c\u1ed1 \u0111\u1ecbnh (sticky widget) gi\u1ed1ng nh\u01b0 c\u00e1c Theme hi\u1ec7n \u0111\u1ea1i ng\u00e0y nay v\u1eabn \u0111ang s\u1eed d\u1ee5ng.<\/p>\n<h2 id=\"ftoc-heading-1\" class=\"ftwp-heading\">Widget l\u00e0 g\u00ec<\/h2>\n<p>Widget l\u00e0 thanh ch\u1ee9c n\u0103ng xu\u1ea5t hi\u1ec7n \u1edf b\u00ean ph\u1ea3i m\u00e0n h\u00ecnh c\u1ee7a website b\u1ea1n, n\u00f3 th\u01b0\u1eddng \u0111i k\u00e8m n\u1ed9i dung ch\u00ednh b\u00ean c\u1ea1nh (b\u00ean tr\u00e1i ho\u1eb7c b\u00ean ph\u1ea3i). Widget mang c\u00e1c ch\u1ee9c n\u0103ng quan tr\u1ecdng c\u1ee7a website nh\u01b0: b\u00e0i vi\u1ebft m\u1edbi, s\u1ea3n ph\u1ea9m m\u1edbi, b\u00e0i vi\u1ebft n\u1ed5i b\u1eadt, l\u1ecdc s\u1ea3n ph\u1ea9m, ch\u00e8n video,\u2026 b\u1ea5t c\u1ee9 th\u1ee9 g\u00ec b\u1ea1n c\u00f3 th\u1ec3 ngh\u0129 ra \u0111\u1ec3 b\u1ed5 sung n\u1ed9i dung cho website wordpress.<\/p>\n<p>Trang web MuaThemeWP.VN \u0111ang s\u1eed d\u1ee5ng m\u1ed9t lo\u1ea1i \u0111\u00f3 ch\u00ednh l\u00e0 Sticky Widget, b\u1ea1n c\u00f3 th\u1ec3 v\u00e0o \u0111\u1ecdc m\u1ed9t b\u00e0i vi\u1ebft b\u1ea5t k\u1ef3, quan s\u00e1t sang b\u00ean ph\u1ea3i \u0111\u1ec3 bi\u1ebft c\u00e1ch Fixed Widget ho\u1ea1t \u0111\u1ed9ng nh\u01b0 th\u1ebf n\u00e0o m\u1ed9t c\u00e1ch nhanh ch\u00f3ng v\u00e0 d\u1ec5 hi\u1ec3u nh\u1ea5t. D\u00f9 m\u00ecnh \u0111ang d\u00f9ng Theme Flatsome, m\u1ed9t theme kh\u00f4ng h\u1ed7 tr\u1ee3 Sticky Widget tuy nhi\u00ean d\u1ec5 d\u00e0ng c\u00e1i n\u00f3 v\u00e0o m\u00e0 kh\u00f4ng g\u1eb7p m\u1ea5y kh\u00f3 kh\u0103n.<\/p>\n<h2 id=\"ftoc-heading-2\" class=\"ftwp-heading\">Fixed Widget l\u00e0 g\u00ec, Sticky Widget l\u00e0 g\u00ec<\/h2>\n<p>Fixed Widget d\u1ecbch s\u00e1t ngh\u0129a theo ti\u1ebfng Anh c\u00f3 ngh\u0129a l\u00e0 m\u1ed9t Widget c\u1ed1 \u0111\u1ecbnh, Sticky Widget c\u00f3 ngh\u0129a l\u00e0 m\u1ed9t Widget \u0111\u01b0\u1ee3c d\u00ednh ch\u1eb7t v\u00e0o m\u00e0n h\u00ecnh m\u00e1y t\u00ednh. Fixed Widget v\u00e0 Sticky Widget kh\u00f4ng ph\u1ee5 thu\u1ed9c v\u00e0o b\u1ea1n c\u00f3 cu\u1ed9n chu\u1ed9t \u0111i \u0111\u00e2u th\u00ec n\u00f3 v\u1eabn lu\u00f4n xu\u1ea5t hi\u1ec7n trong t\u1ea7m m\u1eaft c\u1ee7a b\u1ea1n.<\/p>\n<p>\u0110i\u1ec1u n\u00e0y l\u00e0m t\u0103ng tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng l\u00ean khi h\u1ecd kh\u00f4ng c\u1ea7n m\u1ea5t c\u00f4ng, kh\u00f4ng ph\u1ea3i t\u00e1c \u0111\u1ed9ng m\u1ed9t l\u1ef1c qu\u00e1 l\u1edbn \u0111\u1ec3 k\u00e9o m\u1ed9t ch\u1eb7ng \u0111\u01b0\u1eddng d\u00e0i l\u0103n chu\u1ed9t m\u1edbi th\u1ea5y \u0111\u01b0\u1ee3c n\u1ed9i dung widget c\u1ea7n xem. V\u00ed d\u1ee5 nh\u01b0 b\u1ea1n \u0111\u1ec3 b\u00e0i vi\u1ebft m\u1edbi nh\u1ea5t trong m\u1ed9t widget, b\u1ea1n \u0111ang m\u1ea3i \u0111\u1ecdc n\u1ed9i dung v\u00ec t\u00e1c gi\u1ea3 vi\u1ebft b\u00e0i qu\u00e1 hay. L\u00fac n\u00e0y b\u1ea1n mu\u1ed1n xem c\u00e1c b\u00e0i vi\u1ebft m\u1edbi nh\u1ea5t c\u1ee7a website, n\u1ebfu ch\u01b0a c\u00f3 Fixed Widget th\u00ec b\u1ea1n ph\u1ea3i k\u00e9o chu\u1ed9t r\u1ea5t nhi\u1ec1u \u0111\u1ec3 c\u00f3 th\u1ec3 nh\u00ecn th\u1ea5y n\u1ed9i dung c\u1ea7n t\u00ecm.<\/p>\n<h2 id=\"ftoc-heading-3\" class=\"ftwp-heading\">T\u1ea1i sao n\u00ean d\u00f9ng Fixed Widget<\/h2>\n<p>\u0110\u1ec3 c\u1ea3i thi\u1ec7n tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng, nhi\u1ec1u webmaster s\u1eed d\u1ee5ng Fixed Widget \u0111\u1ec3 c\u1ed1 \u0111\u1ecbnh c\u00e1i widget l\u1ea1i m\u1ed9t ch\u1ed7, gi\u00fap n\u1ed9i dung tr\u00ean thanh widget lu\u00f4n \u0111\u01b0\u1ee3c hi\u1ec7n h\u1eefu trong t\u1ea7m quan s\u00e1t ng\u01b0\u1eddi d\u00f9ng. R\u1ea5t nhi\u1ec1u website n\u1ed5i ti\u1ebfng d\u00f9ng c\u00e1i n\u00e0y, c\u00f3 th\u1ec3 k\u1ec3 \u0111\u1ebfn nh\u01b0 Facebook, Youtube, Google,\u2026<\/p>\n<p>Nh\u01b0ng Fixed Widget c\u00f3 m\u1ed9t nh\u01b0\u1ee3c \u0111i\u1ec3m ch\u00ed m\u1ea1ng m\u00e0 nhi\u1ec1u ng\u01b0\u1eddi kh\u00f4ng th\u00edch \u0111\u00f3 ch\u00ednh l\u00e0 n\u00f3 ch\u1ec9 c\u1ed1 \u0111\u1ecbnh, n\u1eb1m im m\u1ed9t ch\u1ed7, kh\u00f4ng th\u1ec3 di chuy\u1ec3n l\u00ean xu\u1ed1ng \u0111\u01b0\u1ee3c. Fixed Widget t\u1ecf ra ph\u1ebf ho\u00e0n to\u00e0n trong tr\u01b0\u1eddng h\u1ee3p n\u1ed9i dung tr\u00ean widget c\u1ee7a b\u1ea1n qu\u00e1 nhi\u1ec1u, d\u00e0i h\u01a1n so v\u1edbi m\u00e0n h\u00ecnh m\u00e1y t\u00ednh. Trong tr\u01b0\u1eddng h\u1ee3p n\u00e0y widget \u0111\u00e3 \u0111\u01b0\u1ee3c c\u1ed1 \u0111\u1ecbnh cho n\u00ean n\u00f3 ch\u1ec9 hi\u1ec3n th\u1ecb m\u1ed9t ph\u1ea7n nh\u1ecf r\u1ea5t h\u1ea1n ch\u1ebf m\u00e0 kh\u00f4ng th\u1ec3 show h\u1ebft ra \u0111\u01b0\u1ee3c.<\/p>\n<p>\u0110\u1ec3 kh\u1eafc ph\u1ee5c \u0111i\u1ec3m y\u1ebfu c\u1ee7a Fixed Widget, c\u00f3 m\u1ed9t bi\u1ebfn th\u1ec3 m\u1edbi ra \u0111\u1eddi, n\u00f3 c\u00f3 t\u00ean l\u00e0 Sticky Widget. V\u1edbi Sticky Widget b\u1ea1n c\u00f3 th\u1ec3 v\u1eeba c\u1ed1 \u0111\u1ecbnh v\u1eeba cu\u1ed9n chu\u1ed9t linh ho\u1ea1t cho c\u00e1i widget c\u1ee7a b\u1ea1n, gi\u1ea3i quy\u1ebft \u0111\u01b0\u1ee3c v\u1ea5n \u0111\u1ec1 nh\u01b0\u1ee3c \u0111i\u1ec3m ch\u00ed m\u1ea1ng c\u1ee7a Fixed Widget (ch\u1ec9 n\u1eb1m im m\u1ed9t ch\u1ed7).<\/p>\n<p>Khi b\u1ea1n t\u1ea3i m\u1ed9t theme mi\u1ec5n ph\u00ed ho\u1eb7c mua m\u1ed9t theme cao c\u1ea5p tr\u00ean m\u1ea1ng v\u1ec1, kh\u00f4ng ph\u1ea3i theme n\u00e0o c\u0169ng \u0111\u01b0\u1ee3c t\u00edch h\u1ee3p t\u00ednh n\u0103ng Fixed Widget s\u1eb5n m\u00e0 b\u1ea1n mu\u1ed1n c\u00f3 \u0111\u01b0\u1ee3c n\u00f3 ph\u1ea3i t\u1ef1 code. R\u1ea5t may cho b\u1ea1n ng\u00e0y h\u00f4m nay MuaThemeWP.VN s\u1ebd chia s\u1ebb cho b\u1ea1n c\u00e1ch t\u1ea1o m\u1ed9t Fixed Widget v\u00e0 Sticky Widget \u0111\u1eb9p m\u1eaft c\u00f3 kh\u1ea3 n\u0103ng cu\u1ed9n linh ho\u1ea1t cho Website WordPress nh\u00e9.<\/p>\n<h2 id=\"ftoc-heading-4\" class=\"ftwp-heading\">\u01afu \u0111i\u1ec3m khi d\u00f9ng Sticky Widget (Sticky Sidebar) theo h\u01b0\u1edbng d\u1eabn c\u1ee7a MuaThemeWP.VN<\/h2>\n<ul>\n<li>T\u1ea1o Sticky Sidebar linh ho\u1ea1t, cu\u1ed9n l\u00ean xu\u1ed1ng r\u1ea5t m\u01b0\u1ee3t m\u00e0, ti\u1ec7n l\u1ee3i<\/li>\n<li>T\u0103ng tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng t\u1ed1t h\u01a1n<\/li>\n<li>S\u1eed d\u1ee5ng Plugin, kh\u00f4ng c\u1ea7n bi\u1ebft qu\u00e1 nhi\u1ec1u v\u1ec1 code<\/li>\n<li>Ch\u1ec9 c\u1ea7n bi\u1ebft m\u1ed9t ch\u00fat css (r\u1ea5t \u00edt) l\u00e0 c\u00f3 th\u1ec3 l\u00e0m \u0111\u01b0\u1ee3c<\/li>\n<li>\u00c1p d\u1ee5ng cho m\u1ecdi lo\u1ea1i theme, kh\u00f4ng ri\u00eang g\u00ec Flatsome<\/li>\n<li>C\u00f3 th\u1ec3 d\u00f9ng cho trang Blog, Archive Blog, C\u1eeda h\u00e0ng, S\u1ea3n ph\u1ea9m, Woocommerce,\u2026<\/li>\n<li>X\u00f3a b\u1ecf m\u1ecdi nh\u01b0\u1ee3c \u0111i\u1ec3m c\u1ee7a Fixed Widget<\/li>\n<li>S\u1edf h\u1eefu t\u00ednh n\u0103ng x\u1ecbn x\u00f2 c\u1ee7a c\u00e1c theme cao c\u1ea5p<\/li>\n<\/ul>\n<h2 id=\"ftoc-heading-5\" class=\"ftwp-heading\">C\u00e1ch t\u1ea1o m\u1ed9t Sticky Widget \u0111\u01a1n gi\u1ea3n nh\u1ea5t<\/h2>\n<p><strong><i class=\"fa fa-exclamation-circle\" aria-hidden=\"true\"><\/i> Ch\u00fa \u00fd<\/strong>: Trong b\u00e0i n\u00e0y khi nh\u1eafc \u0111\u1ebfn Widget c\u0169ng c\u00f3 ngh\u0129a l\u00e0 <strong>Sidebar<\/strong>.<\/p>\n<p>C\u00e1ch l\u00e0m n\u00e0y d\u1ef1a tr\u00ean m\u1ed9t m\u00e3 ngu\u1ed3n m\u1edf c\u00f3 t\u00ean <strong>Theia<\/strong>, \u0111\u01b0\u1ee3c t\u00e1c gi\u1ea3 chia s\u1ebb mi\u1ec5n ph\u00ed tr\u00ean n\u1ec1n t\u1ea3ng GitHub, b\u1ea1n c\u00f3 th\u1ec3 t\u1ea3i v\u1ec1 to\u00e0n b\u1ed9 m\u00e3 ngu\u1ed3n n\u00e0y t\u1eeb trang ch\u1ee7:<\/p>\n<figure id=\"attachment_8063\" aria-describedby=\"caption-attachment-8063\" style=\"width: 991px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-8063\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/thu-vien-ma-nguon-mo-theia.jpg\" alt=\"Th\u01b0 vi\u1ec7n m\u00e3 ngu\u1ed3n m\u1edf Theia\" width=\"991\" height=\"374\" title=\"C\u00e1ch t\u1ea1o Widget c\u1ed1 \u0111\u1ecbnh &amp; cu\u1ed9n linh ho\u1ea1t \u0111\u1eb9p m\u1eaft (Sticky Widget) 9\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/thu-vien-ma-nguon-mo-theia-300x113.jpg 300w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/thu-vien-ma-nguon-mo-theia-768x290.jpg 768w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/thu-vien-ma-nguon-mo-theia-600x226.jpg 600w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/thu-vien-ma-nguon-mo-theia.jpg 893w\" sizes=\"auto, (max-width: 991px) 100vw, 991px\"><figcaption id=\"caption-attachment-8063\" class=\"wp-caption-text\">Th\u01b0 vi\u1ec7n m\u00e3 ngu\u1ed3n m\u1edf Theia<\/figcaption><\/figure>\n<p>\u0110\u00e2y l\u00e0 m\u1ed9t m\u00e3 ngu\u1ed3n m\u1edf r\u1ea5t n\u1ed5i ti\u1ebfng, r\u1ea5t nhi\u1ec1u c\u00e1c Theme cao c\u1ea5p t\u1ea1i Themeforest \u0111ang t\u1eadn d\u1ee5ng \u0111\u1ec3 t\u1ea1o t\u00ednh n\u0103ng Sticky Widget cho Theme c\u1ee7a h\u1ecd. \u0110\u00e2y ch\u1ec9 l\u00e0 c\u00e1c \u0111o\u1ea1n code html, css, javascript \u0111\u01a1n thu\u1ea7n n\u00ean b\u1ea1n r\u1ea5t kh\u00f3 \u0111\u1ec3 s\u1eed d\u1ee5ng n\u1ebfu kh\u00f4ng bi\u1ebft g\u00ec v\u1ec1 Code. R\u1ea5t may m\u1eafn l\u00e0 c\u00f3 m\u1ed9t plugin t\u1ea1o \u0111\u01b0\u1ee3c Sticky Widget, kh\u00f4ng nh\u1eefng th\u1ebf n\u00f3 c\u00f2n mi\u1ec5n ph\u00ed v\u00e0 c\u00f3 s\u1eb5n tr\u00ean kho t\u1ea3i v\u1ec1 c\u1ee7a WordPress m\u1eb7c \u0111\u1ecbnh.<\/p>\n<p>B\u1ea1n m\u1edf trang qu\u1ea3n tr\u1ecb Admin l\u00ean, ch\u1ecdn <strong>Plugin \/ C\u00e0i m\u1edbi<\/strong> v\u00e0 g\u00f5 d\u00f2ng n\u00e0y v\u00e0o \u0111\u1ec3 t\u00ecm ki\u1ebfm plugin: <span style=\"color: #d83131;\"><strong>WP Sticky Sidebar<\/strong><\/span><\/p>\n<figure id=\"attachment_8064\" aria-describedby=\"caption-attachment-8064\" style=\"width: 1000px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-8064\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/wp-sticky-sidebar.jpg\" alt=\"WP Sticky Sidebar\" width=\"1000\" height=\"404\" title=\"C\u00e1ch t\u1ea1o Widget c\u1ed1 \u0111\u1ecbnh &amp; cu\u1ed9n linh ho\u1ea1t \u0111\u1eb9p m\u1eaft (Sticky Widget) 10\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/wp-sticky-sidebar-300x121.jpg 300w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/wp-sticky-sidebar-768x310.jpg 768w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/wp-sticky-sidebar-600x242.jpg 600w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/wp-sticky-sidebar.jpg 807w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\"><figcaption id=\"caption-attachment-8064\" class=\"wp-caption-text\">WP Sticky Sidebar<\/figcaption><\/figure>\n<p>M\u1edf c\u00e0i \u0111\u1eb7t c\u1ee7a plugin l\u00ean b\u1eb1ng c\u00e1ch v\u00e0o \u0111\u01b0\u1eddng d\u1eabn: <strong>C\u00e0i \u0111\u1eb7t \/ WP Sticky Sidebar:<\/strong><\/p>\n<figure id=\"attachment_8066\" aria-describedby=\"caption-attachment-8066\" style=\"width: 699px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-8066\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/cai-dat-wp-sticky-sidebar.jpg\" alt=\"C\u00e0i \u0111\u1eb7t WP Sticky Sidebar\" width=\"699\" height=\"423\" title=\"C\u00e1ch t\u1ea1o Widget c\u1ed1 \u0111\u1ecbnh &amp; cu\u1ed9n linh ho\u1ea1t \u0111\u1eb9p m\u1eaft (Sticky Widget) 11\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/cai-dat-wp-sticky-sidebar-300x182.jpg 300w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/cai-dat-wp-sticky-sidebar-600x363.jpg 600w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/cai-dat-wp-sticky-sidebar.jpg 699w\" sizes=\"auto, (max-width: 699px) 100vw, 699px\"><figcaption id=\"caption-attachment-8066\" class=\"wp-caption-text\">C\u00e0i \u0111\u1eb7t WP Sticky Sidebar<\/figcaption><\/figure>\n<p>Trong giao di\u1ec7n b\u1ecb kh\u00f3a kh\u00e1 nhi\u1ec1u t\u00ednh n\u0103ng, b\u1ea1n c\u1ea7n mua b\u1ea3n Pro \u0111\u1ec3 m\u1edf kh\u00f3a t\u1ea5t c\u1ea3, nh\u01b0ng \u0111\u1eebng qu\u00e1 lo l\u1eafng, c\u00e1c t\u00ednh n\u0103ng mi\u1ec5n ph\u00ed l\u00e0 qu\u00e1 \u0111\u1ee7 cho b\u1ea1n d\u00f9ng, Plugin n\u00e0y ph\u00e1t huy g\u1ea7n nh\u01b0 m\u1ecdi t\u00e1c d\u1ee5ng khi d\u00f9ng n\u00f3 \u1edf b\u1ea3n Free.<\/p>\n<p>\u0110\u1ec3 c\u1ea5u h\u00ecnh c\u00e0i \u0111\u1eb7t, b\u1ea1n thi\u1ebft l\u1eadp theo c\u00e1c b\u01b0\u1edbc b\u00ean d\u01b0\u1edbi, trong \u0111\u00f3 b\u1ea1n c\u00f3 th\u1ec3 thay class b\u1eb1ng ID \u0111\u1ec1u \u0111\u01b0\u1ee3c<\/p>\n<figure id=\"attachment_8067\" aria-describedby=\"caption-attachment-8067\" style=\"width: 1628px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-8067\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/chon-cac-class.jpg\" alt=\"Ch\u1ecdn c\u00e1c Class\" width=\"1628\" height=\"311\" title=\"C\u00e1ch t\u1ea1o Widget c\u1ed1 \u0111\u1ecbnh &amp; cu\u1ed9n linh ho\u1ea1t \u0111\u1eb9p m\u1eaft (Sticky Widget) 12\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/chon-cac-class-300x57.jpg 300w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/chon-cac-class-1024x196.jpg 1024w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/chon-cac-class-768x147.jpg 768w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/chon-cac-class-1536x293.jpg 1536w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/chon-cac-class-600x115.jpg 600w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/chon-cac-class.jpg 1628w\" sizes=\"auto, (max-width: 1628px) 100vw, 1628px\"><figcaption id=\"caption-attachment-8067\" class=\"wp-caption-text\">Ch\u1ecdn c\u00e1c Class ho\u1eb7c ID<\/figcaption><\/figure>\n<ol>\n<li><strong>Sticky Class (d\u00f2ng th\u1ee9 nh\u1ea5t):<\/strong> \u0110i\u1ec1n t\u00ean Class bao ngo\u00e0i c\u1ee7a Widget b\u1ea1n \u0111ang d\u00f9ng, ph\u00e2n c\u00e1ch c\u00e1c class b\u1edfi d\u1ea5u ph\u1ea9y. T\u00ean class ph\u1ee5 thu\u1ed9c v\u00e0o lo\u1ea1i theme c\u1ee7a website, m\u1ed7i theme kh\u00e1c nhau s\u1ebd \u0111\u01b0\u1ee3c \u0111\u1eb7t t\u00ean ph\u1ea7n n\u00e0y kh\u00e1c nhau. Trong tr\u01b0\u1eddng h\u1ee3p c\u1ee7a m\u00ecnh d\u00f9ng theme <strong>Flatsome<\/strong> cho n\u00ean m\u00ecnh \u0111i\u1ec1n th\u00f4ng s\u1ed1 nh\u01b0 th\u1ebf n\u00e0y, \u0111\u00e2y c\u0169ng l\u00e0 t\u00ean class bao quanh widget c\u1ee7a m\u00ecnh:<\/li>\n<\/ol>\n<p><!-- Urvanov Syntax Highlighter v2.8.34 --><\/p>\n<div id=\"urvanov-syntax-highlighter-65df841e5a4da748475030\" class=\"urvanov-syntax-highlighter-syntax crayon-theme-classic urvanov-syntax-highlighter-font-tahoma urvanov-syntax-highlighter-os-pc print-yes notranslate\" data-settings=\" minimize scroll-mouseover\" style=\" margin-top: 12px; margin-bottom: 12px; font-size: 14px !important; line-height: 15px !important;\">\n<div class=\"crayon-toolbar\" data-settings=\" show\" style=\"font-size: 14px !important;height: 21px !important; line-height: 21px !important;\"><span class=\"crayon-title\"><\/span><\/p>\n<div class=\"crayon-tools\" style=\"font-size: 14px !important;height: 21px !important; line-height: 21px !important;\">\n<div class=\"crayon-button urvanov-syntax-highlighter-nums-button\" title=\"Toggle Line Numbers\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-plain-button\" title=\"Toggle Plain Code\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-wrap-button\" title=\"Toggle Line Wrap\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-expand-button\" title=\"Expand Code\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-copy-button\" title=\"Copy\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-popup-button\" title=\"Open Code In New Window\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"crayon-info\" style=\"min-height: 19.6px !important; line-height: 19.6px !important;\"><\/div>\n<div class=\"urvanov-syntax-highlighter-plain-wrap\"><textarea wrap=\"soft\" class=\"urvanov-syntax-highlighter-plain print-no\" data-settings=\"dblclick\" readonly style=\"-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 14px !important; line-height: 15px !important;\"><\/p>\n<p>div.post-sidebar.large-3.col, .category-page-row .col.large-3.hide-for-medium, .post-sidebar.large-3.col<br \/>\n<\/textarea><\/div>\n<div class=\"urvanov-syntax-highlighter-main\" style=\"\">\n<table class=\"crayon-table\">\n<tr class=\"urvanov-syntax-highlighter-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"urvanov-syntax-highlighter-nums-content\" style=\"font-size: 14px !important; line-height: 15px !important;\">\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65df841e5a4da748475030-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65df841e5a4da748475030-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65df841e5a4da748475030-3\">3<\/div>\n<\/div>\n<\/td>\n<td class=\"urvanov-syntax-highlighter-code\">\n<div class=\"crayon-pre\" style=\"font-size: 14px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;\">\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65df841e5a4da748475030-1\">\u00a0<\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65df841e5a4da748475030-2\"><span class=\"crayon-v\">div<\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-v\">post<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-v\">sidebar<\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-v\">large<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-cn\">3.col<\/span><span class=\"crayon-sy\">,<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-v\">category<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-v\">page<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-i\">row<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-v\">col<\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-v\">large<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-cn\">3.hide<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-st\">for<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-v\">medium<\/span><span class=\"crayon-sy\">,<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-v\">post<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-v\">sidebar<\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-v\">large<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-cn\">3.col<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65df841e5a4da748475030-3\">\u00a0<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/table><\/div>\n<\/p><\/div>\n<p><!-- [Format Time: 0.0002 seconds] --><\/p>\n<ol>\n<li><strong>Sticky Class (d\u00f2ng th\u1ee9 2)<\/strong>: \u0110i\u1ec1n t\u00ean <strong>class Cha<\/strong> bao ngo\u00e0i Widget v\u00e0 N\u1ed9i dung, ph\u00e2n c\u00e1ch c\u00e1c class b\u1edfi d\u1ea5u ph\u1ea9y. Class bao ngo\u00e0i Widget l\u00e0 Class cha c\u1ee7a n\u1ed9i dung v\u00e0 class cha c\u1ee7a Widget. \u201cN\u1ed9i dung\u201d m\u00ecnh nh\u1eafc \u0111\u1ebfn \u1edf \u0111\u00e2y kh\u00f4ng ph\u1ea3i n\u1ed9i dung b\u00ean trong widget, m\u00e0 l\u00e0 n\u1ed9i dung ngang h\u00e0ng v\u1edbi widget, c\u1ea3 n\u1ed9i dung v\u00e0 widget l\u00e0 con c\u1ee7a <strong>class Cha. <\/strong>N\u1ebfu b\u1ea1n \u0111ang d\u00f9ng <strong>Flatsome<\/strong>, \u0111i\u1ec1n \u0111o\u1ea1n code n\u00e0y v\u00e0o d\u00f2ng th\u1ee9 2:<\/li>\n<\/ol>\n<p><!-- Urvanov Syntax Highlighter v2.8.34 --><\/p>\n<div id=\"urvanov-syntax-highlighter-65df841e5a4e1315062410\" class=\"urvanov-syntax-highlighter-syntax crayon-theme-classic urvanov-syntax-highlighter-font-tahoma urvanov-syntax-highlighter-os-pc print-yes notranslate\" data-settings=\" minimize scroll-mouseover\" style=\" margin-top: 12px; margin-bottom: 12px; font-size: 14px !important; line-height: 15px !important;\">\n<div class=\"crayon-toolbar\" data-settings=\" show\" style=\"font-size: 14px !important;height: 21px !important; line-height: 21px !important;\"><span class=\"crayon-title\"><\/span><\/p>\n<div class=\"crayon-tools\" style=\"font-size: 14px !important;height: 21px !important; line-height: 21px !important;\">\n<div class=\"crayon-button urvanov-syntax-highlighter-nums-button\" title=\"Toggle Line Numbers\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-plain-button\" title=\"Toggle Plain Code\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-wrap-button\" title=\"Toggle Line Wrap\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-expand-button\" title=\"Expand Code\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-copy-button\" title=\"Copy\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-popup-button\" title=\"Open Code In New Window\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"crayon-info\" style=\"min-height: 19.6px !important; line-height: 19.6px !important;\"><\/div>\n<div class=\"urvanov-syntax-highlighter-plain-wrap\"><textarea wrap=\"soft\" class=\"urvanov-syntax-highlighter-plain print-no\" data-settings=\"dblclick\" readonly style=\"-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 14px !important; line-height: 15px !important;\"><\/p>\n<p>.row.category-page-row, div.blog-single .row.row-large.row-divided, .blog-archive .row.row-large.row-divided<br \/>\n<\/textarea><\/div>\n<div class=\"urvanov-syntax-highlighter-main\" style=\"\">\n<table class=\"crayon-table\">\n<tr class=\"urvanov-syntax-highlighter-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"urvanov-syntax-highlighter-nums-content\" style=\"font-size: 14px !important; line-height: 15px !important;\">\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65df841e5a4e1315062410-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65df841e5a4e1315062410-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65df841e5a4e1315062410-3\">3<\/div>\n<\/div>\n<\/td>\n<td class=\"urvanov-syntax-highlighter-code\">\n<div class=\"crayon-pre\" style=\"font-size: 14px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;\">\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65df841e5a4e1315062410-1\">\u00a0<\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65df841e5a4e1315062410-2\"><span class=\"crayon-sy\">.<\/span><span class=\"crayon-v\">row<\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-v\">category<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-v\">page<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-v\">row<\/span><span class=\"crayon-sy\">,<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-v\">div<\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-v\">blog<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-i\">single<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-v\">row<\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-v\">row<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-v\">large<\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-v\">row<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-v\">divided<\/span><span class=\"crayon-sy\">,<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-v\">blog<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-i\">archive<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-v\">row<\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-v\">row<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-v\">large<\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-v\">row<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-i\">divided<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65df841e5a4e1315062410-3\">\u00a0<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/table><\/div>\n<\/p><\/div>\n<p><!-- [Format Time: 0.0002 seconds] --><\/p>\n<p><strong><i class=\"fa fa-exclamation-circle\" aria-hidden=\"true\"><\/i> Ch\u00fa \u00fd:<\/strong> Trong b\u00e0i n\u00e0y m\u00ecnh l\u1ea5y v\u00ed d\u1ee5 s\u1ebd \u00e1p d\u1ee5ng cho trang Blog c\u1ee7a Theme Flatsome, <strong>trang s\u1ea3n ph\u1ea9m<\/strong> c\u1ee7a Flatsome c\u0169ng c\u00f3 widget v\u00e0 c\u00e1ch l\u00e0m <strong>t\u01b0\u01a1ng t\u1ef1<\/strong>, b\u1ea1n ch\u1ec9 c\u1ea7n t\u00ecm \u0111\u00fang class t\u01b0\u01a1ng \u1ee9ng gi\u1ed1ng nh\u01b0 tr\u00ean m\u00ecnh h\u01b0\u1edbng d\u1eabn. C\u00e1c theme kh\u00e1c c\u0169ng \u00e1p d\u1ee5ng ho\u00e0n to\u00e0n gi\u1ed1ng nh\u00e9.<\/p>\n<p>\u0110\u1ec3 bi\u1ebft \u0111\u00e2u l\u00e0 class c\u1ea7n t\u00ecm, b\u1ea1n b\u1ea5m t\u1ed5 h\u1ee3p ph\u00edm <strong>Ctrl + Shift + I<\/strong> \u0111\u1ec3 m\u1edf ch\u1ebf \u0111\u1ed9 nh\u00e0 ph\u00e1t tri\u1ec3n tr\u00ean tr\u00ecnh duy\u1ec7t Chrome, b\u1ea5m bi\u1ec3u t\u01b0\u1ee3ng h\u00ecnh <strong>m\u0169i t\u00ean<\/strong> \u0111\u1ec3 t\u00ecm class, di chu\u1ed9t \u0111\u1ebfn n\u01a1i b\u1ea1n c\u1ea7n t\u00ecm class. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 c\u00e1c class b\u1ea1n d\u1ec5 d\u00e0ng th\u1ea5y \u0111\u01b0\u1ee3c (\u00e1p d\u1ee5ng cho Theme Flastome, theme kh\u00e1c t\u01b0\u01a1ng t\u1ef1):<\/p>\n<ul>\n<li>M\u1edf ch\u1ebf \u0111\u1ed9 nh\u00e0 ph\u00e1t tri\u1ec3n:<\/li>\n<\/ul>\n<figure id=\"attachment_8068\" aria-describedby=\"caption-attachment-8068\" style=\"width: 1107px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-8068\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/mo-che-do-nha-phat-trien.jpg\" alt=\"M\u1edf ch\u1ebf \u0111\u1ed9 nh\u00e0 ph\u00e1t tri\u1ec3n\" width=\"1107\" height=\"368\" title=\"C\u00e1ch t\u1ea1o Widget c\u1ed1 \u0111\u1ecbnh &amp; cu\u1ed9n linh ho\u1ea1t \u0111\u1eb9p m\u1eaft (Sticky Widget) 13\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/mo-che-do-nha-phat-trien-300x100.jpg 300w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/mo-che-do-nha-phat-trien-1024x340.jpg 1024w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/mo-che-do-nha-phat-trien-768x255.jpg 768w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/mo-che-do-nha-phat-trien-600x199.jpg 600w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/mo-che-do-nha-phat-trien.jpg 1107w\" sizes=\"auto, (max-width: 1107px) 100vw, 1107px\"><figcaption id=\"caption-attachment-8068\" class=\"wp-caption-text\">M\u1edf ch\u1ebf \u0111\u1ed9 nh\u00e0 ph\u00e1t tri\u1ec3n<\/figcaption><\/figure>\n<ul>\n<li>Ch\u1ecdn v\u00e0 copy t\u00ean class c\u1ee7a widget:<\/li>\n<\/ul>\n<figure id=\"attachment_8069\" aria-describedby=\"caption-attachment-8069\" style=\"width: 1561px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-8069\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/copy-class-cua-widget.jpg\" alt=\"Copy class c\u1ee7a widget\" width=\"1561\" height=\"399\" title=\"C\u00e1ch t\u1ea1o Widget c\u1ed1 \u0111\u1ecbnh &amp; cu\u1ed9n linh ho\u1ea1t \u0111\u1eb9p m\u1eaft (Sticky Widget) 14\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/copy-class-cua-widget-300x77.jpg 300w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/copy-class-cua-widget-1024x262.jpg 1024w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/copy-class-cua-widget-768x196.jpg 768w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/copy-class-cua-widget-1536x393.jpg 1536w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/copy-class-cua-widget-600x153.jpg 600w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/copy-class-cua-widget.jpg 1561w\" sizes=\"auto, (max-width: 1561px) 100vw, 1561px\"><figcaption id=\"caption-attachment-8069\" class=\"wp-caption-text\">Copy class c\u1ee7a widget<\/figcaption><\/figure>\n<ul>\n<li>Ch\u1ecdn v\u00e0 Copy class cha bao ngo\u00e0i Widget v\u00e0 n\u1ed9i dung:<\/li>\n<\/ul>\n<figure id=\"attachment_8070\" aria-describedby=\"caption-attachment-8070\" style=\"width: 1853px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-8070\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/copy-class-cha-bao-ngoai-widget-va-noi-dung.jpg\" alt=\"Copy Class cha bao ngo\u00e0i Widget v\u00e0 N\u1ed9i dung\" width=\"1853\" height=\"785\" title=\"C\u00e1ch t\u1ea1o Widget c\u1ed1 \u0111\u1ecbnh &amp; cu\u1ed9n linh ho\u1ea1t \u0111\u1eb9p m\u1eaft (Sticky Widget) 15\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/copy-class-cha-bao-ngoai-widget-va-noi-dung-300x127.jpg 300w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/copy-class-cha-bao-ngoai-widget-va-noi-dung-1024x434.jpg 1024w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/copy-class-cha-bao-ngoai-widget-va-noi-dung-768x325.jpg 768w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/copy-class-cha-bao-ngoai-widget-va-noi-dung-1536x651.jpg 1536w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/copy-class-cha-bao-ngoai-widget-va-noi-dung-600x254.jpg 600w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/copy-class-cha-bao-ngoai-widget-va-noi-dung.jpg 1853w\" sizes=\"auto, (max-width: 1853px) 100vw, 1853px\"><figcaption id=\"caption-attachment-8070\" class=\"wp-caption-text\">Copy Class cha bao ngo\u00e0i Widget v\u00e0 N\u1ed9i dung<\/figcaption><\/figure>\n<p><em><strong>Trong \u0111\u00f3:<\/strong><\/em> s\u1ed1 <span style=\"color: #d83131;\"><strong>1<\/strong> <\/span>l\u00e0 class c\u1ee7a n\u1ed9i dung (b\u00ean tr\u00e1i), s\u1ed1 <strong><span style=\"color: #d83131;\">2<\/span> <\/strong>l\u00e0 class c\u1ee7a widget (b\u00ean ph\u1ea3i), class cha s\u1ebd l\u00e0 class bao ngo\u00e0i hai th\u1eb1ng n\u00e0y (\u0111\u01b0\u1ee3c \u0111\u00e1nh d\u1ea5u m\u0169i t\u00ean).<\/p>\n<p style=\"padding-left: 40px;\"><strong>3. \u0110\u1ebfn ph\u1ea7n Setting:<\/strong> t\u1ea1i d\u00f2ng <strong>Additional top margin,<\/strong> b\u1ea1n \u0111i\u1ec1n v\u00e0o kho\u1ea3ng c\u00e1ch t\u1eeb ph\u00eda tr\u00ean m\u00e0n h\u00ecnh \u0111\u1ebfn widget, b\u1ea1n l\u1ea5y chi\u1ec1u cao c\u1ee7a thanh menu tr\u00ean c\u00f9ng \u0111\u1ec3 \u01b0\u1edbc l\u01b0\u1ee3ng nh\u00e9, th\u01b0\u1eddng ch\u00fang ta s\u1ebd l\u1ea5y n\u00f3 cao h\u01a1n m\u1ed9t ch\u00fat so v\u1edbi thanh menu ch\u00ednh \u1edf tr\u00ean c\u00f9ng. Trong tr\u01b0\u1eddng h\u1ee3p c\u1ee7a m\u00ecnh thanh menu cao kho\u1ea3ng 120px, m\u00ecnh s\u1ebd \u0111i\u1ec1n gi\u00e1 tr\u1ecb 140px v\u00e0o \u0111\u1ec3 h\u1edf m\u1ed9t kho\u1ea3ng c\u00e1ch b\u00ean tr\u00ean Widget cho n\u00f3 \u0111\u1eb9p v\u00e0 kh\u00f4ng b\u1ecb ghi \u0111\u00e8 nh\u00e9.<\/p>\n<figure id=\"attachment_8071\" aria-describedby=\"caption-attachment-8071\" style=\"width: 1638px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-8071\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/dien-khoan-cach-tu-man-hinh-tren-cung-den-widget.jpg\" alt=\"\u0110i\u1ec1n kho\u1ea3n c\u00e1ch t\u1eeb M\u00e0n h\u00ecnh tr\u00ean c\u00f9ng \u0111\u1ebfn Widget\" width=\"1638\" height=\"317\" title=\"C\u00e1ch t\u1ea1o Widget c\u1ed1 \u0111\u1ecbnh &amp; cu\u1ed9n linh ho\u1ea1t \u0111\u1eb9p m\u1eaft (Sticky Widget) 16\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/dien-khoan-cach-tu-man-hinh-tren-cung-den-widget-300x58.jpg 300w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/dien-khoan-cach-tu-man-hinh-tren-cung-den-widget-1024x198.jpg 1024w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/dien-khoan-cach-tu-man-hinh-tren-cung-den-widget-768x149.jpg 768w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/dien-khoan-cach-tu-man-hinh-tren-cung-den-widget-1536x297.jpg 1536w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/dien-khoan-cach-tu-man-hinh-tren-cung-den-widget-600x116.jpg 600w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/dien-khoan-cach-tu-man-hinh-tren-cung-den-widget.jpg 1638w\" sizes=\"auto, (max-width: 1638px) 100vw, 1638px\"><figcaption id=\"caption-attachment-8071\" class=\"wp-caption-text\">\u0110i\u1ec1n kho\u1ea3n c\u00e1ch t\u1eeb M\u00e0n h\u00ecnh tr\u00ean c\u00f9ng \u0111\u1ebfn Widget<\/figcaption><\/figure>\n<p><strong>M\u1ecdi ph\u1ea7n c\u00f2n l\u1ea1i gi\u1eef nguy\u00ean kh\u00f4ng \u0111i\u1ec1u ch\u1ec9nh<\/strong><\/p>\n<p>Ok v\u1eady l\u00e0 xong r\u1ed3i, ch\u00fac b\u1ea1n th\u00e0nh c\u00f4ng!<\/p>\n<h2 id=\"ftoc-heading-6\" class=\"ftwp-heading\">K\u1ebft lu\u1eadn<\/h2>\n<p>Sticky Sidebar h\u00e0y Sticky Widget r\u1ea5t \u0111\u1eb9p, kh\u00f4ng ph\u1ea3i theme n\u00e0o c\u0169ng \u0111\u01b0\u1ee3c t\u00edch h\u1ee3p s\u1eb5n, trong b\u00e0i n\u00e0y m\u00ecnh \u0111\u00e3 h\u01b0\u1edbng d\u1eabn b\u1ea1n chi ti\u1ebft c\u00e1ch t\u1ea1o m\u1ed9t Sticky Widget s\u1eed d\u1ee5ng Plugin WP Sticky Sidebar, hi v\u1ecdng n\u00f3 c\u00f3 \u00edch cho b\u1ea1n, h\u1eb9n g\u1eb7p l\u1ea1i trong c\u00e1c b\u00e0i vi\u1ebft ti\u1ebfp theo.<\/p>\n<\/div>\n<div class=\"xem-them\">\n    <span class=\"tieu-de-xem-them\">Xem th\u00eam:<\/span><\/p>\n<ul>\n<li>\n    Chia s\u1ebb Unlimited Elements Elementor mi\u1ec5n ph\u00ed c\u00f3 Key b\u1ea3n s\u1ea1ch 100%\n<\/li>\n<li>\n    Chia s\u1ebb ProductX Pro 2023: T\u00f9y bi\u1ebfn trang S\u1ea3n ph\u1ea9m b\u00e1 \u0111\u1ea1o\n<\/li>\n<li>\n    T\u1ea3i Astra Premium Starter Templates mi\u1ec5n ph\u00ed c\u00f3 Key m\u1edbi nh\u1ea5t\n<\/li>\n<li>\n    Chia s\u1ebb Theme Francesca kh\u00f3a h\u1ecdc tr\u1ecb gi\u00e1 80$ c\u1ee7a Themeforest\n<\/li>\n<li>\n    H\u01b0\u1edbng d\u1eabn c\u00e0i Theme (M\u1eabu giao di\u1ec7n) l\u00ean hosting v\u1edbi Duplicator\n<\/li>\n<\/ul>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>H\u00f4m nay m\u00ecnh s\u1ebd chia s\u1ebb c\u00e1c b\u1ea1n c\u00e1ch t\u1ea1o m\u1ed9t Widget c\u1ed1 \u0111\u1ecbnh v\u00e0 k\u00e8m theo t\u00ednh n\u0103ng cu\u1ed9n l\u00ean xu\u1ed1ng r\u1ea5t \u0111\u1eb9p m\u1eaft v\u00e0 ti\u1ec7n l\u1ee3i nh\u00e9. Ch\u1eafc h\u1eb3n c\u00e1c b\u1ea1n bi\u1ebft Widget l\u00e0 m\u1ed9t ph\u1ea7n kh\u00f4ng th\u1ec3 thi\u1ebfu \u0111\u1ed1i v\u1edbi m\u1ed9t website r\u1ed3i ph\u1ea3i kh\u00f4ng. N\u00f3 n\u1eb1m \u1edf v\u1ecb tr\u00ed b\u00ean ph\u1ea3i<\/p>\n","protected":false},"author":1,"featured_media":2070,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[476],"tags":[],"class_list":["post-2069","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-kinh-nghiem-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/khogiaodienmau.net\/muathemewp\/wp-json\/wp\/v2\/posts\/2069","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/khogiaodienmau.net\/muathemewp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/khogiaodienmau.net\/muathemewp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/khogiaodienmau.net\/muathemewp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/khogiaodienmau.net\/muathemewp\/wp-json\/wp\/v2\/comments?post=2069"}],"version-history":[{"count":1,"href":"https:\/\/khogiaodienmau.net\/muathemewp\/wp-json\/wp\/v2\/posts\/2069\/revisions"}],"predecessor-version":[{"id":2078,"href":"https:\/\/khogiaodienmau.net\/muathemewp\/wp-json\/wp\/v2\/posts\/2069\/revisions\/2078"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/khogiaodienmau.net\/muathemewp\/wp-json\/wp\/v2\/media\/2070"}],"wp:attachment":[{"href":"https:\/\/khogiaodienmau.net\/muathemewp\/wp-json\/wp\/v2\/media?parent=2069"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/khogiaodienmau.net\/muathemewp\/wp-json\/wp\/v2\/categories?post=2069"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/khogiaodienmau.net\/muathemewp\/wp-json\/wp\/v2\/tags?post=2069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}