Gelişmiş Sosyal Ağ Butonları Kodu

Sitene gelişmiş sosyal ağ butonu ekle ve görkemi arttır. Sosyal ağlar hit konusunda önemli yer taşır. Sakın adresleri değiştirmeyi unutma.
<!-- WolderKing Gelişmiş SOsyal Ağ Butonları Kodu 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/AVvXsEi3NBfA56KrJ5JZPL53Mm9XfQ8ND37TP9gK8Zfn5m5bJ1QtF-j2uddschForTsFX_3GQWX5Tb3UHT_UQcAgyOst2oklG8-5pog63xaVzuLV8PVqK4i5yatzmqlr9ji35Zu702MWfbFFJRA/s0/twitter.png'); } .facebook{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTrgUaRlbOA0ifoEHq_zy0Y2pnaf4NCH6zFZZF2YqAyhqk3OFB2yDiFY_04P_Co3cwos_Rcz8Dl0fFGnBfLD53p-PrknxAsgx_LcoRi3c8-cXvxPZCGF8bM_lnsm7s0Q3ayvrsUxGlXdI/s0/facebook.png'); } .linkedin{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnyrZs0n6Q8mDpTf0_HyE2cvhOQd7FXZ7I4hZ5_zD_3mbRIcJbh_YBVJs_KuOA2dENpuzkdVd7SzCVfp_XJ_2CA5aUUniWLLfsRcrjFrBt92RvTRgobShZTpMnsUZfaA5MtGuqYuhuD74/s0/linkedin.png'); } .rss{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeqKrmZkwt8K2J74KHCeqPQkAqfw9bvadsZcjqbCIOCkhYREFB9vIqtkRmHL_srUSGslTiuFqOYRI_qwb6A8GGnlkfYyCd7rD-PWbcDfC2DiCDM54B-Y0-XrUcV8CrrYz30Ho47LoqjBg/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/AVvXsEg01E3K26B2t8XaONq4k7L1vKfz61tKWry6V0FWh5evkkrdPRjoMvnJjTtXlGh9hYR3eA7KwU9ftZAcXEsgsykCjBg2ZtItv4EyTtImR5akZcRxGr4YV1-LJQggzwdiIHYO37ylhyphenhyphenmT7Gk/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> <!--WolderKing Gelişmiş SOsyal Ağ Butonları Kodu Bitiş-->