Cara Mudah Membuat Tombol "Download" Di Blogspot

    Artikel ini memuat beberapa cara untuk membuat tombol download di blogspot, setidaknya ada tiga cara yang saya tahu untuk membuat tombol download, yaitu membuat tombol download biasa, membuat tombol download dengan gambar, dan yang terakhir adalah membuat tombol download dari comment button. Ok, tanpa membuang-buang waktu lebih lama lagi silahkan anda pelajari cara membuatnya dibawah ini.

1. Membuat Tombol Download Biasa

Pertama masuk ke akun blogger anda > Entri baru (New Post) > Pilih mode HTML > Lalu masukkan kode dibawah ini:

<a href="Ganti dengan URL link download anda" target="_blank"><b>DOWNLOAD</b></a>

Keterangan:

Tulisan berwarna merah: Ganti dengan link download anda

Tulisan berwarna biru: Ganti dengan tulisan apa saja yang kalian inginkan, misal; "Klik Disini", "Unduh" atau apapun terserah anda, Inilah hasilnya:

DOWNLOAD

2. Membuat Tombol Download Dengan Gambar

Pastikan anda sudah memiliki alamat URL link gambar download sebelumnya, kalau belum silahkan anda masuk ke google terlebih dahulu dan cari gambarnya sesuai keinginan anda lalu copy paste alamat URL linknya, jika sudah beres semua lanjut dengan masuk ke akun blogger anda > Entri baru (New Post) > Pilih mode HTML > Masukkan kode dibawah ini.

<center>
<a href="Ganti dengan URL link download anda"><img src="Isi dengan alamat URL gambar anda" height="106" width="200" /></a></center>

Keterangan:

Anda bebas mengunakan gambar dengan format apa saja, dan hasilnya seperti dibawah ini:

3. Membuat Tombol Download Dengan "Comment Button"
Masuk ke blogger anda > selanjutnya klik template > klik Edit Html > cari kode ]]></b:skin> Lalu copy paste kode style CSS yang berada di bawah ini. (Klik tombol "buka" dibawah dan copy paste CSSnya)

Downlod { -moz-box-shadow:inset 0px 1px 0px 0px #f29c93; -webkit-box-shadow:inset 0px 1px 0px 0px #f29c93; box-shadow:inset 0px 1px 0px 0px #f29c93; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) ); background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100'); background-color:#fe1a00; -webkit-border-top-left-radius:0px; -moz-border-radius-topleft:0px; border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -moz-border-radius-topright:0px; border-top-right-radius:0px; -webkit-border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; border-bottom-left-radius:0px; text-indent:0; border:1px solid #d83526; display:inline-block; color:#ffffff; font-family:Arial; font-size:15px; font-weight:bold; font-style:normal; height:40px; line-height:40px; width:100px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #b23e35; } .Downlod:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) ); background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00'); background-color:#ce0100; }.Downlod:active { position:relative; top:1px; }

Kemudian paste tepat DI ATAS kode ]]></b:skin> setiap kali anda akan posting entry baru pada setiap artikel yang ada link downloadnya, dan akan membuat link download, maka masuk di Edit Html dan paste kode ini:

<a href="Ganti dengan URL link download anda" target=”_blank” rell=”nofollow” class="Download">Download</a>

Pada URL link "Download" bisa anda ganti sesuai keinginan anda, misalnya "Unduh", "Klik Di Sini" atau yang lainnya sesuka hati anda.
Dalam cara membuat tombol link comment button ini, anda bisa juga membuat langsung ke situs CSSButtonGenerator.

Sekian cara membuat tombol download dari saya, semoga artikel saya bermanfaat bagi anda semua, dan terima kasih sudah mengunjungi blog saya?