CÁCH ĐĂNG BÀI LÊN MẪU GIAO DIỆN AMP TEMPLATES

<div class=”thumb-post”> <noscript><img src=”https://lh4.googleusercontent.com/-aTAOn1qaiZ0/WFrI59QNbzI/AAAAAAAAAk4/0kUtJeSczIomSxgXx7uATlTrc_cg09tzwCPcB/s1600/gay-dung-thuong-hieu-bang-ten-mien-com.jpg” alt=”CÁCH ĐĂNG BÀI LÊN MẪU GIAO DIỆN AMP TEMPLATES” width=”650″ height=”600″/></noscript></div>

Đây là code đăng hình ảnh đại diện. Và hình ảnh đại diện nó sẽ không xuất hiện trong bài viết nữa nhé. Trừ khi bạn thêm cho nó 1 code hiển thị hình ảnh trong bài viết ( cái này mình sẽ nói ở bên dưới. )

Chú ý: Hình ảnh đại diện nên có kích thước 900 x 500 pixel cho hiển thị đẹp nhé.

Mình ví dụ đăng thử 1 bài luôn cho các bạn:

CHÈN CODE NÀY Ở PHẦN ĐẦU CỦA NỘI DUNG:

<div class=”thumb-post”> <noscript><img src=”https://lh4.googleusercontent.com/-aTAOn1qaiZ0/WFrI59QNbzI/AAAAAAAAAk4/0kUtJeSczIomSxgXx7uATlTrc_cg09tzwCPcB/s1600/gay-dung-thuong-hieu-bang-ten-mien-com.jpg” alt=”CÁCH ĐĂNG BÀI LÊN MẪU GIAO DIỆN AMP TEMPLATESCÁCH ĐĂNG BÀI LÊN MẪU GIAO DIỆN AMP TEMPLATES” width=”650″ height=”600″/></noscript></div>

… GIỮA NỘI DUNG

… CUỐI NỘI DUNG

HẾT NỘI DUNG.

Còn nếu các bạn muốn chèn ảnh vào trong bài viết thì phải dùng code này:

<div class=”img-width-600 img-center”> <amp-img src=”https://lh4.googleusercontent.com/-aTAOn1qaiZ0/WFrI59QNbzI/AAAAAAAAAk4/0kUtJeSczIomSxgXx7uATlTrc_cg09tzwCPcB/s1600/gay-dung-thuong-hieu-bang-ten-mien-com.jpg” alt=”CÁCH ĐĂNG BÀI LÊN MẪU GIAO DIỆN AMP TEMPLATES” on=”tap:lightbox1″ role=”button” tabindex=”0″ layout=”responsive” width=”450″ height=”250″></amp-img></div>

DÒNG CODE NÀY SẼ CHÈN VÀO PHẦN NỘI DUNG MÀ BẠN MUỐN.

TRONG ĐÓ:

– SRC=”” LÀ NƠI CHỨA LINK CỦA HÌNH ẢNH

– ALT=”” LÀ NƠI CHỨA MÔ TẢ CỦA HÌNH ẢNH

Còn nếu các bạn muốn chèn VIDEO YOUTUBE thì các bạn dùng code này:

<amp-youtube width=”800″ height=”600″ layout=”responsive” data-videoid=”YAYXq2um4Jo” autoplay> </amp-youtube>

Ví du: Link video có dạng như sau: https://www.youtube.com/watch?v=YAYXq2um4Jo

Thì: YAYXq2um4Jo chính là cái ID của video mà bạn muốn chèn vào trang web của bạn.

Bạn hãy chèn nó vào chỗ này trong code trên: data-videoid=”YAYXq2um4Jo”

Sau khi đã chèn thành công đoạn code hoàn chỉnh sẽ như sau:

<amp-youtube width=”800″ height=”600″ layout=”responsive” data-videoid=”YAYXq2um4Jo” autoplay> </amp-youtube>

Lấy cái code này dán vào phần nội dung mà bạn muốn video này hiển thị.

Còn nếu các bạn muốn chèn 1 lúc nhiều hình ảnh thì sử dụng code slider thanh trượt cho nhiều hình ảnh này:

<amp-carousel width=”400″ height=”300″ layout=”responsive” type=”slides”> <amp-img src=”https://lh4.googleusercontent.com/-aTAOn1qaiZ0/WFrI59QNbzI/AAAAAAAAAk4/0kUtJeSczIomSxgXx7uATlTrc_cg09tzwCPcB/s1600/gay-dung-thuong-hieu-bang-ten-mien-com.jpg” width=”400″ height=”300″ layout=”responsive” ></amp-img> <amp-img src=”https://lh4.googleusercontent.com/-aTAOn1qaiZ0/WFrI59QNbzI/AAAAAAAAAk4/0kUtJeSczIomSxgXx7uATlTrc_cg09tzwCPcB/s1600/gay-dung-thuong-hieu-bang-ten-mien-com.jpg” width=”400″ height=”300″ layout=”responsive” ></amp-img> <amp-img src=”https://lh4.googleusercontent.com/-aTAOn1qaiZ0/WFrI59QNbzI/AAAAAAAAAk4/0kUtJeSczIomSxgXx7uATlTrc_cg09tzwCPcB/s1600/gay-dung-thuong-hieu-bang-ten-mien-com.jpg” width=”400″ height=”300″ layout=”responsive” ></amp-img> </amp-carousel>

Thay link hình ảnh ở code trên = link hình ảnh mà bạn muốn. Sau đó dán vào chỗ nội dung mà bạn muốn nó hiển thị.

Còn nếu các bạn muốn chèn code BUTTON Xem Mẫu và Tải Về thì sử dụng code sau:

Xem Mẫu – 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>

Chèn link mà bạn muốn vào chỗ <a href=”” ở Xem Mẫu và <a href=”” ở Tải Về ở code trên.

Hi vọng 1 chút kiến thức này là mong muốn hữu ích để chia sẻ và may mắn với bạn.