Membuat Button Download Responsive pada Template Viomagz
Blogging
Halo Sobat Teknisi apa kabar? Template buatan Mas Sugeng memanglah sudah terkenal bagi para Sobat Blogger, tampilannya responsive untuk desktop dan mobile, cepat untuk diload, serta SEO friendly.
Salah satunya Viomagz, viomagz menyediakan fitur button 'download' dengan desain responsive. Namun karena pembuatnya tidak membuatkan dokumentasi khusus mengenai pembuatan button ini, pada kesempatan ini saya akan membagikan cara membuat tombol download responsive bawaan Viomagz buatan Mas Sugeng.
Tanpa perlu basa basi lagi, button ini bergerak menampilkan animasi download saat kursor berada di atas button atau dalam css disebut hover. Bisa dilihat hasilnya pada demo button yang saya sediakan di bawah ini, letakkan kursor Sobat tepat di atas button 'download'.
Terlihat keren kan Sobat Teknisi, lalu cara membuatnya gimana?
Pada template Viomagz ini, kita hanya perlu memasukkan script di bawah dalam mode html saat hendak menulis artikel. Setelah itu Sobat bisa melanjutkan menulis di mode compose.
<a class="buttonDownload" href="URL-DOWNLOAD">Download</a>Ganti tulisan 'URL-DOWNLOAD' dengan link download yang Sobat punya. Warna button tergantung pada warna default template yang digunakan.
Begitu temen-temen cara membuat tombol 'download' responsive pada template viomagz, selamat mencoba semoga bermanfaat.