Widget Textslide Valid Amp Template GooampV700 Modifikasi

Cara membuat widget Textslide Valid Amp Mirip Goomsite Di template Amp GooampV700 Versi Modifikasi
Amp Slider Text Ala Gomsite.net keren- Template valid Amp html Gooampv700 modifikasi template dari gooamp buatan basri martindas pemilik website goomsite.Pada template ini ada fitur slider text entah apa itu namaya.Demonya ada di blog ini di halaman depan.Membuatnya tidak begitu sulit karena berkat source kode dari mas basri martindas kita bisa membuat widget slider text ini di blog amp dengan mudah. atau kalau tidak mau susah-susah anda bisa download template valid amp valid structure data gooampv700.

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 != &quot;item&quot; and data:blog.pageType != &quot;static_page&quot;'> <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.

<b:if cond='data:blog.pageType != &quot;item&quot; and data:blog.pageType != &quot;static_page&quot;'>
 <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.
Sedikit waktu di sisihkan untuk dunia blogging