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.

/* 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; }

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