Cara Membuat Textslide Valid Amp
Kopi kode css dan pastekan di template anda.Jika ingin membuat widget textslide ini di homepage silakan cari penempatan cssnya biasanya di antara kode berikut
<b:if cond='data:blog.pageType != "item" and data:blog.pageType != "static_page"'>
<style amp-custom='amp-custom'>
------------------------
----CODE CSS DI SINI----
------------------------
</style> </b:if>
Setelah itu anda tempatkan kode htmlnya di atas main-wrapper atau conten-wrapper Di sini anda pasti jeli penempatanya yang penting di atas postingan dan sidebar.
------------------------
----CODE CSS DI SINI----
------------------------
</style> </b:if>
<b:if cond='data:blog.pageType != "item" and data:blog.pageType != "static_page"'>
<div class='amp-content2'>
<div class='spotslide'>
<amp-carousel height='350' layout='fixed-height' type='slides'>
<div class='textslide'>
<span>AMP HTML Blog Dan Informasi Dunia Maya </span>
<p>Situs Tentang Blog AMP Html Dan Yang Berkaitan Dengan Blog</p>
<ul class='button'>
<li><a class='amp-button' href='https://amp-html-blog.blogspot.com/p/sitemap.html' target='_blank'>ALL CONTENT</a></li>
</ul>
</div>
<div class='textslide'>
<span>Accelerated Mobile Pages (AMP) HTML</span>
<p>AMP HTML atau Accelerated Mobile Pages HTML <br/>Lihat Semua Artikel Tentang Amp Html</p>
<ul class='button'>
<li><a class='amp-button' href='https://amp-html-blog.blogspot.com/search/label/Amp%Html.html' rel='nofollow' target='_blank'>AMP HTML</a></li>
</ul>
</div>
<div class='textslide'>
<span>Dapatkan Informasi Dunia Maya Menarik Lainya</span>
<p>Berbagi Informasi Tentang Dunia Maya Dan Yang Masih Berkaitan Dengan Blog </p>
<ul class='button'>
<li><a class='amp-button' href='https://amp-html-blog.blogspot.com/search/label/blogging' target='_blank'>AMP TEMPLATE</a></li>
</ul>
</div>
</amp-carousel>
</div>
</div>
</b:if>
Pada template Gooampv700 anda hanya tinggal ganti yang di tandai warna kuning dan garis bawah dengan kata-kata yang anda inginkan dan yang bercetak tebal miring silakan ganti dengan url tujuan.