Sosyal Ağ Butonları Gelişmiş Kod

Sitene gelişmiş sosyal ağ butonu ekle ve görkemi arttır. Sakın adresleri değiştirmeyi unutma.

<!-- KodBoy Sosyal Ağ Butonları Gelişmiş Başlangıç--> <style> #exeideasbody { background:#f8f8f8; margin:0 0 40px 0; padding:10px; border: 3px outset #ff0000; -moz-border-radius: 10px; border-radius: 10px; overflow:hidden; font-size: 14px; } .spinning_icons a{ width:36px; height:36px; display:inline-block; text-indent:-9999em; background-position:0 0; background-repeat:no-repeat; z-index:2000; overflow:hidden; } .spinning_icons a:hover{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transition: transform 0.2s ease-out; -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; } .twitter{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6oZvfhS5pWVpk8aWehXRVKyDsmy_Uv9UzlrQsdB_lJkl2QdlssLV_64_a03Io4z7QyjFBjIwSmXPb5yKhxg8pT1QoOHHfNFp1EH19Se073yYomqmmP92J-rv8-z8oXKo6sxER-O9fuLo/s0/twitter.png'); } .facebook{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUNEMBXNuh2v7lwJS9vgQd8dljY-FLrSOik16qGZzlCBwFNX-VrK32cg7E6kADDzm-cJ2GkB_zQPd4xLdmIYEI2oAaHgyXn7-ZznPyzOyTMKyL7Ucj5ZvnqCvtgzipQTTM9aU736FaxIo/s0/facebook.png'); } .linkedin{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0A8qGVjAZ3rS7mQ9QoKkvu4f5mYB_raBlxSKAqhd1dukwEm4w3ZFkPb7fRkJttbiKzP-D0LBNVt_z1eUaO1TVH3JgSGOJ77Htn_YFDsMJ8jfZoBURLdZNujHDZXkfyNjG70xiPfuIudg/s0/linkedin.png'); } .rss{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2-bCFxqrsBn6sx8fpHQQlj-n24WlHIiKQjnhm6JY9gXHMHdpXS4b7Ba6TLNl9_raUesgmH5PcOgPY1YnjJhkkPnY9sXHPWoKmGjVgRMS7dTm2YbnOJ_kaHVQpPaOe9zZdBOf9qNt1a_k/s0/rss.png'); } .youtube{ background:url('https://lh6.googleusercontent.com/-EjnvqvxdSIQ/T40l3XSfhlI/AAAAAAAAB9s/4VnPEZgDXSQ/s32/YouTube.png'); } .googleplus{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNb6uP1ZEv2zF_9U6IJ04ajVTnMYRyq9sUUuFxUHKRTt0_Bz9NLaCvPg5wMtaBSoQHICPzrpFaxBN08LnmcVxIz7C1bvmAH3eUYTFgqWdOpRmsh6v1VSvxN31uKmKVdRiKKMc8vIZsz6Q/s0/gplus.png.png'); } .mixsocial{ background:url('https://lh6.googleusercontent.com/-xcHvGi2TpZk/T6jP9vrvTMI/AAAAAAAACGg/7mFW9zJeCic/s32/myspace.png'); } #email-news-subscribe .email-box{ padding: 5px 10px; font-family: "Arial","Helvetica",sans-serif; height:35px;} #email-news-subscribe .email-box input.email{ background:#FFFFFF; border: 1px solid #dedede; color: #999; padding: 7px 10px 8px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border-image: initial; font-family: "Arial","Helvetica",sans-serif;} #email-news-subscribe .email-box input.email:focus{color:#333} #email-news-subscribe .email-box input.subscribe{ background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00)); background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%); -pie-background: linear-gradient(270deg,#ffca00,#ff9b00); font-family: "Arial","Helvetica",sans-serif; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #cc7c00; color:white; text-shadow:#d08d00 1px 1px 0; padding:7px 14px; margin-left:3px; font-weight:bold; font-size:12px; cursor:pointer; border-image: initial;} #email-news-subscribe .email-box input.subscribe:hover{ background: #ff9b00; background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00); background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00)); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb); outline:0;-moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999 background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00)); background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%); -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #cc7c00; color:#FFFFFF; text-shadow:#d08d00 1px 1px 0} </style> <!--[if IE]> <style> #email-news-subscribe .email-box input.subscribe{ background: #FFCA00; } </style> <![endif]--> <center id="exeideasbody"> <div class="spinning_icons"> <a href="http://twitter.com/ADRES" class="twitter" title="twitter">Twitter</a> <a href="http://facebook.com/ADRES" class="facebook" title="facebook">Facebook</a> <a href="http://www.linkedin.com/ADRES" class="linkedin" title="linkedin">Linkedin</a> <a href="https://plus.google.com/ADRES" class="googleplus" title="Google Plus">Google Plus</a> <a href="http://feeds.feedburner.com /ADRES" class="rss" title="rss">RSS</a> <a href="http://www.youtube.com/ADRES" class="youtube" title="youtube">YouTube</a> <a href="http://www.kodboy.blogspot.com" class="mixsocial" title="KodBoy">Sitene Ekle</a> </div> <div id="email-news-subscribe"> <div class="email-box"> <form action="http://feedburner.google.com/Adres" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri= blogger-dersleri', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input class="email" type="text" style="width: 150px; font-size: 12px;" id="email" name="email" value="E-Posta Aboneliği.." onfocus="if(this.value==this.defaultValue)this.value='';"onblur="if(this.value=='')this.value=this.defaultValue;" /> <input type="hidden" value=" blogger-dersleri" name="uri" /> <input type="hidden" name="loc" value="en_US" /> <input class="subscribe" name="commit" type="submit" value="E-mail İle Takip" /> </form> </div> </div> </center> <!-- KodBoy Sosyal Ağ Butonları Gelişmiş Başlangıç-->