Senin, 17 April 2017

Tombol Download Dan Demo Flat Responsive

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

.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>