Membuat Tombol Download di Blog Dengan HTML Postingan
Kalian ingin membuat tombol downlaod pada blog tanpa harus menambah i kode script pada tema HTML di <style> pas sekali kalian membuka postingan ini.
Kode script ini hanya di pasang pada postingan blog saja sudah bisa menjadi tombol downlaod yang sangat keren serta bagus.
Hal - hal yang harus di persiapkan dalam mebuat tombol download iyalah
- Buat postingan
- Kode Tombl download
Kode download berbentuk HTML
<style type="text/css">.classname {-moz-box-shadow:inset 0px 1px 0px 0px #caefab;-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;box-shadow:inset 0px 1px 0px 0px #caefab;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #c7d6ba) );background:-moz-linear-gradient( center top, #77d42a 5%, #c7d6ba 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#c7d6ba');background-color:#77d42a;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #268a16;display:inline-block;color:#306108;font-family:arial;font-size:10px;font-weight:bold;padding:6px 8px;text-decoration:none;text-shadow:1px 1px 0px #aade7c;}.classname:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c7d6ba), color-stop(1, #77d42a) );background:-moz-linear-gradient( center top, #c7d6ba 5%, #77d42a 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7d6ba', endColorstr='#77d42a');background-color:#c7d6ba;}.classname:active {position:relative;top:1px;}</style><span style="color: blue;"><a class="classname" href="http://anangzd.com" target="_blank">Download </a></span>
Keterangan :
Warna merah : Ganti URL atau Link Download kalian
Kode #77d42a : Yang artinya warna ubah dengan kode warna sesuka kalian
Hasil dari kode script di atas
Bagaimana hasilnya sangat bagus bukan, nah sekarang kita buat kode download berserta gambarnya di blog kita ya simak ya
- Buat postingan, ubah menjadi HTML, copy lalu paste pada postingan
- Done
Sekarang kalian sudah bisa membuat download pada blog secara mudah tanpa harus ribet pokoknya. Semoga panduan ini bisa bermanfaat buat kalian. Trima kasih,
0 Comments:
Post a Comment