Twitter ve Facebook sosyal medya düğmelerini HTML5 uygulamasına/web siteme eklemek istiyorum. Bunun için herhangi bir "drop-in" kodu var mı?Twitter ve Facebook sosyal medya düğmelerini web siteme nasıl ekleyebilirim?
, eklemek istiyorsun düğme görmek ve nesil için facebook en sihirbazını kullanmak senin özel kod:
http://developers.facebook.com/docs/plugins/
ve heyecan için bu bir:
sağ vücutta sonra ve başlıktan önce, html sayfanıza ekleyin:
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
(ASP.NET'te Jilet görünümü motoru kullanıyorsanız, _SiteLayout.cshtml için yukarıdaki komut dosyası eklemek Birden fazla sayfadaki düğmeleri istiyorsanız dosyaya dokunun.
Sonra düğmesini istediğiniz noktada bu eklentiyi [s] görünmesini:
<div style="display:inline-block;vertical-align:top">
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.awardwinnersonly.com" data-text="Czech out the books, movies, and music that won major awards" data-via="BClayShannon">Tweet</a>
<script>!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + '://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-wjs');
</script>
</div>
<div style="display:inline-block;vertical-align:top" class="fb-like" data-href="http://www.awardwinnersonly.com" data-send="false" data-width="450" data-show-faces="false" data-font="segoe ui">
</div>
istediğini ile web sitenizin URL'sini, Heyecan "veri-text" değeri ile "http://www.awardwinnersonly.com" Değiştir Twitter tüzüğünüzle varsayılan olarak bir tweet ve Twitter'da "veri aktarma" (Pancho Villa ile karıştırılmaması gereken) değeri. Eğer bir Facebook comments düğmesini istiyorsanız Ayrıca
, bu eklenti (dan Tito Tito kabul ettiği cevabı): Facebook'a için<div class="fb-comments" data-href="http://www.awardwinnersonly.com" data-colorscheme="The color scheme used in the plugin" data-numposts="5" data-width="450"></div>
Düğme resimlerini jpeg olarak indirdim ve görüntüye bir bağlantı ekledim (Kompozer yazılımı kullanarak). yaptıkları link adresinden önce I da eklendi target = "_ blank" eklendi kez
target="_blank" href="https://twitter.com/username
kapalı hat kendiniz için uygun simgeleri bul :) emin yeni bir sekme başkasının sitesine web kullanıcı yönlendirme yerine açılır ve facebook/twitter/etc sayfalarına bağlı linkler ekleyin.
Bu şekilde tasarım üzerinde kontrolünüz vardır.