BLOGAMP Them chuẩn AMP Responsive Blogger

Hôm trước mình có chia sẻ 2 them Google Amp cho blogger, hôm nay tình cờ thấy blogger đã thiết kế them AMP MDCAMP và AMPNEWS chia sẻ một mẫu giao diện AMP Google khác có tên là BLOGAMP.

Các tính năng của BLOGAMP  Them chuẩn AMP Responsive Blogger

Phù hợp với mọi thiết bị, nhất là mobile
Chuẩn Amp
Cấu trúc thân thiện seo
Them này được thiết kế với 3 cột
Cài sẵn tự động ngắt bài viết
Thanh điều hướng đẹp với hiệu accordion
Có chèn sẵn bài viết ngẫu nhiên
Cài hệ thống commend Disqus
Có sẵn ADS trong bài viết
Loading rất nhanh

Demo --- Tải về máy --- Hosting tốt 50K/tháng

Hướng dẫn chỉnh sửa BLOGAMP  Them chuẩn AMP Responsive Blogger


Thay đổi Avarta:


Các bạn tìm link ảnh này và thay thế bằng link ảnh của các bạn
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhowTgHOZTeEi71Rk6tScB8qw8jRkVR6qxQzLXtJHdEmxzkLHuGjMFlqgNYFMVxlXsnnHM3KWgPJXNx9x8jByWBt-N_6DgYEouo1DS5jE-p3wQ1Iatt05TThshkosc7S7JFAE6bzKDBnbc/s1600/avatar92.jpg

Thay đổi menu


Tìm code sau đây và thay đổi cho phù hợp với blog của bạn.

<div class='nav-slide slideInUp' id='nav-slide'>
<ul>
<li><span>MENU</span></li>
<li><a href='#' title='Kode Warna'>Kode Warna</a></li>
<li><a href='#' title='Parse HTML'>Parse HTML</a></li>
<li><a href='#' rel='nofollow' target='_blank' title='Photoshop'>Photoshop</a></li>
<li><a href='#' rel='nofollow' target='_blank' title='HTML5'>HTML5</a></li>
<li><a href='#' rel='nofollow' target='_blank' title='CSS'>CSS</a></li>
<li><a href='#' rel='nofollow' target='_blank' title='JavaScript'>JavaScript</a></li>
<li><a href='#' rel='nofollow' target='_blank' title='jQuery'>jQuery</a></li>
<li><a href='#' rel='nofollow' target='_blank' title='Responsive'>Responsive</a></li>
<li><a href='#' rel='nofollow' target='_blank' title='AMP'>AMP</a></li>
</ul>
</div>

Ảnh phía trên tiêu đề:


Các bạn chèn code sau vào phân HTML của bài viết rồi chỉnh sửa lại cho phù hợp.Không thích thì không dùng chả sao cả.

<noscript><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3aigegxQjNVwNr7BGmM1Ifzu40yenoOwI6-wIwJoTQxUia213j_dtI1TotqLGA1j5aV-ieBMPJA_gCJuqhOcs2XdesB-8uM8HqdEaJk2SHBo7wkUSZiKsaJhqkXrpQcwxUW1if2y0Wsc/s320/TRAINING7.jpeg" title="amp" /></noscript>

Code chỉnh sửa ADS


<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='postadstop'>

 <span>Advertisemen 300x250</span>

<a href='http://www.goomsite.top/' target='_blank' title='300x250'><amp-img alt='Advertise' height='250' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn1hm5Vl6V5TBwf7E_3E_6762RX_H5q7p3eF7LgxNLTQO4qnXocdF0kMG0hgUQlc-dV0ULm0D0s49d0CvsjXsN8cIj07PY81-LQa2nNgSTOcHv8m3akidXIp_ZGRrYB5vTaAeaQGaLBaU/s1600/300.jpg' width='300'/></a>

</div>

 <data:post.body/>

<div class='postadsbottom'>

 <span>Advertisemen 336x280 </span>

<a href='http://www.goomsite.top/' target='_blank' title='336x280'><amp-img alt='Advertise' height='280' layout='responsive' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU-zAk3tCAlr0BYRhexcnRHx96zSus_SY1eYuCz4F4cviPUlyYjoHY0aqS9yw5RLxXDEbybMjq8YZhnnKhgySyx-DxormcXBuSczIZwLd3xi4dVI7KdxnlCiMM-vb3x5VEqkrVvArEhEM/s1600/336.jpg' width='336'/></a></div>

</b:if>




Đăng kí nhận bài mới qua MAIL

Nếu bạn thích các bài viết trên blog này hãy đăng kí để cập nhật các bài viết mới nhanh nhất

Nhận xét: