Sitene Sosyal İkonlar Butonu Ekle

Sitene Sosyal İkonlar Butonu Ekle

Merhaba Arkadaşlar ;
Şimdi size sitenize sosyal ikonları eklemeyi göstericem.
İlk önce sitenizde aşağıdaki kodu buluyoruz ve

</head>

Hemen üstüne alttaki kodu ekliyoruz. Ekledikten sonra sitenizin neresine isterseniz 

<link href='http://dosyalar.juplo.com/sosyalikonlar/css/style.css' media='all' rel='stylesheet' type='text/css'/>

Aşağıdaki kodları ekliyoruz ve sizinde artık burda ki gibi bir butonunuz oluyor.

<span class="social-icon twitter"><a href="#"title="twitter">twitter</a></span>
<span class="social-icon facebook"><a href="#" title="facebook">facebook</a></span>
<span class="social-icon gplus"><a href="#" title="gplus">gplus</a></span>
<span class="social-icon linkedin"><a href="#" title="linkedin">linkedin</a></span>
<span class="social-icon flickr"><a href="#" title="flickr">flickr</a></span>
<span class="social-icon digg"><a href="#" title="digg">digg</a></span>
<span class="social-icon forrst"><a href="#" title="forrst">forrst</a></span>
<span class="social-icon github"><a href="#" title="github">github</a></span>
<span class="social-icon zerply"><a href="#" title="zerply">zerply</a></span>
<span class="social-icon pinterest"><a href="#" title="pinterest">pinterest</a></span>
<span class="social-icon stumbleupon"><a href="#" title="stumbleupon">stumbleupon</a></span>
<span class="social-icon rss"><a href="#" title="rss">rss</a></span>
<span class="social-icon dribbble"><a href="#" title="dribbble">dribbble</a></span>
<span class="social-icon delicious"><a href="#" title="delicious">delicious</a></span>
<span class="social-icon foursquare"><a href="#" title="foursquare">foursquare</a></span>
<span class="social-icon reddit"><a href="#" title="reddit">reddit</a></span>
<span class="social-icon vimeo"><a href="#" title="vimeo">vimeo</a></span>
<span class="social-icon yelp"><a href="#" title="yelp">yelp</a></span>
<span class="social-icon gowalla"><a href="#" title="gowalla">gowalla</a></span>
<span class="social-icon youtube"><a href="#" title="youtube">youtube</a></span>

Alt taraftan demoya bakabilirsiniz
 Demo