Cara Membuat Tombol Demo Dan Download

Cara Membuat Tombol Demo dan Download Keren dan Responsive di Blogger
Daftar Isi Artikel []
Cara mudah membuat dan memasang widget tombol demo dan download yang simple, keren, dan responsive pada postingan blogger.
Widget tombol demo dan download sangat diperlukan untuk diterapkan di blog, khususnya untuk blog dengan niche download. Entah itu download aplikasi, video, lagu, template blogger, dll.

Blog dengan niche blogging juga sering menggunakan widget tombol demo dan download untuk membungkus link yang menuju Contoh Tutorial yang dibuat agar tampilannya menjadi lebih menarik.

Nah pada postingan ini, saya akan memberikan tutorial bagaimana cara membuat tombol demo dan download…

Jika sobat tertarik untuk memodifikasi link yang di postigan menjadi lebih menarik, baca artikel ini sampai selesai…

Cara Membuat Tombol Demo dan Download di Blogger

Pertama, login ke Blogger.com

Kemudian masuk menu Theme/Template cari kode ]]></b:skin>, untuk memudahkan proses pencarian tekan tombol CTRL + F

Selanjutnya Letakan kode CSS dibawah ini diatas ]]></b:skin>

.buttonmt{
  text-align: center;
}
.btn{
 font-family: Google Sans,sans-serif;
 background-color: #039be5;
 color: #fff;
 padding: 6px 12px;
 margin-bottom: 5px;
 font-size: 16px;
 line-height: 1.42857143;
 text-align: center;l
 white-space: nowrap;
 vertical-align: middle;
 -ms-touch-action: manipulation;
 touch-action: manipulation;
 cursor: pointer;
 border-radius: 4px;
 display: inline-block;
  text-decoration: none;
}
.btn:hover{
 background-color: #0388ca;
}

Jika sobat kurang suka dengan warnanya silahkan ganti #039be5 dan #0388ca

Nah, Sampai disini sobat sudah sukses memasang tombol demo dan download, lanjut ke langkah berikutnya…

Cara Memasang Tombol Demo dan Download di Postingan Blogger

Agar widget tersebut bisa tampil di postingan blogger, sobat harus memanggil css yang sudah dibuat tadi dengan kode dibawah.

<div class="buttonmt">
<a href="#" class="btn">Demo</a>
<a href="#" class="btn">Download</a>
</div>
Ganti # dengan url tujuan

Letakan kode tersebut pada tab HTML pada saat Membuat postingan.
Cara Memasang Tombol Demo dan Download responsive di postingan Blogger
Menu HTML di Postingan Blogger


Jika berhasil maka hasilnya akan seperti tombol dibawah ini:


Itulah cara mudah membuat tombol demo dan download di postingan blogger,
Selamat Mencoba, Semoga Bermanfaat…