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><b>Download</b> = bisa juga dipergunakan untuk DEMO <b>DEMO</b>
No comments:
Post a Comment
Note: only a member of this blog may post a comment.