Ilmu Pengetahuan Komputer: Button

Pengalaman bergonta - ganti template blog rupanya cukup memberi saya banyak pelajaran, mengingat setiap template memiliki karakter atau pengkodean yang berbeda. Suatu ketika saya melakukan perubahan tataletak beberapa widget dengan cara drag - drop, saat tombol save pada pengaturan layout blog saya klik rupanya tidak berfungsi sebagaimana mestinya, itu terjadi sesaat setelah saya beralih ke template baru. Sehingga saya selalu gagal menyimpan hasil pengaturan (galat).

Karena usaha saya selalu gagal akhirnya saya mengambil langkah membuat tombol baru buat menambah gadget/ widget di setiap lokasi yang saya kehendaki, dan ternyata usaha saya berhasil, perintah save-pun berfungsi dengan sangat baik. Berikut tahapan membuat tombol untuk menambah gadget/ widget yang berada dilokasi pengaturan layout blog:

Copy code berikut dan taruh dilokasi yang anda kehendaki, misalnya diletakkan setelah kode posting blog yang berada pada tag body, sehingga natinya tombol berada tepat dibawahnya (lihat ilustrasi gambar di atas).

<div class='gadget' id='sidebar'> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='HTML50' locked='false' title='' type='HTML'> <b:includable id='main'>  <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> <div class='clear'/>

Anda juga bisa menaruh kode tersebut sebelum kode posting blog, tepatnya di bawah header atau dilokasi widget juga bisa, sesuai selera.

Selamat mencoba!

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:

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: