Sunday 20 August 2017

Cara Membuat Tombol Download Keren di Blogger

Tags

Download adalah suatu proses transmisi sebuah file atau data dari sebuah sistem komputer ke sistem komputer yang lainnya. Dari internet, user/pengguna yang melakukan proses download (unduh) yaitu proses dimana seorang user meminta atau menrequest sebuah file dari sebuah komputer lain (seperti: web site,server atau yang sebagainya) dan lalu menerimanya. Dengan kata lain, download adalah transmisi file dari internet ke komputer client/pengguna dapat dikatakan juga proses penerimaan atau pengambilan file dari internet/server ke komputer pribadi.
Atau bahasa sederhanaya Download merupakan proses mengunduh data dari internet ke perangkat kita seperti komputer,laptop,hp dan lainya dari sebuah web atau blog yang menyajikan data yang kita butuhkan.
Biasanya sebuah web atau blog menggunakan tombol download untuk mengunduh dari suatu hosting agar terlihat lebih menarik. Agar pengunjung mudah dan tertarik untuk mendownload data yang di publish di artikel download web/blog tersebut.
Pada kesempatan kali ini gudang coding akan berbagi informasi mengenai Cara Cara Membuat Tombol Download Kerendi Blogger dengan cara mudah dalam pembuatan tombol download di blogger. Ini juga bisa mempercatik tampilan blog dan juga mempermudah bagi pengunjung untuk mendownload file yang sahabat gudang coding bagikan.

Untuk contoh tampilan Downloadnya sahabat gudang coding lihat di bawah ini :


Note : Untuk tampilan tombol downloadnya mengikuti template yang anda gunakan. jadi bisa saja tampilanya lebih bagus dari contoh tombol download yang di atas.

Berikut ini adalah langkah-langkahnya yang cukup sederhana sekali :
1. Buka blog sahabat dan pilih Tema
2. Klik menu Edit Template pada blog sahabat gudang coding
3. Tambahkan kode di bawah ini sebelum kode ]]></b:skin>
    Doble klik untuk copy kode
 .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: #00FFFF; 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} 
letakan kede di atas seperti gambar berikut :
untuk mempermudah mencari kode </b:skin>, Tekan tombol Ctrl + F pada Keyboard untuk penacrian dan ketiakan kode </b:skin> maka akan muncul dan letakan kodenya.

4. klik Save.
Untuk cara penggunaan, buat kode seperti di bawah ini di postingan anda pada mode HTML.


<div class="button">
<a class="download" href=" http://gudangcodingaplikasi.blogspot.co.id">
DOWNLOAD</a></div><div class="clear">
</div>  
5. Ganti tulisan yang berwarna merah dengan URL download sahabat gudang coding
6. Selesai.

Demikian tutorial tentang  Cara Membuat Tombol Download Keren di Blogger, semoga bermanfaat bagi kita semua selamat mencoba.