Demo ve Download button eklentisi

Blogger için demo ve download buttonu css ile hazırlanmış çok güzel bir eklenti bu tarzda  bir çok eklenti mevcut yanlız bu eklenti diğerlerinden birazdaha iyi gibi sadelik bakımından :) herkezin işine yarıyıcaktır diye düşünüyorum bu aşağıdaki kodu ]]></b:skin> kodunun üstüne ekliyorsunuz.

.button{float:left;list-style:none;text-align:center;width: 100%;margin:5px 0;padding:0;font-size:14px;clear:both;}

.button ul {margin:0;padding:0}

.button li{display:inline;margin:0;padding:0}

.demo {border: none; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding: 8px 50px !important; background: #E55E48; color: #fff !important;text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -webkit-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -ms-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); transition: background-color 1s ease-out 0s; -moz-transition:background-color 1s ease-out 0s; -webkit-transition:background-color 1s ease-out 0s; -o-transition:background-color 1s ease-out 0s;letter-spacing:1px; }

.download {border: none; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding: 8px 40px !important; background: #5FAAE3; color: #fff !important;text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -webkit-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -ms-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); transition: background-color 1s ease-out 0s; -moz-transition:background-color 1s ease-out 0s; -webkit-transition:background-color 1s ease-out 0s; -o-transition:background-color 1s ease-out 0s; letter-spacing:1px;}

.demo:hover { background: #454242; text-shadow: 0 0 1px #222; -moz-text-shadow: 0 0 1px #222; -webkit-text-shadow: 0 0 1px #222; -ms-text-shadow: 0 0 1px #222 }

.download:hover { background: #454242; text-shadow: 0 0 1px #222; -moz-text-shadow: 0 0 1px #222; -webkit-text-shadow: 0 0 1px #222; -ms-text-shadow: 0 0 1px #222 }

Daha sonra aşağıdaki kodu konu ekliyeceğiniz zaman konuyu ekledikten sonra en son olarak kodu html açıp kodu ekliyos ve linkleri yazıyorsunuz hepsi bu kadar.

<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="http://blog.kangismet.net/" target="_blank">Demo</a></li>
<li><a class="download" href="http://blog.kangismet.net/" target="_blank">Download</a></li>
</ul>
</div>
<div class="clear">
</div>

Continue Reading