Tombol Download Dan Demo Flat Responsive - Oke Welcome Back Di Blog Cplor, Kali Ini Saya Akan Share Tombol Download Dan Demo Flat Yang Sangat Enak Di Lihatnya ,,,,,,,,
Tombol Download Dan Demo Ini Cocok Untuk Blog Kamu Atau Blog Downloader ....
Contoh Tombol Download Seperti Di Bawah Ini
Nah Klo Sudah Lihat Kita Langsung Praktekan
Buka Blogger Kalian Lalu
Template > Edit Html > Cari Kode </b:skin>
Copy Kode Di Bawah Ini, Lalu Letakan Kodenya Di Atas Kode </b:skin> Tersebut
Copy Kode Di Bawah..... Lalu Letakan Kode Di Bawah Ini Tetap Di Atas Kode </head>
Kode Ini Bisa Di Tempatkan Di Mana Saja
Terutama Di Postingan Anda
Tombol Download Dan Demo Ini Cocok Untuk Blog Kamu Atau Blog Downloader ....
Contoh Tombol Download Seperti Di Bawah Ini
Nah Klo Sudah Lihat Kita Langsung Praktekan
Buka Blogger Kalian Lalu
Template > Edit Html > Cari Kode </b:skin>
Copy Kode Di Bawah Ini, Lalu Letakan Kodenya Di Atas Kode </b:skin> Tersebut
.button{float:left;list-style:none;text-align:center;width:95%;margin:10px;padding:2px;font-size:14px;clear:both} .button ul{margin:0;padding:0} .button li{display:inline;margin:5px;padding:0;list-style:none} .button li a.demo,.button li a.download{position:relative;padding:9px 48px 9px 16px;background:#f39c12;color:#fff!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius:3px;box-shadow:0 1px rgba(0,0,0,0.1);line-height:normal;transition:all .3s} .button li a.download{background:#3498db} .button li a.demo:hover,.button li a.download:hover{background:#666} .button li a.demo:active,.button li a.download:active{cursor:pointer} .button li a.demo:after,.button li a.download:after{content:'\f135';background:rgba(0,0,0,0.1);position:absolute;right:0;top:0;font-weight:normal;display:inline-block;margin:0 0 0 10px;color:#fff;padding:11px;font-family:fontawesome} .button li a.download:after{content:'\f019'}Kemudian Klik Save > Trus Cari Lagi Kode </head>
Copy Kode Di Bawah..... Lalu Letakan Kode Di Bawah Ini Tetap Di Atas Kode </head>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>Trus Kode Htmlnya
Kode Ini Bisa Di Tempatkan Di Mana Saja
Terutama Di Postingan Anda
<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="URLMU" target="_blank">Demo</a></li>
<li><a class="download" href="URLMU" target="_blank">Download</a></li>
</ul>
</div>
<div class="clear"></div>