Cara Mudah Membuat Tombol Download

Loading Buttons adalah Suatu tombol yang dimana terdapat animasi bergerak dengan fungsi untuk menunggu waktu proses menuju halaman.

Cara Mudah Membuat Tombol Download

Yang perlu Anda lakukan untuk membuat Tombol Download sebagai berikut:

Cara Mudah Membuat Tombol Download


1. Login ke blogger.com.
2. Cari kode </head> pada Tema > Edit HTML.
3. Copas (copy-paste) kode di bawah ini sebelum kode </head>.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>

4. Cari kode </style> pada Tema > Edit HTML.
5. Copas (copy-paste) kode di bawah ini sebelum kode </style>.
.btn {
background-color: DodgerBlue;
border: none;
color: white;
padding: 12px 30px;
cursor: pointer;
font-size: 20px;
}

/* Darker background on mouse-over */
.btn:hover {
background-color: RoyalBlue;
}

6. Bila sudah memasang style button pada Tema > Edit HTML, sekarang simpan tema Anda.
7. Sekarang untuk menerapkan kode di atas, tambahkan kode HTML di bawah ini di dalam postingan pada tab HTML (bukan compose).

<button class="btn"><i class="fa fa-download"></i> Download</button>
<button class="btn" style="width:100%"><i class="fa fa-download"></i> Download</button>

Result:


Cobalah kreasikan sendiri di sini Tryit Editor

Related Search Pages:
  • Cara Membuat Tombol Demo dan Download Sederhana
  • 4 cara untuk membuat tombol download
  • Cara Membuat Tombol Download Sederhana Menggunakan HTML5
  • Cara Mudah Membuat Tombol Download Sederhana
  • Cara Membuat Tombol Demo dan Download di Blogger Simple dan ...

Komentar

Postingan populer dari blog ini

Terlalu Dekat Dengan Pasar, 15 Minimarket Modern Di Malang Akan Di Tutup Oleh Pemkot Malang

Cara Menghindari Konten Salinan dengan Baik dan Benar

112 TPS di Riau akan melakukan pengulangan Coblosan dan Lanjutan