Dưới đây là:

Ưu Điểm Và Cách Làm Thế Nào Để Thực Hiện Dễ Dàng 1 Amp Blogger Template

AMP là gì? cách thiết kế trang web và blog chuẩn amp?

Cách lập trình trang web - blog chuẩn amp?

Đó là những câu hỏi mà có 1 số các bạn đang tìm kiếm nó...

Vì sự phát triển của công nghệ ngày nay, đặc biệt là trong lĩnh vực viễn thông thì chắc chắn chúng ta phải được thực hiện bởi những diễn biến hiện tại, một ví dụ về những gì chúng ta có thể nhìn thấy hôm nay là ngày càng nhiều người đang sử dụng điện thoại thông minh để tiến hành các hoạt động của họ trong cuộc sống hàng ngày của họ, bao gồm cả việc thực hiện truy cập internet.

Bằng cách nhìn vào các hiện tượng trên và phát triển công nghệ, nên chúng tôi như một blogger hay nhà phát triển web rằng, bằng cách xây dựng một trang web hoặc blog mà đã được trang bị với các sản phẩm AMP ( Accelerated Mobile Pages ) từ Google.

AMP là gì và AMP Làm thế nào để tạo ra một blogger dựa trên web? AMP là một sản phẩm từ Google thực hiện với mục đích tạo điều người tiêu dùng để truy cập vào một trang web hay blog bằng cách sử dụng trình duyệt hoặc điện thoại thông minh, nếu một trang web đã được sử dụng một mẫu hoặc chủ đề AMP, blog có thể được truy cập một cách dễ dàng và rất nhanh khi sử dụng trình duyệt hoặc smartphone ở tốc độ hơn 4 lần so với tốc độ của mẫu thông thường không sử dụng amp, và không chỉ có vậy amp cũng có thể tiết kiệm sử dụng dữ liệu trong chúng ta khám phá một trang web nhiều hơn 10 lần so với khi chúng tôi đã truy cập vào một trang web mà không được sử dụng amp.

Vâng đây tôi sẽ chia sẻ một chút về các bước trong việc tạo ra một blogger phiên bản mẫu amp ( blogspot ).

Trên trang HTML blogger của bạn:

1. Thay thế các thẻ <html>với thẻ <html amp='amp' lang='en'>

2. Thêm thẻ mã sau

<meta charset="utf-8">

<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">

sau khi các mã trên.

3. Thay đổi các tag </head>với đoạn mã sau


<style amp-boilerplate='amp-boilerplate'>
body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript>
<style amp-boilerplate='amp-boilerplate'>
body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}
</style></noscript>
<script async='async' src='https://cdn.ampproject.org/v0.js'></script> </head>

4. Thay thế tất cả các thẻ img trở thành amp-img như một ví dụ xem mã dưới đây:

<amp-img src="gambar-photo.jpg" alt="amp-img" height="400" width="600"></amp-img>

5. Lưu mẫu và Finish của bạn và xem kết quả.

Chúc may mắn và hi vọng nó là hữu ích, xin chúc mừng!
BÀI VIẾT CÓ HỮU ÍCH?

CHIA SẺ BÀI VIẾT LÊN FACEBOOK:

Related Posts