Cara membuat tombol download menggunakan gambar

  Oke,,masih melanjutkan tentang tutorial ngeblog. pada malam ini aku akan share buat temen2ku semua tentang Cara membuat tombol download menggunakan Button kalau aku bilang,membuat tombol download di blog menggunakan ikon gambar.heheee...

heemm....Sepertinya gak usah dibahas panjang lebar, masalahnya aku juga gak paham apa manfaatnya tapi yang jelas link download akan mempunyai cri khas tersendiri yang biasanya klik disini,download disini,makan disini.hehee...Apa lagi kalau kita menggunakan gambar hasil buatan kita sendiri.woww bangganya..

Ya dah gak usah byak cingcong, Sekarang kita langsung saja ke TKP
Oea, pada tutorial kali ini aku akan  memberikan dua cara membuat link download menggunakan button.
 Mari ikuti caranya berikut ini:

1. Membuat tombol download Button  biasa  alias gak pake gambar

Cara membuatnya sebagai berikut:

• Seperti biasa, sobat tulis sebuah artikel..
• Untuk memasangnya sobat ubah mode penulisan dari  COMPOSE menjadi HTML
• Lalu sobat Pastekan kode berikut ini

<form><input type = "button" value = "Download Now" onClick = "window.location.href='http://iwanindosawit.blogspot.com'" ></form>

Ganti tulisan yang berwarna Hijau tersebut dengan Link artikel atau apa aja.heheee....

Nanti tombolnya  akan tampak seperti dibawah  ini sob.

2. Membuat tombol download  menggunakan gambar

Caranya:

1. Sediakanlah sebuah gambar yang akan dijadikan sebagai tombol download, untuk gambarnya bisa sobat buat sendiri menggunakan Photoshop atau bisa juga download di internet.terserah sobat dech..

2. Setelah kita sediakan gambarnya kemudian kita upload gambarnya. Nah...dalam mengupload gambar kita bisa menggunakan jasa  penyimpanan album foto gratis seperti Photobuckert,Imageshack,Picasa web album dan masih banyak lagi yang lainya.dari beberapa penyedia jasa penyimpanan foto maupun video tersebut aku menggunakan jasa penyimpanan Picasa web album  karena menurutku Picasa web album lebih mudah,cepat,dan stroge yang lumayan besar.

Gmana caranya mengupload gambar ke picasa web album album..??

• Pastikan sobat memiliki akun Gmail.com
• Kunjungi alamat http://picasaweb.google.com/ 
• Setelah sobat buka alamat tersebut, klik tombol Unggah yang berada di menu bar Picasa web album tersebut
• Setelah selesai  kita unggah gambar tombol buttonnya kemudian klik kanan mouse lalu pilih Lihat informasi gambar untuk melihat URl dari gambar tersebut.

• Sobat lihat yang berwarna biru pada kotak berwarna merah pada gambar dibawah ini. Itu adalah alamat URL nya. Sobat Catat/Copy alamat URLnya tersebut.

3.  Setelah kita punya gambar beserta URLnya sekarang kita tinggal membuatnya dan memasangnya di artikel. caranya sama seperti pada tutorial pertama

• Buat entri baru/artikel baru
• Ubah dari mode Compose ke HTML kemudian pastekan kode berikut ini

<A HREF="INI UNTUK LINK"><IMG SRC="URL GAMBAR"></A>

Seperti ini sob cara bikinnya:

---

<A HREF="http://iwanindosawit.blogspot.com"><IMG SRC="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzSII-VMlQ3FjzjuWy9US-sqKJxiAvHYmRQasy_lX2Pzk-pd2BvvmNbmT5ByHSU48cmqN_yL2huW9F9PKcb85TjgwejYhGedEDOilaAuTZn08uZxWjxrwB-wZgUZICx9p6dO8o7rtmdP5_/h120/download.jpg

"></A>

---

Yang berwarna hijau diatas itu adalah URL gambar yang kita upload barusan di Picasa web album.

Dan tombol downloadnya akan jadi seperti ini sob




Mudah khan....gak mesti pusing-pusing pake acara edit HTML template segala sob

Saya rasa itu aja dulu, selamat mencoba semoga berhasil........,