Senin, 17 April 2017

Tombol Download Blog Responsive Keren


Tombol Download Blog Responsive Keren - Sekarang Saya Akan Memberikan Tips Cara Membuat Tombol Download Di Blog Keren Dan Simple.. Tombol Download Ini Sangat Mudah Di Gunakan Dan
Kodenya Sangat Sedikit
Di Bawah Adalah Contoh Tombol Download Tersebut


Di Atas Adalah Contoh Tombol Downloadnya Kira Kira Menurut Agan Gimana Ya ?

Tombol Download Ini Sangat Cocok Untuk Blogger Downloader Atau Blog Personal.....

Oke Kita Lamngsung Masuk Ke Tutorialnya

  • Login Blogger
  • Dasboard
  • Template/HTML
  • Cari Kode ]]></b:skin> 
  • Pasang Kode Di Bawah Ini Di atas Kode ]]></b:skin>

.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:#5FAAE3; 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:#454242; 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;}
  • Kode Di Atas Bisa Juga Di Tempel Di Bawah Kode <style>
  • Kemudian Klik ( SAVE )
  • Kemudian Kode HTMLnya
  • Copy Kode Di Bawah Ini

<div class="button">
<a class="download" href="https://blogkamu.com/">DOWNLOAD</a>
</div>
<div class="clear"></div>

Silahkan Ganti Kode Warna Merah Tersebut Dengan URL Tujuan