Home » » Cara Memasang Tombol Download Di Blog

Cara Memasang Tombol Download Di Blog

Memasang Tombol Download Di BlogBanyak 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 :
Tomblo download
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>

Untuk warna merah = Link Download tujuan



<b>Download</b> = bisa juga dipergunakan untuk DEMO <b>DEMO</b>


Memasang Widget IP Address Pengunjung Blog

Menambah widget di blog
Satu cara pemasangan Widget di blog penghias tampilan akan saya bagi kepada teman semua. Yaitu pemasangan widget tampilan IP Address bagi pengunjung yang sempat hadir di blog kita.

Sekedar informasi, widget ini akan menampilkan IP Address pengunjung, Operasi Sistim (OS) apa yang dia pakai, asal negara pengunjung, dan jenis browsing apa yang pengunjung pakai. Mau tahukan cara penempatannya.?

Langkah-langkah yang harus dilakukan adalah sebagai berikut :
1. Login di blogger yang teman punya.
2. Plih Tata Letak - klik Tambahkan Gadget, terserah teman mau ditempatkan dimana nantinya widget ini.
3. Klik HTML/JavaScript
4. Copy kode di bawah ini :
<a onclick="this.href='http://kiatminibloger.blogspot.com/'"
rel="nofollow" href="http://kiatminibloger.blogspot.com/"
target="_blank"><img src="http://www.wieistmeineip.de/ip-address/"
 border="0" width="125" height="125" alt="IP" /></a>
Warna merah ganti dengan Alamat URL teman
5. Klik Simpan.

Pemasangan widget IP Address telah selesai, silakan teman lihat tampilannya.

Semoga ada manfaatnya...


38 komentar:

  1. Tinggal ketik di Google: ”download button.png“

    ReplyDelete
    Replies
    1. terima kasih kunjungannya mas Taufik....

      Delete
  2. Terima kasih infonya mas.. Bermanfaat buat newbie seperti saya.

    ReplyDelete
  3. Sip infonya tapi sy pake wp & lebih suka pakai icon atau emoji download karena lebih kecil ukurannya & di wp terbaru bisa langsung pakai emoji di postingan

    ReplyDelete
  4. Terimakasih infonya, alhamdulillah udah bisa :)

    ReplyDelete
    Replies
    1. Terima kasih mbak atas kunjungannya...

      Delete
  5. makasih infonya gan.
    saya berhasil membuat link downloadnya.
    bermanfaat sekali bagai saya yang masih newbie.

    ReplyDelete
    Replies
    1. Sama-sama mas.... makasih kunjungannya..

      Delete
  6. Replies
    1. sama-sama Mas Yogi.. moga bermanfaat....

      Delete
  7. Loading blog nya cpet bngt gan :D
    thanks tutornya. mau langsung psang tombol download nih gan :D

    #Hacker Blitar™..
    #Blog Deevro™

    ReplyDelete
    Replies
    1. terima kasih mas atas kunjungannya... loding blog yang mas punya juga cepat... sukses selalu..

      Delete
  8. This comment has been removed by a blog administrator.

    ReplyDelete
    Replies
    1. This comment has been removed by the author.

      Delete
  9. Terimakasih, tutorialnya bermanfaat banget …

    Kamu butuh tutorial yang menggunakan bahasa Indonesia? Pusing cari dimana? Kunjungi Kumpulan Tutorial Gratis Tutorial berbahasa Indonesia, yang bisa membantu kamu melakukan aktivitas sehari-hari

    ReplyDelete
  10. terima kasih mas bro jangan lupa kunjungi blog saya juga

    ReplyDelete
  11. terima kasih mas bro jangan lupa kungjungi blog saya

    ReplyDelete
  12. Bagus,bermanfaat dan inspairing..sukses mas Isra

    ReplyDelete
    Replies
    1. Terima kasih kunjungannya Mas... sukses kembali

      Delete
  13. Replies
    1. Ga usah bingung mas, caranya tidak ada bedanya dengan kita menambahkan gambar pada artikel.

      Delete
  14. oke gan, mantap sekali, segera di praktekkan !

    ReplyDelete
  15. gan mau nanya maksudnya isi tulisan biru dengan url gambar itu apa ?? gambar apa maksudnya gan ??

    ReplyDelete
    Replies
    1. URL gambar yang kita dapatkan sewaktu mengupload gambar pada postingan, bila url gambar tersebut diletakkan pada ,<a href='http://....> dan diklik akan menampilkan gambar tersebut.

      Delete
  16. Sob, kan tdi gambarnya kita taro di postingan baru tapi gk di publish, ambil kode htmlnya, buka entri yg mau kita publish, trus dicopy kesitu? Blm ngerti nih sob, tolong dibantu ya..heheh

    ReplyDelete
    Replies
    1. Setelah kodenya di dapat, pada <a href='..... diganti dengan alamat blog tempat penyimpanan file. seperti contohnya blog file yang disimpan di Mediafire atau 4shared.
      Untuk mengetahui cara menyimpan file di Mediafire silakan baca di :
      http://www.miniblogger28.com/2015/04/cara-mudah-meng-upload-file-di-mediafire.html

      Delete
  17. Mantap, izin share min ..
    Kunjungi juga : http://asadaccounting.blogspot.co.id/

    ReplyDelete
  18. Makasih banyak mas, ini yang saya cari dari tadi malem

    ReplyDelete
  19. ada gak mas? yang lebih singkat lagi?
    makasih mas, sebelumnyaa

    ReplyDelete
    Replies
    1. Cara singkatnya gunakan kode seperti di atas <button onclick ....... dan ganti teks warna merah dengan tujuan download.

      Delete
  20. Replies
    1. trima kasih mas sutris atas kunjungannya

      Delete

* Komentarlah yang sopan dan tidak mengandung sarah.
* Jangan gunakan Kotak Komentar dengan promosi produk serta usaha yang anda miliki. Silakan gunakan sarana Review Produk dan Jasa di blog ini. Maaf, akan dihapus.
* Terima kasih atas kunjungan, komentar dan partisipasi yang diberikan.

.