Blogger Sosyal Medya Adresleri Butonları

1.Kodlar Css Bölümüne Eklenecek

/* social links */<br /><br /><br /><br /> .social { clear: right;<br /><br /><br /><br /> float: right;<br /><br /><br /><br /> list-style: none;<br /><br /><br /><br /> margin: 0px;<br /><br /><br /><br /> margin-top: 8px;<br /><br /><br /><br /> padding: 0px;}<br /><br /><br /><br /> .footer .social { float:none; }<br /><br /><br /><br /> .footer .social li a { margin:0 5px 8px 0; }<br /><br /><br /><br /> .social li { display:inline-block; text-indent:-999em; }<br /><br /><br /><br /> .social li a { display:block; width:32px; height:32px; margin-left:5px; background-image:url(https://4.bp.blogspot.com/-PjcvpVfS1C0/UcROd4oGKbI/AAAAAAAABoU/Tw_A5tg12cY/s1600/Social.png); background-repeat:no-repeat;<br /><br /><br /><br /> -webkit-border-radius: 16px;<br /><br /><br /><br /> -moz-border-radius: 16px;<br /><br /><br /><br /> border-radius: 16px;<br /><br /><br /><br /> -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;<br /><br /><br /><br /> }</p><br /><br /><br /> <p>.social li:first-child a { margin-left:0; }<br /><br /><br /><br /> .social li a:hover { border-top-left-radius:0px; }<br /><br /><br /><br /> .social li a.facebook:hover { background-color:#3c5fac; }<br /><br /><br /><br /> .social li a.twitter { background-position:-32px 0; }<br /><br /><br /><br /> .social li a.twitter:hover { background-color:#5ec3df; }<br /><br /><br /><br /> .social li a.flickr { background-position:-64px 0; }<br /><br /><br /><br /> .social li a.flickr:hover { background-color:#FF0084; }<br /><br /><br /><br /> .social li a.rss { background-position:-96px 0; }<br /><br /><br /><br /> .social li a.rss:hover { background-color:#ff9900; }<br /><br /><br /><br /> .social li a.dribble { background-position:-128px 0; }<br /><br /><br /><br /> .social li a.dribble:hover { background-color:#EA4C89; }<br /><br /><br /><br /> .social li a.lastfm { background-position:-160px 0; }<br /><br /><br /><br /> .social li a.lastfm:hover { background-color:#D51007; }<br /><br /><br /><br /> .social li a.linkedin { background-position:-192px 0; }<br /><br /><br /><br /> .social li a.linkedin:hover { background-color:#2089b5; }<br /><br /><br /><br /> .social li a.vimeo { background-position:-224px 0; }<br /><br /><br /><br /> .social li a.vimeo:hover { background-color:#0dadd6; }<br /><br /><br /><br /> .social li a.google { background-position:-256px 0; }<br /><br /><br /><br /> .social li a.google:hover { background-color:#c63d2d; }<br /><br /><br /><br /> .social li a.forrst { background-position:-288px 0; }<br /><br /><br /><br /> .social li a.forrst:hover { background-color:#5b9a68; }<br /><br /><br /><br /> .social li a.skype { background-position:-320px 0; }<br /><br /><br /><br /> .social li a.skype:hover { background-color:#00aff0; }<br /><br /><br /><br /> .social li a.picassa { background-position:-352px 0; }<br /><br /><br /><br /> .social li a.picassa:hover { background-color:#ffd34e; }<br /><br /><br /><br /> .social li a.youtube { background-position:-384px 0; }<br /><br /><br /><br /> .social li a.youtube:hover { background-color:#c8312b; }<br /><br /><br /><br /> .social li a.pinterest { background-position:-416px 0; }<br /><br /><br /><br /> .social li a.pinterest:hover { background-color:#cb2027; }<br /><br /><br /><br /> .social li a.tumblr { background-image: url(https://2.bp.blogspot.com/-PKK39UadAWE/UcRPjEmNbJI/AAAAAAAABog/aaiRo1t-H5M/s1600/tumblr.png); }<br /><br /><br /><br /> .social li a.tumblr:hover { background-color: #2C4762; }<br /><br /><br /><br /> .social li a { background-color:#bbb; }</p><br /><br /><br /> <p>.social li a { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }<br /><br /><br /><br />

2.Kodlar Widget olarak istediğiniz yere ekleyebilirsiniz

</p><br /><br /><br /> <ul class=’social’><br /><br /><br /> <li><br /><br /><br /> <a class=’facebook’ href=’Buraya Facebook Adresiniz’ target=’_blank’>Facebook</a><br /><br /><br /> </li><br /><br /><br /> <li><br /><br /><br /> <a class=’twitter’ href=’Buraya Twitter Adresiniz’ target=’_blank’>Twitter</a><br /><br /><br /> </li><br /><br /><br /> <li><br /><br /><br /> <a class=’linkedin’ href=’Buraya Linkedin Adresiniz’ target=’_blank’>LinkedIn</a><br /><br /><br /> </li><br /><br /><br /> <li><br /><br /><br /> <a class=’flickr’ href=’Buraya flickr Adresiniz’ target=’_blank’>Flickr</a><br /><br /><br /> </li><br /><br /><br /> <li><br /><br /><br /> <a class=’lastfm’ href=’Buraya last.fm Adresiniz’ target=’_blank’>Last.fm</a><br /><br /><br /> </li><br /><br /><br /> <li><br /><br /><br /> <a class=’vimeo’ href=’Buraya vimeo.com Adresiniz’ target=’_blank’>Vimeo</a><br /><br /><br /> </li><br /><br /><br /> </ul><br /><br /><br /> </div><br /><br /><br /> <p>