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


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/AVvXsEjsedLPD5gSzBHGIBzLiea74nva2DHLPofakAiXfH__WHdk01HHw3SXpMk5MG0STKJ7xtVk-XmDcM4eiYhfAuX__OGTV-AJQ-gvwzAipF1tRWzxbPdOn_2kYOISwQ3fH5wO68oRhIk5ek8/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í 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/AVvXsEgCbXpFaG4E291l-CvyrcqGu_Ro6IxxgLEX4zf8vkWadpEaxJcBgQxbW8JJCi4DK1TvVMZxRFvouaa38gjbkSzodz15a8_YdCBxHxauwB17TWOi-GibQ-GhSvEtsPnliYS6t4mM7YFdTic/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/AVvXsEgnGg5VuZZrr-JxqhMbYOSQxPjLj0UML9bJYCWTHsPPX1udYIHOi9vSyAETIdwIr6efCFneiK4s4OCDV5vkrF33DDI1ItrYa86_PsIaZzHXZIOqdbXKWfS-eS_PBHOYXWEG-2tS1C5nBdE/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/AVvXsEhvlZPAscnWYv7_hp20DiywYVLIe7Cu7gpcJgi0vqusiN6MyDtZ_p1dGQi-H-3sV6vyiUpcw4HNHpl_RUy7vycRdZ-t1QihKvGEnvZlJuB6J0a2Ogn9XIaRbJU2NB5I6fOBp129ZzZeSJ8/s1600/336.jpg' width='336'/></a></div>
</b:if>


Nhận xét

Bài đăng phổ biến từ blog này

Them Amp blogger 1 cột