Cara Membuat Tombol Download Dan Demo Dipostingan Blogger

Download adalah kegiatan yang sudah tidak asing di internet dimana ketika kita mendownload sesuatu maka kita harus menekan tombol/link untuk menuju ke halaman dowloadnya.

Link itu bisa dimodifikasi sedemikian rupa contohnya adalah dengan membuat tombol download fungsinya tentu saja untuk mempermudah pengunjung dalam mencari link download file kita.

Selain untuk mempermudah pengunjung tombol download juga berfungsi untuk mempercantik postingan kita dan terlihat rapi.

Bila artikel tersusun rapi maka pengunjung akan betah bahkan bukan hanya pengunjung yang betah google pun betah kalo artikel kita rapi.

Selain itu bagi kalian yang tema blognya seputar template pasti kalian membutuhkan tombol demo agar mempermudah pengunjung menemukan tombol demo.

Maka dari itu saya bagikan Cara Membuat Tombol Download Dan Demo Dipostingan Blogger

Cara Membuat Tombol Download Dan Demo Dipostingan Blogger

Pertama - tama kalian copy kode CSS dibawah ini kemudian tempelkan tepat diatas kode ]]></b:skin> 

 .button {float:left; list-style:none; text-align:center; width:100%; margin:5px 0; padding:0; font-size:14px; clear:both;}.download {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;}
.download:hover {background:#454242; 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;}

Bila sudah ditempelkan maka silahkan simpan perubahan kemudian untuk menerapkannya pada postingan silahkan copy kode berikut

<div class="button">
<a class="download" href="http://kleonet.blogspot.com">DOWNLOAD</a>
</div>
<div class="clear"></div>

Note :
1. Ganti teks download jadi demo untuk membuat tombol demo
2. Ganti https://kleonet.blogspot.com dengan link dowload kalian

Kemudian pastekan pada artikel dalam mode HTML
Berikut Hasilnya :

Demo

DOWNLOAD

Selamat mencoba dan semoga berhasil...