Langkah - langkah Membuat Tombol Download
1. Buka Blog Kalian
2. Pilih Teamplate>Edit HTML
3. Masukan kode berikut diatas kode ]]></b:skin>
.download {border: none; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding: 8px 80px !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 }
4. Save Teamplate.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 }
Cara Pemasangannya
Untuk penggunaan postingan cukup pindah dari mode compose ke mode html sebelum itu buat dulu link downloadnya di mode compose dan cari contoh kode berikut:
<a href="bla bla bla" target="_blank">Download bla bla bla</a>
Tambahkan Class download di depan kode <a contoh seperti kode berikut
<a class="download" href="bla bla bla" target="_blank">Download bla bla bla</a>
kalau sudah shilakan di publish dan lihat hasilnya, sekarang kalian sudah menambahkan tombol download yang keren.Bagaimana rumit susah atau gimana? shilakan dipahami kalau sudah mentok shilakan bertanya Selamat Mencoba. Jangan lupa dishare juga ya supaya orang lain bisa tahu kali aja ada yang nyari hehe. Dan semoga Semoaga Bermanfaat bagi semuanya yang membaca.
Belum ada tanggapan untuk "Cara Membuat Tombol Download Keren Di Blog"
Post a Comment