twitterfacebookgoogle pluslinkedinrss feedemail

Senin, 04 November 2013

Tombol Demo dan Download Model Flat

Blog dengan content download akan terlihat lebih bagus jika dipasang tombol / button dengan sedikit bergaya, contohnya seperti pada trik blog kita kali ini memasang Tombol Demo dan Download Model Flat seperti yang sering kita lihat pada website penyedia content download.


yang tertarik untuk memasang Tombol Demo dan Download Model Flat, ikuti langkah-langkah berikut ini :
1.  Langsung saja pada Edit HTML template blog
2.  Cari kode ]]></b:skin> dan letakkan kode berikut diatasnya
.button{list-style:none;text-align:center;width:100%;margin:5px auto;padding:0;clear:both;}
.button li{display:inline;margin:0;padding:0;}
.button li a{background:#3498db;display:inline-block;height:30px;margin:auto 5px;line-height:32px;width:120px;color:#fff !important;font-size:12px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;cursor:default !important;font-family:arial,sans-serif;font-weight:700;text-transform:uppercase;}
.button li a:hover{background:#2980b9;}
3.  Kemudian SAVE Template
4.  Selanjutnya paste kode ini setiap anda akan membuat postingan (pada mode HTML)
<div style="text-align: center;">
<ul class="button">
<li><a href="#" target="_blank">Live Demo</a></li>
<li><a href="#" target="_blank">Download</a></li>
</ul>
</div>

0 komentar:

Posting Komentar