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>
kardeş o kodların bulunduğu kutu nasıl yapılıyo
YanıtlaSilburdaki http://www.sohbetcheblog.net/2013/07/blogger-kod-kutusu.html yazımıza bakabilirsin
SilBunun bide Sadaece Download eklentisi var, sorum: bu eklentiyi Yayınımızın Html kısmına eklesek, yani kodları. Bir fark varmıdır, Css yi eklemesek.
YanıtlaSilcss yi tema taşblonunuza ekledikten sonra html leri zaten yayın ekliyiceğiniz zaman html kısmına ekliyiceksiniz. css eklemeden olmaz
SilHmm, teşekkür ederim zaten sizin dediğiniz gbi yaptım, peki butona tıkladığmzda yeni sekme açılmadan direkt indirme haline nsıl getirebilirz.:)
YanıtlaSil