√ Cara Menciptakan Tombol Download Keren Di Blog

              Download artinya mengunduh data dari internet ke perangkat kita ibarat komputer,laptop,hp dan lainya dari sebuah web atau blog yang menyajikan data yang kita butuhkan. Biasanya sebuah web atau blog memakai tombol d0wnl0ad untuk mengunduh dari suatu hosting biar terlihat lebih menarik.

Pada kesempatan kali ini aku akan menyebarkan tutorial tentang Cara Membuat Tombol Download Keren di Blog dengan cara gampang dalam pembuatan tombol d0wnl0ad di blogger. Ini juga dapat mempercatik tampilan blog dan juga mempermudah bagi pengunjung untuk mend0wnl0ad file yang anda bagikan.

Untuk tombol yang akan kita buat tampilannya ibarat dibawah ini :

DOWNLOAD

Note : Untuk tampilan tombol d0wnl0adnya mengikuti template yang anda gunakan. jadi dapat saja tampilanya lebih manis dari rujukan tombol d0wnl0ad yang di atas.

Berikut ini yakni langkah-langkahnya yang cukup sederhana sekali :

1. Pergi ke sajian Edit Template

2. Tambahkan isyarat di bawah ini sebelum kode ]]></b:skin>

.button{float:left;list-style:none;text-align:center;width: 100%;margin:5px 0;padding:0;font-size:14px;clear:both;}.d0wnl0ad{border: none; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding: 8px 30px !important; background: #5FAAE3; color: #fff !important;text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -webkit-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -ms-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); transition: background-color 1s ease-out 0s; -moz-transition:background-color 1s ease-out 0s; -webkit-transition:background-color 1s ease-out 0s; -o-transition:background-color 1s ease-out 0s; letter-spacing:1px;}.d0wnl0ad:hover{background: #00FFFF; text-shadow: 0 0 1px #222; -moz-text-shadow: 0 0 1px #222; -webkit-text-shadow: 0 0 1px #222; -ms-text-shadow: 0 0 1px #222}

3. klik Save.

Untuk cara penggunaan, buat isyarat ibarat di bawah ini di postingan anda pada mode HTML.

<div class="button"><a class="d0wnl0ad" href="www.erickney88.blogspot.com">DOWNLOAD</a></div><div class="clear"></div>

4. Ganti goresan pena yang berwarna merah dengan URL d0wnl0ad anda
5. Selesai.

Demikian tutorial ihwal  Cara Membuat Tombol Download Keren di Blog selamat mencoba.

Happy Sharing... :)

Sumber http://erickney88.blogspot.com