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
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:
<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:
<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>
Tidak ada komentar:
Posting Komentar