İsaCoturBlog

Fan Box Widgetleri

Sosyal Medya Fan Box Widget Kodları

Sosyal Medya Fan Box Widget Kodları

Sosyal medya fan kutusu widgetleri için bilmenizde fayda olacak Developers yani Geliştiricilere ait sosyal medya linklerini paylaşarak başlıyorum.Kısaca sosyal medya platformları için hangi sitedeki  widget kodunu almanıza yarayacak.

Facebook Developers Linki

developers.facebook.com/docs/plugins/like-button

Twitter Developers Linki

about.twitter.com/tr/resources/buttons

Google Plus Developers Linki

developers.google.com/+/web/+1button/

YouTube Developers Linki

developers.google.com/youtube/youtube_subscribe_button

Linkedin Developers Linki

developer.linkedin.com/plugins

Pinterest Developers Linki

developers.pinterest.com/tools/widget-builder/

Foursquare Developers Linki

tr.foursquare.com/about/logos

Tumblr Developers Linki

www.tumblr.com/buttons

İnstagram Developers Linki

www.instagram.com/developer/
Not: instagram developers eskiden kod veriyordu, ama bu aralar sayfada sorun gördüm.Ne zaman düzelir bilemiyorum.Kod yerine resme link verebilirsiniz.

Sosyal Medya Fan Box Widget Kodları

Sosyal Medya Fan Box Widget Kodları

Yukarıda görselde gördüğünüz gibi görselleri oluşturmak için widget kodunu nereye ekleyeceğini aşağıda belirttim.İstediğiniz veya ihtiyaç duyduğunuz sosyal medya ikonlarını kullanabilirsiniz.

<style type="text/css"> 

#clickface {width:256px; height:23px; margin-top:5px; padding-top:11px; padding-bottom:10px; border:1px solid #d8d7d7;  padding-left:10px; margin-bottom:10px;margin-left:5px; background:url(https://img.webme.com/pic/i/isacotur/facebook_icon.jpg); 

-webkit-border-radius:10px; 

  -moz-border-radius:10px; 

  border-radius:10px} 

</style>

<div id="clickface">FACEBOOK DEVELOPERS KODU BURAYA</div>


<style type="text/css"> 

#clickfollow {width:256px; height:23px; margin-top:5px; padding-top:11px; padding-bottom:10px; border:1px solid #d8d7d7;  padding-left:10px; margin-bottom:10px;margin-left:5px; background:url(https://img.webme.com/pic/i/isacotur/twitter_icon_265x65.png); 

-webkit-border-radius:10px; 

  -moz-border-radius:10px; 

  border-radius:10px} 

</style>

<div id="clickfollow">TWİTTER DEVELOPERS KODU BURAYA</div>


<style type="text/css"> 

#clicktube {width:256px; height:26px; margin-top:5px; padding-top:16px; padding-bottom:10px; border:1px solid #d8d7d7;  padding-left:10px; margin-bottom:10px;margin-left:5px; background:url(https://img.webme.com/pic/i/isacotur/youtube_icon.png); 

-webkit-border-radius:10px; 

  -moz-border-radius:10px; 

  border-radius:10px} 

</style>

<div id="clicktube">YOUTUBE DEVELOPERS KODU BURAYA</div>


<style type="text/css"> 

#clickplus {width:256px; height:23px; margin-top:5px; padding-top:11px; padding-bottom:10px; border:1px solid #d8d7d7;  padding-left:10px; margin-bottom:10px;margin-left:5px; background:url(https://img.webme.com/pic/i/isacotur/google_icon.png); 

-webkit-border-radius:10px; 

  -moz-border-radius:10px; 

  border-radius:10px} 

</style>

<div id="clickplus">GOOGLE+ DEVELOPERS KODU BURAYA</div>



<style type="text/css"> 

#clicklin {width:256px; height:26px; margin-top:5px; padding-top:16px; padding-bottom:10px; border:1px solid #d8d7d7;  padding-left:10px; margin-bottom:10px;margin-left:5px; background:url(https://img.webme.com/pic/i/isacotur/Linkedin_icon.png); 

-webkit-border-radius:10px; 

  -moz-border-radius:10px; 

  border-radius:10px} 

</style>

<div id="clicklin">LİNKEDİN DEVELOPERS KODU BURAYA</div>



<style type="text/css"> 

#clickpin {width:256px; height:26px; margin-top:5px; padding-top:16px; padding-bottom:10px; border:1px solid #d8d7d7;  padding-left:10px; margin-bottom:10px;margin-left:5px; background:url(https://img.webme.com/pic/i/isacotur/pinterest_icon.jpg); 

-webkit-border-radius:10px; 

  -moz-border-radius:10px; 

  border-radius:10px} 

</style>

<div id="clickpin">PİNTEREST DEVELOPERS KODU BURAYA </div>

 

<style type="text/css"> 

#clickfoursquare {width:256px; height:26px; margin-top:5px; padding-top:16px; padding-bottom:10px; border:1px solid #d8d7d7;  padding-left:10px; margin-bottom:10px;margin-left:5px; background:url(https://img.webme.com/pic/i/isacotur/foursquare_icon.png); 

-webkit-border-radius:10px; 

  -moz-border-radius:10px; 

  border-radius:10px} 

</style>

<div id="clickfoursquare">FOURSQUARE DEVELOPERS KODU BURAYA</div>

 

<style type="text/css"> 

#clickins {width:256px; height:26px; margin-top:5px; padding-top:16px; padding-bottom:10px; border:1px solid #d8d7d7;  padding-left:10px; margin-bottom:10px;margin-left:5px; background:url(https://img.webme.com/pic/i/isacotur/instagram_icon.png); 

-webkit-border-radius:10px; 

  -moz-border-radius:10px; 

  border-radius:10px} 

</style>

<div id="clickins">İNSTAGRAM DEVELOPERS KODU BURAYA</div>

 Örnek instagram butonu url: https://img.webme.com/pic/i/isacotur/instagram_icons.png
instagram butonu

<style type="text/css"> 

#clicktumblr {width:256px; height:26px; margin-top:5px; padding-top:16px; padding-bottom:10px; border:1px solid #d8d7d7;  padding-left:10px; margin-bottom:10px;margin-left:5px; background:url(https://img.webme.com/pic/i/isacotur/tumblr_icon.png); 

-webkit-border-radius:10px; 

  -moz-border-radius:10px; 

  border-radius:10px} 

</style>

<div id="clicktumblr">TUMBLR DEVELOPERS KODU BURAYA </div>

 

Facebook Twitter Google+ Fan Box Witget Kodu
Facebook Twitter Google+ Fan Box Witget Kodu  


Not:Twitter kısmı çalışmıyor veya kodlamada noksanlık olabilir.



Fan Box Widget Kodu

Fan Box Widget Kodu


Sağ tarafdan açılan 4lü fan box widget kodu çalışıyor, fakat sosyal medya linklerinizi eklediğinizde sadece face görünüyor, veya ben bulamamış olabilirim.

Facebook Fan Widget Kodu

Facebook Fan Widget Kodu


Açıklama: Sağdan açılan facebook widget kodu çalışıyor.


Soldan Açılan Fan Box Widget Kodu

Soldan Açılan Fan Box Widget Kodu






Bu sayfa hakkındaki yorumlar:
Yorumu gönderen: ilgazdan, 04.08.2017, 19:02 (UTC):
paylaşım için teşekkürler ,
sosyal medya fan box widgetinizi sitemde kullanıyorum
ilgazgeleneksellezzet.tr.gg



Bu sayfa hakkında yorum ekle:
İsmin:
Mesajınız:

Sosyal Medyada Bizi Bulun

  • isacotur facebook  twitter'de bizi bulun   isacotur linkendin   instagram isacotur  
  • isacotur google+   pinterest butonu   youtube butonu   foursquare buton
  • E-Posta Abonesi 284 Takipci



    125x125 REKLAM ALANI

    => Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=