3 Model Tombol download keren untuk blogger

Konten [Tampil]

Halo sobat blogger pernah kah kamu melihat bahwasannya ada beberapa situs website, seperti blog dan wordpress,di dalam nya terdapat sebuah tombol yaitu tombol download, biasanya situs yang menampilkan tombol itu adalah situs situs yang memberikan atau membagikan sebuah file untuk para pengunjung nya.

download sendiri adalah mengunduh,menerima atau mengambil sebuah data atau sebuah berkas dari layanan internet menuju ke komputer nya, dan tentu nya ini memerlukan akses internet.

download itu sendiri sangat berguna dan bermanfaat sekali bagi orang banyak, untuk memudahkan mereka mendapatkan sebuah file ataupun berkas dari orang lain, 

Cara Membuat Tombol download keren di blogger dengan simpel

sesuai dengan yang kita inginkan. download itu terjadi karena adanya pihak kedua yang menyimpan atau meng upload sebuah file berkas yang mereka miliki.

pada sebuah sistem penyimpanan yang ada di internet tersebut. jenis file yang bisa mereka upload adalah berupa file dokumen, foto, video,musik, maupun sebuah aplikasi. 

setelah kita melakukan pendownload tan maka kita akan menerima file yang akan kita download, meski pun itu menggunakan kuota internet.

Baca Juga : Cara menambahkan icon di menu navigasi 

hal ini lah banyak digunakan oleh situs website maupun blogger, ketika mereka ingin membagikan file nya untuk para pengunjung, disitulah mereka akan membuat sebuah tombol yang di padukan dengan sebuah link server penyimpanan file tersebut.

yang dinamakan dengan tombol download, nah bagi kalian yang membuat sebuah tombol di blog situs kalian, dan cara menambahkan nya adalah dengan menambahkan kode html maupun css, dan banyak sekali variasi dan model tombol download tersebut.

disini aku hanya akan membagikan 3 model tombol download saja, silahkan kalian copy paste tombol nya di postingan blog kalian, untuk memasangnya copas saja ke menu html yang ada pada kolom postingan kalian.

A. Model Biasa

<a class="btn" href="#" rel="nofollow" target="_blank">DOWNLOAD</a>

B. Model Kedua

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"></link><style>.onmaibana { margin-right:9px; padding: 15px 25px; font-size: 24px; text-align: center; cursor: pointer; outline: none; color: #fff; background-color: #6e0096; border: none; border-radius: 15px; box-shadow: 0 9px #000; } /* Darker background on mouse-over */ .onmaibana:hover { background-color: #a5a6a7; } .onmaibana:active { background-color: #3e8e41; box-shadow: 0 5px #666; transform: translateY(4px); } </style><br /><center><a href="#" target="_blank"><button class="onmaibana"><i class="fa fa-download"></i> Download</button></a></center>

Silahkan ganti tanda "#" dengan link download kalian,

Tombol download dengan effect ripple keren

selain bentuk tombol diatas ada, lagi jenis tombol blog yang tak kalah lebih keren nya yaitu dengan penambahan effect ripple saat di klik gambar fontawesome akan mengeser ke kanan.

berikut cara pemasangan nya:

A. pertama apabila template kamu belum memasang fontwaseome , silahkan masukan kode fontawesome dibawah ini, letakan tepat di atas </head>

BUKA KODE

B. kedua adalah pasangkan kode css di bawah ini tepat di atas kode ]]></b:skin>

BUKA KODE

C. masukan kode download nya sesuai dengan postingan kamu, letakan kode pada mode html di dalam postingan

BUKA KODE

Url download = ganti dengan url tujuan kamu

itulah beberapa model tombol download yang aku share kali ini, silahkan di pilih mana yang kalian sukai. 

semoga tutorial kali ini dapat membantu Sobat blogger dalam membangun sebuah blog.

Klik Spasi Hi, Aku Masboy, Suka Menulis Berbagai Macam Tutorial seputar Dunia Tekno

Share :