Blogger Demo - Download Butonu

Blogger Önizleme ve indir butonunu bloggerda bulmak kolay ama yarından çoğu amatörce düzgünce bulmamız zor... Bugün sizlere vericeğim kodlar sayesinde yukarıda görmüş olduğunuz gibi buton elde etmiş olucaksınız.

İlk önce bu css kodlarını /b:skin üstüne yapıştırıyoruz.

/* CSS Simple Button Flat UI by bloggersepeti */ #wrap { margin:20px auto; text-align:center; } #wrap br { display:none; } .btn { display:inline-block; position:relative; font-family:'Source Sans Pro', Helvetica, sans-serif; background:#4CB04E; padding:6px 20px; font-size:14px; margin:0 3px; color:#fff!important; text-shadow: rgba(100, 100, 100, 0.34902) 0px 2px 3px;border-radius:3px; border:none; text-transform:uppercase; text-decoration:none; transition:all 0.3s ease-out;-webkit-box-shadow: 2px 0 7px rgba(0,0,0,.3);-moz-box-shadow:2px 0 7px rgba(0,0,0,.3);box-shadow:2px 0 7px rgba(0,0,0,.3)} .btn.down { background:#F1C40F; color:#fff!important; text-shadow: rgba(100, 100, 100, 0.34902) 0px 2px 3px;} .btn.down:hover,.btn.down:active,.btn:hover,.btn:active { background:#fc4f3f; color:#fff; } a.btn.down:hover,a.btn.down:active,a.btn:hover,a.btn:active { color:#fff; } .btn i { margin-left:10px; font-weight:normal; font-family:FontAwesome; }

Aşağıda vermiş olduğum kodlarıda gönderilerinizde kullanabilirsiniz.

<center>
<div id="wrap">
<a class="btn down" href="#DEMOLİNK" rel="nofollow" target="_blank">DEMO <i class="fa fa-paper-plane"></i></a>
<a class="btn down" href="#İNDİRMELİNK" rel="nofollow" target="_blank">İNDİR<i class="fa fa-file"></i></a></div>
</center>