<!DOCTYPE html>
    <html lang="vi" xmlns="http://www.w3.org/1999/xhtml" prefix="og: http://ogp.me/ns#">
    <head>
<title>Cách cài giao diện Pixel Material UI lên Chrome</title>
<meta name="description" content="Cách cài giao diện Pixel Material UI lên Chrome - Savefile - Tin Tức -...">
<meta name="author" content=".: Nguoicodonvn2008.info - Cõi lòng người cô đơn :.">
<meta name="copyright" content=".: Nguoicodonvn2008.info - Cõi lòng người cô đơn :. [admin@nguoicodonvn2008.info]">
<meta name="robots" content="index, archive, follow, noodp">
<meta name="googlebot" content="index,archive,follow,noodp">
<meta name="msnbot" content="all,index,follow">
<meta name="generator" content="NukeViet v4.5">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta property="og:title" content="Cách cài giao diện Pixel Material UI lên Chrome">
<meta property="og:type" content="website">
<meta property="og:description" content="Savefile - Tin Tức - https&#x3A;&#x002F;&#x002F;www.nguoicodonvn2008.info&#x002F;vi&#x002F;news&#x002F;savefile&#x002F;kien-thuc-may-tinh&#x002F;cach-cai-giao-dien-pixel-material-ui-len-chrome-9293.html">
<meta property="og:site_name" content=".&#x3A; Nguoicodonvn2008.info - Cõi lòng người cô đơn &#x3A;.">
<meta property="og:url" content="https://www.nguoicodonvn2008.info/vi/news/savefile/kien-thuc-may-tinh/cach-cai-giao-dien-pixel-material-ui-len-chrome-9293.html">
<link rel="shortcut icon" href="https://www.nguoicodonvn2008.info/favicon.ico">
<link rel="canonical" href="https://www.nguoicodonvn2008.info/vi/news/savefile/kien-thuc-may-tinh/cach-cai-giao-dien-pixel-material-ui-len-chrome-9293.html">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/" title="Tin Tức" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/karaoke-dual/" title="Tin Tức - Karaoke Dual" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/nhac-tre/" title="Tin Tức - Nhạc trẻ" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/tru-tinh/" title="Tin Tức - Trữ tình" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/nuoc-ngoai/" title="Tin Tức - Nước ngoài" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/remix/" title="Tin Tức - Remix" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/tam-su-tinh-yeu/" title="Tin Tức - Tâm sự tình yêu" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/tho-suu-tam/" title="Tin Tức - Thơ sưu tầm" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/cuoc-song/" title="Tin Tức - Cuộc sống" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/phan-mem/" title="Tin Tức - Phần mềm" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/kien-thuc-may-tinh/" title="Tin Tức - Kiến thức máy tính" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/hoc-tap/" title="Tin Tức - Học tập" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/tai-lieu/" title="Tin Tức - Tài liệu" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/de-thi/" title="Tin Tức - Đề thi" type="application/rss+xml">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/assets/css/font-awesome.min.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/bootstrap.non-responsive.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/style.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/style.non-responsive.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/news.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/custom.css" type="text/css">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/jquery/jquery.min.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/language/vi.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/DOMPurify/purify3.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/global.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/site.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/themes/default/js/news.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/themes/default/js/main.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/themes/default/js/custom.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/themes/default/js/bootstrap.min.js" type="text/javascript">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/assets/css/font-awesome.min.css">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/themes/default/css/bootstrap.non-responsive.css">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/themes/default/css/style.css">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/themes/default/css/style.non-responsive.css">
<link rel="StyleSheet" href="https://www.nguoicodonvn2008.info/themes/default/css/news.css">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/themes/default/css/custom.css">
<style type="text/css">
	body{background: #fff;}
</style>
    </head>
    <body>
<div id="print">
	<div id="hd_print">
		<h2 class="pull-left">.&#x3A; Nguoicodonvn2008.info - Cõi lòng người cô đơn &#x3A;.</h2>
		<p class="pull-right"><a title=".&#x3A; Nguoicodonvn2008.info - Cõi lòng người cô đơn &#x3A;." href="https://www.nguoicodonvn2008.info/">https://www.nguoicodonvn2008.info</a></p>
	</div>
	<div class="clear"></div>
	<hr />
	<div id="content">
		<h1>Cách cài giao diện Pixel Material UI lên Chrome</h1>
		<ul class="list-inline">
			<li>Thứ hai - 04/11/2024 23:03</li>
			<li class="hidden-print txtrequired"><em class="fa fa-print">&nbsp;</em><a title="In ra" href="javascript:;" onclick="window.print()">In ra</a></li>
			<li class="hidden-print txtrequired"><em class="fa fa-power-off">&nbsp;</em><a title="Đóng cửa sổ này" href="javascript:;" onclick="window.close()">Đóng cửa sổ này</a></li>
		</ul>
		<div class="clear"></div>
		<div id="hometext">
		</div>
				<div class="imghome">
			<img alt="Cách cài giao diện Pixel Material UI lên Chrome" src="https://st.quantrimang.com/photos/image/2024/11/01/cai-theme-Pixel-Material-UI-Chrome-1.jpg" width="460" class="img-thumbnail" />
		</div>
		<div class="clear"></div>
		<div id="bodytext" class="clearfix">
			<p style="text-align: justify;">Giao diện Pixel Material UI giờ đây có thể cài đặt trên trình duyệt Chrome thông qua tiện ích Pixel Material You Theme. Bằng cách thiết lập Material UI trên trình duyệt Chrome, giao diện New Tab sẽ mang lại cảm giác như trên thiết bị Pixel, tùy chỉnh các tiện ích trong các tab trình duyệt để biểu tượng và hình dạng giống như điện thoại Pixel. Dưới đây là hướng dẫn cài giao diện Pixel Material UI lên Chrome.</p>

<h2 style="text-align: justify;">Hướng dẫn cài giao diện Pixel Material UI lên Chrome</h2>

<p style="text-align: justify;"><strong>Bước 1:</strong></p>

<p style="text-align: justify;">Bạn truy cập vào link dưới đây để vào trang web Material You NewTab từ GitHub. Tại giao diện này bạn&nbsp;<strong>nhấn vào Code</strong>&nbsp;rồi chọn&nbsp;<strong>Download ZIP</strong>&nbsp;để tải tập tin xuống.</p>

<pre id="pre0">
<code>https://github.com/XengShi/materialYouNewTab</code></pre>

<p style="text-align: justify;"><img alt="Tải file tiện ích Material You NewTab" data-i="0" data-src="https://st.quantrimang.com/photos/image/2024/11/01/cai-theme-Pixel-Material-UI-Chrome-1.jpg" data-was-processed="true" height="358" src="https://st.quantrimang.com/photos/image/2024/11/01/cai-theme-Pixel-Material-UI-Chrome-1.jpg" width="550" /></p>

<p style="text-align: justify;">Sau khi tải tập tin xuống, bạn cần&nbsp;<strong>giải nén tập tin</strong>&nbsp;như bình thường. Tiếp đến, chúng ta nhấn vào&nbsp;<strong>biểu tượng 3 chấm&nbsp;</strong>trên trình duyệt rồi&nbsp;<strong>chọn Tiện ích mở rộng&nbsp;</strong>rồi chọn&nbsp;<strong>Quản lý các tiện ích</strong>.</p>

<p style="text-align: justify;"><img alt="Truy cập quản lý tiện ích trên Chrome " data-i="1" data-src="https://st.quantrimang.com/photos/image/2024/11/01/cai-theme-Pixel-Material-UI-Chrome-2.jpg" data-was-processed="true" height="239" src="https://st.quantrimang.com/photos/image/2024/11/01/cai-theme-Pixel-Material-UI-Chrome-2.jpg" width="600" /></p>

<div style="text-align: justify;">&nbsp;</div>

<p style="text-align: justify;"><strong>Bước 2:</strong></p>

<p style="text-align: justify;">Trong giao diện mới, người dùng cần&nbsp;<strong>kích hoạt Chế độ nhà phát triển</strong>&nbsp;rồi&nbsp;<strong>nhấn Tải tiện ích đã giải nén</strong>.</p>

<p style="text-align: justify;"><img alt="Thêm tiện ích trên Chrome " data-i="2" data-src="https://st.quantrimang.com/photos/image/2024/11/01/cai-theme-Pixel-Material-UI-Chrome-3.jpg" data-was-processed="true" height="291" src="https://st.quantrimang.com/photos/image/2024/11/01/cai-theme-Pixel-Material-UI-Chrome-3.jpg" width="600" /></p>

<p style="text-align: justify;">Lúc này chúng ta sẽ<strong>&nbsp;nhấn vào thư mục tiện ích Material You NewTab</strong>&nbsp;đã giải nén để thêm.</p>

<p style="text-align: justify;"><img alt="Tiện ích Material You NewTab Chrome " data-adbro-processed="true" data-i="3" data-src="https://st.quantrimang.com/photos/image/2024/11/01/cai-theme-Pixel-Material-UI-Chrome-4.jpg" data-was-processed="true" height="328" src="https://st.quantrimang.com/photos/image/2024/11/01/cai-theme-Pixel-Material-UI-Chrome-4.jpg" width="600" /></p>

<p style="text-align: justify;"><strong>Bước 3:</strong></p>

<p style="text-align: justify;">Bây giờ bạn mở trang New Tab mới trên trình duyệt Chrome và sẽ thấy thông báo hiển thị như hình. Chúng ta&nbsp;<strong>nhấn Giữ nguyên</strong>&nbsp;để đồng ý cho tiện ích Material You NewTab thay đổi giao diện trình duyệt Chrome.</p>

<p style="text-align: justify;"><img alt="Cài tiện ích Material You NewTab Chrome " data-i="4" data-src="https://st.quantrimang.com/photos/image/2024/11/01/cai-theme-Pixel-Material-UI-Chrome-5.jpg" data-was-processed="true" height="273" src="https://st.quantrimang.com/photos/image/2024/11/01/cai-theme-Pixel-Material-UI-Chrome-5.jpg" width="620" /></p>

<p style="text-align: justify;">Kết quả chúng ta có giao diện New Tab trên Chrome mới như hình dưới đây. Chúng ta nhấn vào&nbsp;<strong>biểu tượng hình tròn</strong>&nbsp;ở góc dưới cùng bên phải màn hình.</p>

<p style="text-align: justify;"><img alt="Giao diện Material You NewTab Chrome " data-i="5" data-src="https://st.quantrimang.com/photos/image/2024/11/01/cai-theme-Pixel-Material-UI-Chrome-6.jpg" data-was-processed="true" height="294" src="https://st.quantrimang.com/photos/image/2024/11/01/cai-theme-Pixel-Material-UI-Chrome-6.jpg" width="600" /></p>

<div style="text-align: justify;">&nbsp;</div>

<p style="text-align: justify;"><strong>Bước 4:</strong></p>

<p style="text-align: justify;">Ở cạnh phải giao diện bạn có thể bật phím tắt, công cụ AI, quản lý khóa WeatherAPI hoặc chọn màu chủ đề. Nếu muốn trở về với cài đặt gốc thì nhấn Reset Settings.</p>

<p style="text-align: justify;"><img alt="Chỉnh giao diện Material You NewTab Chrome " data-i="6" data-src="https://st.quantrimang.com/photos/image/2024/11/01/cai-theme-Pixel-Material-UI-Chrome-7.jpg" data-was-processed="true" height="606" src="https://st.quantrimang.com/photos/image/2024/11/01/cai-theme-Pixel-Material-UI-Chrome-7.jpg" width="300" /></p>

<p style="text-align: justify;">Công cụ cụ Search của Material You NewTab sẽ có<strong>&nbsp;lựa chọn giữa những công cụ tìm kiếm</strong>&nbsp;như hình. Bạn muốn dùng công cụ nào để tra cứu thì nhấn chọn vào công cụ đó. Ngay lập tức trang web tra cứu sẽ hiển thị cùng với kết quả bạn cần.</p>

<p style="text-align: justify;"><img alt="Công cụ tìm kiếm Chrome " data-i="7" data-src="https://st.quantrimang.com/photos/image/2024/11/01/cai-theme-Pixel-Material-UI-Chrome-8.jpg" data-was-processed="true" height="335" src="https://st.quantrimang.com/photos/image/2024/11/01/cai-theme-Pixel-Material-UI-Chrome-8.jpg" width="580" /></p>

<div style="text-align: justify;">&nbsp;</div>
		</div>
				<div id="author">
						<p>
				<strong>Nguồn tin:</strong>
				Quantrimang.com:
			</p>
		</div>
	</div>
	<div id="footer" class="clearfix">
		<div id="url">
			<strong>URL của bản tin này: </strong><a href="https://www.nguoicodonvn2008.info/vi/news/savefile/kien-thuc-may-tinh/cach-cai-giao-dien-pixel-material-ui-len-chrome-9293.html" title="Cách cài giao diện Pixel Material UI lên Chrome">https://www.nguoicodonvn2008.info/vi/news/savefile/kien-thuc-may-tinh/cach-cai-giao-dien-pixel-material-ui-len-chrome-9293.html</a>

		</div>
		<div class="clear"></div>
		<div class="copyright">
			&copy; .&#x3A; Nguoicodonvn2008.info - Cõi lòng người cô đơn &#x3A;.
		</div>
		<div id="contact">
			<a href="mailto:admin@nguoicodonvn2008.info">admin@nguoicodonvn2008.info</a>
		</div>
	</div>
</div>
        <div id="timeoutsess" class="chromeframe">
            Bạn đã không sử dụng Site, <a onclick="timeoutsesscancel();" href="https://www.nguoicodonvn2008.info/#">Bấm vào đây để duy trì trạng thái đăng nhập</a>. Thời gian chờ: <span id="secField"> 60 </span> giây
        </div>
        <div id="openidResult" class="nv-alert" style="display:none"></div>
        <div id="openidBt" data-result="" data-redirect=""></div>
		</script>
		<div class="car-top">
  <span><img src="https://www.nguoicodonvn2008.info/themes/default/images/car.png" alt=""></span>
</div>
<script src="https://www.nguoicodonvn2008.info/assets/js/jquery/jquery.min.js"></script>
<script>var nv_base_siteurl="/",nv_lang_data="vi",nv_lang_interface="vi",nv_name_variable="nv",nv_fc_variable="op",nv_lang_variable="language",nv_module_name="news",nv_func_name="savefile",nv_is_user=0, nv_my_ofs=-4,nv_my_abbr="EDT",nv_cookie_prefix="nv4c_e856T",nv_check_pass_mstime=1738000,nv_area_admin=0,nv_safemode=0,theme_responsive=0,nv_recaptcha_ver=2,nv_recaptcha_sitekey="",nv_recaptcha_type="image",XSSsanitize=1;</script>
<script src="https://www.nguoicodonvn2008.info/assets/js/language/vi.js"></script>
<script src="https://www.nguoicodonvn2008.info/assets/js/DOMPurify/purify3.js"></script>
<script src="https://www.nguoicodonvn2008.info/assets/js/global.js"></script>
<script src="https://www.nguoicodonvn2008.info/assets/js/site.js"></script>
<script src="https://www.nguoicodonvn2008.info/themes/default/js/news.js"></script>
<script src="https://www.nguoicodonvn2008.info/themes/default/js/main.js"></script>
<script src="https://www.nguoicodonvn2008.info/themes/default/js/custom.js"></script>
<script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "Organization",
            "url": "https://www.nguoicodonvn2008.info",
            "logo": "https://www.nguoicodonvn2008.info/uploads/angel.gif"
        }
        </script>
<script src="https://www.nguoicodonvn2008.info/themes/default/js/bootstrap.min.js"></script>
<script type="text/javascript">
var $scrolltop = $('.car-top');
$scrolltop.on('click', function () {
    $('html,body').animate({
        scrollTop: 0
    }, 800);
    $(this).addClass("car-run");
    setTimeout(function(){ $scrolltop.removeClass('car-run');}, 1000);
    return false;
});
$(window).on('scroll', function ()
{ 
    if($(window).scrollTop() >= 200)
    {
        $scrolltop.addClass("show");
        $scrolltop.addClass("car-down");
    }
    else
    {
       $scrolltop.removeClass("show");
       setTimeout(function(){ $scrolltop.removeClass('car-down');}, 300);
    }
});
</script>
</body>
</html>