Cara membuat tombol download di blog
Tutorial sites - Mungkin bagi kalian yang memiliki blog yang memiliki postingan yang berisi download, widget download ini cocok banget untuk di pasang di blog kamu, karena akan membuat daya tarik terhadap pengunjung blog kamu.
Demo :
Tombol Download ini dibuat dengan menggunakan CSS, jadi untuk kreasi lain silakan untuk mengeditnya sesuai keinginan dan kebutuhan.
Cara Membuat Tombol Download Keren :
- Login akun blogger Anda.
- Lalu pilih Template > Edit HTML
- Cari kode
]]></b:skin> - Copy CSS di bawah ini dan paste di atas kode
]]></b:skin>
Keterangan : Untuk membuat tombol download berada di samping kiri ubah.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}text-align:center;menjaditext-align:left;(di dalam.button) - Kemudian simpan template.
Selanjutnya untuk penggunaannya di dalam postingan adalah tuliskan kode di bawah ini pada mode HTML :
<div class="button">
<a class="download" href="http://www.asalblitar.com">DOWNLOAD</a>
</div>
<div class="clear"></div>
Dengan mengikuti langkah di atas dengan benar, saya jamin tombol download agan berhasil di pasang, demikian artikel kali ini, semoga bermanfaat dan selamat mencoba.
sumber : www.asalblitar.com
sumber : www.asalblitar.com
0 komentar:
Posting Komentar