» » » Sitene Sosyal İkonlar Butonu Ekle

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

About Unknown

Web Sayfamızda, Bilgisayar, İntenret, Güvenlik Sistemleri, Cep Telefonları, Tablet Bilgisayarlar, Navigation Sistemleri, Modem Kurulumları ve Smart TV ayarları ile ilgili tamamı görsel anlatımla hazırlanmış makaleler bulabilirsiniz. Keyifli Zaman Geçirmenizi Dileriz.
«
Next
Sonraki Kayıt
»
Previous
Önceki Kayıt

Hiç yorum yok :

Yorum Gönder