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 == "item"'>
<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>
<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
Đăng nhận xét