Bismilah..!!!
Berubung banyak yang Nanya Bagai mana sih Cara Bikin Tombol Download
Kaya Punya kamu itu.?? Mungkin Sudah Banyak Yang post.. Artikel ini Tapi Saya Mau
Post Ulang Di blog ini Sebagai Catatan Saya Dan Berbagi Ilmu Bagi Yang belum Tau Caranya.??
 |
| Membuat Tombol Download Ala Blog Kang Ismet |
Langkah Pertama Sahabat Cari Kode ini di dalam Template Sahabat..
]]></b:skin>
Kemudian Copy kode di bawah ini Tepat di atas kode ]]></b:skin>
/* -- Kang Ismet Button --*/
.button{float:left;list-style:none;text-align:center;width: 100%;margin:5px 0;padding:0;font-size:14px;clear:both;}
.button ul {margin:0;padding:0}
.button li{display:inline;margin:0;padding:0}
.demo {border: none; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding: 8px 80px !important; background: #E55E48; 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 {border: none; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding: 8px 80px !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;}
.demo: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 }
.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 }
Untuk penggunaannya, buat kode seperti ini ketika membuat postingan (gunakan mode HTML)
<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="http://maftuhijore.blogspot.com" target="_blank">Demo</a></li>
<li><a class="download" href="http://maftuhijore.blogspot.com" target="_blank">Download</a></li>
</ul>
</div>
<div class="clear"></div>
Title : Membuat Tombol Download dan demo Jquery ala kang ismet
Description : Bismilah..!!! Berubung banyak yang Nanya Bagai mana sih Cara Bikin Tombol Download Kaya Punya kamu itu.?? Mungkin Sudah Banyak Yang post....