Cara Memasang Tombol Download Di Blog

Banyak sekali assesoris-assesoris di dalam pembuatan blog yang perlu kita ketahui sebagai pemilik blog. Salah satunya tombol facebook dan twitter yang melayang Klik di sini yang sudah saya tulis di blog ini. Dan masih banyak lagi tombol-tombol yang sangat perlu diketahui oleh kita semua guna kelengkapan penulisan posting yang kita buat.

Nah, untuk kali ini saya akan memberikan satu cara untuk menambahkan tombol Download di Blog atau di posting apa bila suatu saat teman menganggap sangat perlu untuk di tambahkan dalam posting yang sedang kita buat.

Tombol download yang kita tambahkan pada blog, akan mengarahkan pengunjung kepada link download file yang sudah kita persiapkan sebelumnya.

Langkah-langkahnya cukup sederhana sekali. ikuti tahap-demi tahapnya di bawah ini :

1. Siapkan gambar download yang bisa teman buat sendiri atau juga bisa teman copas di mbah google. Banyak sekali modelnya. Tergantung selera kita.

2. Buka entri baru pada blog yang teman punya, tapi ingat tidak usah dipublikasikan. Kita hanya mengambil kode script yang ada.

3. Tambahkan gambar yang kita siapkan atau yang tersimpan pada file ke entri baru tadi dengan tipe Compose bukan yang HTML.

4. Setelah gambar tersalin, klik HTML untuk melihat script gambar yang ada, sederhanakan code script yang ada, seperti di bawah ini :

<center>

<a href="http://miniblogger28.blogspot.com/2014/12/cara-memasang-tombol-download-di-blog.html"><img src="http://3.bp.blogspot.com/-svgNdpQizN0/VD8fxNi9-EI/AAAAAAAAAVo/ZqI88vVSBa0/s1600/Cara%2Bmembuat%2Blink%2Bdownload.png" height="106" width="200" /></a></center>

Hasilnya seperti ini :

Keterangan Script :
Warna Merah isi dengan URL tujuan download
Warna Biru isi dengan URL Gambar yang kita punya.

Untuk Logo pada gambar di atas boleh juga teman kreasi sendiri.

Atau bisa juga menggunakan kode seperti :

<button onclick="window.location='http://miniblogger28.blogspot.com/2014/12/cara-memasang-tombol-download-di-blog.html '"><b>Download</b></button>

Untuk warna merah = Link Download tujuan

<b>Download</b> = bisa juga dipergunakan untuk DEMO <b>DEMO</b>
SUMBER :  http://www.miniblogger28.com/2014/12/cara-memasang-tombol-download-di-blog.html