Home

Membuat Tombol Download di Blog Dengan HTML Postingan

Anang_at
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,

Bagikan:
Blogger Tutorial

Post a Comment