Cara Menambahkan ScrollTo Pada Sticky Header AMP
Halo Sobat blog kita, di kesempatan kali ini admin mau berbagi artikel berjudul Cara Menambahkan ScrollTo Pada Sticky Header AMP, kami sudah membuat artikel dengan baik, yang berkualitas dan bermanfaat untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan tentang
AMP,
Blogger,
Tutorial, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.
Tutorial kali ini adalah cara membuat/memberikan efek scrollto atau backtotop di sticky header, efek ini seperti sticky header yang di gunakan oleh web Google Plus. Tutorial ini berguna untuk menggantikan fitur dari Back to Top Button yang secara umum biasanya ada di blog tersebut.
Anda bisa menggunakan menu navigation sticky simple yang sudah jadi satu antara mnu nav dengan judul/header blog Anda. Trick ini dapat Anda pasangkan di blog AMP, karna tutorial ini saya dapatkan dari postingan Kompi Ajaib.
Caranya sebenarnya tidak begitu sulit, dikarenakan hanya menambahkan tag dan CSS saja dan langsung work pada blog Anda
1. Silakan Anda tambahkan
2. Selanjutnya menambahkan action pada tag div, harus Anda tambahkan
Note:
Silakan ganti
3. Silakan tambahkan CSS dibawah ini di awal atau di akhiran tag
Baca juga : Membuat Menu Navigation Ala Arlina Design
Silakan Anda save templatenya, untuk selain AMP saya belum menguji cobanya, akan tetapi menurut saya work juga karna tidak menggunakan banyak kode.
Demikianlah Artikel: Cara Menambahkan ScrollTo Pada Sticky Header AMP
Anda sekarang membaca artikel Cara Menambahkan ScrollTo Pada Sticky Header AMP dengan alamat link https://blog-kita-semuaa.blogspot.com/2017/11/cara-menambahkan-scrollto-pada-sticky.html
Tutorial kali ini adalah cara membuat/memberikan efek scrollto atau backtotop di sticky header, efek ini seperti sticky header yang di gunakan oleh web Google Plus. Tutorial ini berguna untuk menggantikan fitur dari Back to Top Button yang secara umum biasanya ada di blog tersebut.Anda bisa menggunakan menu navigation sticky simple yang sudah jadi satu antara mnu nav dengan judul/header blog Anda. Trick ini dapat Anda pasangkan di blog AMP, karna tutorial ini saya dapatkan dari postingan Kompi Ajaib.
Menambahkan ScroolTo Seperti Google+
Caranya sebenarnya tidak begitu sulit, dikarenakan hanya menambahkan tag dan CSS saja dan langsung work pada blog Anda
1. Silakan Anda tambahkan
on='tap:totop.scrollTo' pada tag div sticky header Anda.2. Selanjutnya menambahkan action pada tag div, harus Anda tambahkan
role='button' dan tabindex='0' kurang lebih penulisan lengkapnya seperti dibawah ini<div class='sticky_header' on='tap:totop.scrollTo' role='button' tabindex='0'>Note:
Silakan ganti
sticky_header dengan tag sticky header Anda3. Silakan tambahkan CSS dibawah ini di awal atau di akhiran tag
style pada template blog Anda#totop:before{content:"";display:block;height:53px;margin-top:-53px;visibility:hidden}Baca juga : Membuat Menu Navigation Ala Arlina Design
Silakan Anda save templatenya, untuk selain AMP saya belum menguji cobanya, akan tetapi menurut saya work juga karna tidak menggunakan banyak kode.
Demikianlah Artikel: Cara Menambahkan ScrollTo Pada Sticky Header AMP
kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Cara Menambahkan ScrollTo Pada Sticky Header AMP dengan alamat link https://blog-kita-semuaa.blogspot.com/2017/11/cara-menambahkan-scrollto-pada-sticky.html
Post a Comment for "Cara Menambahkan ScrollTo Pada Sticky Header AMP"