Hướng dẫn đăng bài cho giao diện AMP
Minh Khang 6 năm trước

Hướng dẫn đăng bài cho giao diện AMP

Trong bài viết này thật ra là mình chỉ lưu lại những gì mình đang sử dụng cho giao diện hiện tại thôi. Có gì lỡ quên thì có thể lục lại mà sử dụng.

Nên nếu bạn có lướt qua bài viết này thì bỏ qua nhé, và nếu bạn thấy có ích cho bạn thì cứ xem để tìm hiểu thêm nha.

– Hình ảnh chuẩn để làm hình đại diện đầu tiên phải có kích thước là 900×500 pixel.
HÌNH ĐẦU TIÊN

<div class="thumb-post">
<noscript><img src="" alt="" width="650" height="600"/></noscript></div>

ĐĂNG HÌNH

<div class="img-width-600 img-center">
<amp-img src="" alt="" on="tap:lightbox1" role="button" tabindex="0" layout="responsive" width="450" height="250"></amp-img></div>

+ Alt: mô tả hình ảnh.
+ Src: đường dẫn của hình ảnh.

THAY ĐỔI ĐƯỜNG DẪN HÌNH

https://lh5.googleusercontent.com

YOUTUBE

<amp-youtube width="480" height="270" layout="responsive" data-videoid="" autoplay> </amp-youtube>

Ví dụ: Youtube có link https://www.youtube.com/watch?v=qrV0DhHnMzs thì chỉ cần lấy ID là qrV0DhHnMzs đặt vào chỗ data-videoid="qrV0DhHnMzs" là được.

BUTTON XEM MẪU VÀ TẢI VỀ

<div id="amp-button">
<a href="" class="green" target="_blank" rel="nofollow">Xem mẫu</a>      <a href="" class="orange" target="_blank" rel="nofollow">Tải về</a></div>

+ href: đường dẫn liên kết.
+ https://docs.google.com/uc?id=
+ Khoảng trắng: & nbsp;
+ Màu sắc: blue, green, red, orange, purple, yellow, pink, grey, turquoise, midnight, asbestos, dark.

104 lượt xem | 0 Bình luận
Tôi là Minh Khang là một tác giả trên web allfreevn.com. Tôi chuyên viết bài viết trong lĩnh vực Công nghệ thông tin và game. Tôi là một chuyên gia có kinh nghiệm và đam mê trong lĩnh vực này, với kiến thức sâu và khả năng áp dụng linh hoạt, tôi đã viết nhiều bài viết chất lượng về các khía cạnh khác nhau của công nghệ thông tin như thủ thuật, hướng dẫn cách làm thế nào... Cám ơn các bạn xem bài viết của tôi.

Bình luận gần đây