Blogger Eklentileri//Sosyal Paylaşım Butonları

Sosyal Medyada Biz Eklentisi Kodları

Bu harika sosyal medya paylaşım butonları sitenize çok ayrı bir hava katacak.Sitenize giren ziyaretcilerin çok memmun kalacağı ve ilgisini çekebilecek çok kullanışlı bir gadget.Sayfanızda fazla yer kaplamayacak ve hoş görünümü ile sitenize hava katacak.Bu kodu uygulamak ise çok basit.Yerleşim html javascript bölümüne bu kodu yapıştırmanız yeterli olacaktır.

<!--Koddostu Sosyal Ağlarda Biz Kodu START--> <!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.--> <!--Telif sahibi:koddostu.com--> <koddostu><div id="koddostu-divy"> Sosyal Ağlarda Biz<br/> <a href="http://goplus.us/koddostu" target="_blank" class="koddostu-socialise g-a"></a> <a href="http://twitter.com/koddostu" target="_blank" class="koddostu-socialise t-a"></a> <a href="http://fb.me/koddostu" target="_blank" class="koddostu-socialise f-a"></a> </div> </koddostu> <style>.koddostu-socialise{display:inline-block;width:60px;height:60px;position:relative;background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU166r06yG4dkishkGJuKQ3XhBH512MEQjOCFawmiK1h4QwprRpHGgxxBVYLdH-kCOwORy0p-5Dq63lWysVqcwih5_yE1WQlBfZVbgAmk2URmMz1-VFhHWO4abCHBdHkIXenYsrJLC3kiH/s1600/soc.png) no-repeat;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;cursor:pointer;margin:0px 10px;}.g-a{background-position:-120px 0px;}.t-a{background-position:-60px 0px;}.koddostu-socialise:before, .koddostu-socialise:after{z-index: -1;position: absolute;content: "";bottom:4px;left: 2px;width: 50%;top: 80%;background: #444;-webkit-box-shadow: 0 6px 4px #444;-moz-box-shadow: 0 6px 4px #444;box-shadow: 0 4px 2px #444;-webkit-transform: rotate(-5deg);-moz-transform: rotate(-5deg);-o-transform: rotate(-5deg);-ms-transform: rotate(-5deg);transform: rotate(-5deg);}.koddostu-socialise:active, .koddostu-socialise:focus{outline:0;}#koddostu-divy{display:inline-block;position:relative;padding:5px 15px 10px 15px;background:transparent;border:1px solid #d8d8d8;-webkit-border-radius:5px;border-radius: 5px;-moz-box-shadow:inset 0 0 15px #e0e0e0;-webkit-box-shadow:inset 0 0 15px #e0e0e0;box-shadow:inset 0 0 15px #e0e0e0;font-family:Helvetica, Arial, sans-serif;font-size:19px;font-weight:normal;color:#444;line-height:42px;text-align:center;}.koddostu-socialise:after{-webkit-transform: rotate(5deg);-moz-transform: rotate(5deg);-o-transform: rotate(5deg);-ms-transform: rotate(5deg);transform: rotate(5deg);right: 2px;left: auto;}</style><script src="http://kdostu.googlecode.com/svn/cquery.js"></script><style>.koddostu-socialise:hover{cursor:pointer;height:58px;margin-top:2px;}</style> <!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.--> <!--Telif sahibi:koddostu.com--> <!--Koddostu Sosyal Ağlarda Biz Kodu STOP-->

• Kod içerisindeki gerekli ayarlamaları yapmayı unutmayınız.