Membuat Tombol Download, Tukar Link dan Sejenisnya

Ingin mendesain tampilan blog lebih kompleks dengan menyertakan tombol download atau Sejenisnya? mudah saja caranya, tinggal bikin tombol di layanan desain button gratis disini http://cooltext.com selanjutnya bikin code java script-y untuk mengarahkan pemencet tombol alias pengunjung blog ke tujuan yang diinginkan, jika tombol yang  kita buat adalah "DownloadMp3" maka mengarahnya ya ke situs kumpulan mp3 berada atau bisa dibikin direct/ langsung ke file yang mau di unduh, jd kita g'perlu repot2 harus uploads mp3 dulu ke blog kita. lagian yang semacam itu kan g'praktiz.

Baiklah kita mulai dari bikin tombolya dulu. Silahkan masuk ke situs yang sudah saya sertakan di awal tadi, selanjutnya anda akan langsung dihadapkan dengan tampilan seperti di bawah ini

Ada banyak pilihan desain tombol yang tersedia n siap pakai. Dari sini tentunya anda sudah dapat berkreasi sesuai dengan imajinasi anda sendiri soal warna-ukuran-font-dsb, hanya saja sebagai catatan pada langkah terakhir jangan lupa mengcopy "code java script" untuk kemudian di edit sedemikian rupa sehingga menjadi tombol yang siap pasang.
Untuk langkah editing code java script anda bisa copas/ copy-paste dari yang sudah saya sediakan dibawah ini, anda cukup mengganti code yang saya beri warna merah dengan kode milik anda sendiri yang sudah anda dapatkan dari bikin tombol di awal tadi. Berikut code java script-y:

<a href="http://ipkomputer.blogspot.com/" target="_blank" title="[http://ipkomputer.blogspot.com]"><img src="http://i1109.photobucket.com/albums/h421/zuhry1/my_Logo.png"</a>

Keterangan:
1. Warna biru ganti dengan alamat website yang akan dijadikan tujuan dari tombol ketika diklik.
2. Warna merah ganti dengan kode gambar-tombol milik anda sendiri yang dapat anda temukan dari kumpulan kode yang sudah anda dapatkan dari bikin tombol di awal tadi, catatan: Extensi/ akhiran dari alamat gambar bisa berformat png/jpg/gif.

Tag:
Berikut contoh jadi tombol download beserta code java script yang sedikit kompleks yang mengarah pada software ACDsee:
Download From soft82.com

<a href="http://www.soft82.com/download/windows/acdsee/"><img src="http://www.soft82.com/images/download_buttons/download_button_1.gif" width="158" height="44" border="0" alt="Download From soft82.com"></a>

Contoh lain yang serupa dengan warna berbeda:
Download From soft82.com

<a href="http://www.soft82.com/download/windows/acdsee/"><img src="http://www.soft82.com/images/download_buttons/download_button_2.gif" width="158" height="44" border="0" alt="Download From soft82.com"></a>

Posting Komentar

Related Posts Plugin for WordPress, Blogger...