Cara buat tombol Demo di blogspot dengan materil design

tombol-demo-blog
























heytekno.com - Pada kali ini jika kalian mencari artikel Cara buat tombol Demo di blogspot dengan materil design, baik itu yang bisa tampil pada perangkat mobile dan laptop kaliaan berkunjung di tempat yang tepat sekali. Oke mari kita lanjut bersama, tampilan tombol buttom disambut baik oleh pengguna serta oleh developer karena memiliki tampilan yang lebih menarik dan memikat saat dilihat,beda lagi apabila  tombol ini pasti sering kita jumpai pada blog yang ingin menampilkan sebuah demo tema atau bisa juga

tombol download yang kemudian di arahkan ke link download safelink mereka .

Pada kesempatan kali ini kami dari raden salim akan memberikan sebuh contoh tombol demo dan download yang ditambahkan dengan effeck animasi ripple(yakni gelombang) pada saat kita menekan tombol tersebut yang merupakan salah satu fitur seperti effect animasi dari material design yang berhasil kita buat.


Cara buat tombol Demo di blogspot dengan materil design. 
Caranya sangat mudah hanya tinggal login di blog dan tambahkan kode css seta pemanggil htmlnya untuk lebih jelasnya mari kita bahas langkah-langkahnya dibawah ini

Langkah 1 Login ke akun blogger kalian

Langkah 2 Masuk ke menu tema lalu edit HTML
Langkah 3 Tambahkan kode CSS di bawah kode ]]></b:skin> atau </style>
NOTE : Untuk warna tombol dan fungsi lain semisal ingin dirubah bisa kalian sesuaikan kembali
Lnagkah 4 Tambahkan Kode Jquery ini sebelum kode </body>
Note : Kode Jquery berfungsi untuk memunculkan efek Ripple pada tombol

Langkah 5: Kemudian Simpan Template.
Langkah 6 : buat kode untuk memangilnya, tambahkan kode HTML di bawah ini di dalam postingan pada tab HTML (bukan compose)

Note tambahkan link pada kode yang ditandai

Dan selesailah kalian berhasil membuat sebuah buttom, cukup gampang dan mudah kan. silahkan tulis komen apabila mengalami kendala dan kami sangat menghargai setiap pertanyaan dari para pembaca.

By : Raden Salim Temukan Berbagai macam Tutorial Blogger, Tutorial SEO,dan Tutorial Adsense Terkini