Cara Membuat Tombol Download keren dan Responsive

BeHangat.Net Cara Membuat Tombol Download keren dan Responsive - Jumpa lagi dengan admin BeHangat.Net sebelumnya admin minta maaf belakangan kali ini jarang aktif untuk menyapa kalian semua di karenakan Laptop admin sedang rusak. Pada kesempatan kali ini admin akan memberikan tutorial membuat Tombol Download keren dan Responsive.

Untuk membuat Tombol Download sebenarna sangat mudah. kalian hanya perlu sedikit pemahaman tentang HTML dan bahasa pemrograman CSS. langsung saja kita ke pokok permasalahnya saja yaitu Membuat Tombol Download di Blog

Cara Membuat Tombol Download Keren Dan Responsive Di Blog

  1. Yang pertama ini langkah wajib yaitu harus masuk ke Blogger.com untuk login => Pilih Tema Pilih Edit HTML
  2. Disini admin telah menyediakan kodingnya sehingga kalian bisa langsung mengcopy saja dan pasang di atas kode ]]></b:skin> atau </head> kemudian kalian simpan
      <style type="text/css">
    .button {
    float:left;
    list-style:none;
    text-align:center;
    width:100%;
    margin:5px 0;
    padding:0;
    font-size:14px;
    clear:both;
    }

    .download {
    border:none;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    padding:8px 30px !important;
    background: linear-gradient(to right, #4653F8, #000000, #4653F8);
    color:#fff !important;
    text-align:center;
    text-shadow:0 0 1px rgba(0, 0, 0, 0.3);
    -webkit-text-shadow:0 0 1px rgba(0, 0, 0, 0.3);
    -moz-text-shadow:0 0 1px rgba(0, 0, 0, 0.3);
    -ms-text-shadow:0 0 1px rgba(0, 0, 0, 0.3);
    transition:background-color 1s ease-out 0s;
    -moz-transition:background-color 1s ease-out 0s;
    -webkit-transition:background-color 1s ease-out 0s;
    -o-transition:background-color 1s ease-out 0s;
    letter-spacing:1px;
    }

    .download:hover {
    background:#000000;
    text-shadow:0 0 1px #222;
    -moz-text-shadow:0 0 1px #222;
    -webkit-text-shadow:0 0 1px #222;
    -ms-text-shadow:0 0 1px #222;
    }
    </style>

Jika langkah di atas sudah kalian lakukan maka lagkah selanjutnya untuk menambilkannya di blog kalain. untuk langkahnya juga mudah silahkan ikuti langkah-langkah di bawah ini dengan benar.
Artikel Terkait

Cara Menampilkan Tombol Download Di Blogger

Pada kalian membuat artikel atau postingan baru, Silahkan pilih HTML lalu kalian gunakan koding di bawah ini untuk menampilkan menu downloadnya nanti
  <div class="button">
<a class="download" href="https://www.behangat.net">DOWNLOAD</a>
</div>
<div class="clear"></div>
Silahkan kalian ganti https://www.behangat.net dengan link tujuannya

Bagai mana cukup mudah bukan untuk membuatnya. kalian juga bisa edit sendiri tampilan CSS-nya sesuai selera kalian. Mugkin cukup sekian artikel tentang Cara Membuat Tombol Download keren dan Responsive ika kalian masih ada yang kurang mengerti silahkan bertanya di kolom komentar yang sudah tersedia di bawah artikel ini dan jangan lupa untuk share artikel ini agar semakin banyak orang orang yang mengetahui dan membaca karena dengan membaca kita jadi tahu.

Jika ada kesalahan kata BaHangat.Net minta maaf, dan semoga artikel ini berguna, bermanfaat. Terimakasih sudah membaca dan sudah mampir di BeHangat.net sampai jumpa di pertemuan berikutnya.

Trimakasih dan selamat Mencoba *-*

Jika Kamu Punya Artikel, Puisi, Sesuatu Yang Ingin Kamu Upload, Maka Kamu Bisa Kirim Ke Alamat Email Di Bawah Ini:
Email : puisibehangat@gmail.com
Sertakan Judul Beserta Foto/Gambar

Reaksi:

You Might Also Like:

Use parse tool to easy get the text style on disqus comments:
Show Parser Hide Parser