Skip to content Skip to sidebar Skip to footer

Membut tombol download dan demo minimalis di Blogger




Kali ini kita akan memberika sedikit source code untuk membuat tombol download dan demo minimalis di blogger menggunakan font awesome. Terkadang blogger perlu menyediakan tautan unduhan eksternal atau tautan demo dan mereka menggunakan tag jangkar untuk itu, namun, untuk menarik pembaca mengklik tautan, tombol demo dan unduh dapat bermanfaat.

Membuat tombol di blogger sangatlah mudah dengan memanggil tag <button> atau menggunakan fitur CSS seperti padding, border, dan sebagainya.

Dalam tutorial ini, saya akan membagikan Tombol Demo dan Unduhan CSS sederhana berbasis CSS Murni yang sederhana namun efektif untuk blogger yang terlihat memukau dan sangat cocok dengan desainnya. Mari kita periksa beberapa fitur keren.

Fitur Demo CSS Bergaya dan Tombol Download untuk Blogger

  • CSS murni.
  • Ringan.
  • Font Ikon mengagumkan digunakan.
  • Kombo sederhana HTML dan CSS.
  • Efek Arahkan Keren.
  • Teks juga berubah saat mengarahkan kursor.
  • Mudah untuk disesuaikan.

Cara Membuat Tombol Demo dan Download di Blogger

Untuk membuat  tombol download dan demo pada blogger sangatlah mudah. berikut ini adalah langkah-langkah untuk membuat tombol demo dan download di blogger sebagai berikut :

Tambah Font Awesome di Blogger

Untuk menambahkan font awesome di blogger silahkan masuk ke pengaturan tema kemudian pilih edit HTML dan cara kode </head>. Jika sudah ketemu masukan source code dibawah ini.


Tambah CSS di Blogger

Masukan CSS untuk menampilkan hasil terbaik untuk tombol download dan demo. silahkan cari ]]></b:skin> dan masukan source code dibawah ini dan simpan tema.


Masukan Tombol di Postingan

Jika sudah menambahkan font awesom dan CSS pada blogger. Untuk menampilan tombol download dan demo pada postingan masukan code dibawah ini menggunakan mode html


Jika butuh hanya tombol download

Jika butuh hanya tombol demo

Itulah cara untuk membuat tombol download dan demo minimalis di blogger. Jika anda ingin merubah icon dari masing-masing tombol silahkan cari <i class="fa fa-laptop"></i> atau <i class="fa fa-download"></i> dan cari icon yang anda butuhkan disini. hasil dari desain diatas adalah seperti dibawah ini



Nanda Krisbianto
Nanda Krisbianto Industri & Software Engineer, Penulis, Pebisnis muda.

Post a Comment for "Membut tombol download dan demo minimalis di Blogger"