मैं अपनी वेबसाइट पर ट्विटर और फेसबुक सोशल मीडिया बटन कैसे जोड़ सकता हूं?

Question

मैं अपने एचटीएमएल 5 ऐप/वेब साइट पर ट्विटर और फेसबुक सोशल मीडिया बटन जोड़ना चाहता हूं। क्या किसी के पास इसके लिए कोई "ड्रॉप-इन" कोड है? आप ASP.NET में उस्तरा दृश्य इंजन का उपयोग कर रहे हैं

<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> 

(, _SiteLayout.cshtml को ऊपर स्क्रिप्ट जोड़ें:

Answer 1

फेसबुक के लिए, क्या बटन आप जोड़ना चाहते हैं देखते हैं, और पीढ़ी के लिए फेसबुक का विज़ार्ड का उपयोग अपने कस्टम कोड:

http://developers.facebook.com/docs/plugins/

और चहचहाना के लिए यह एक:

https://dev.twitter.com/

Answer 2

अपने html पृष्ठ में जोड़ना, सही शरीर के बाद और हैडर से पहले फ़ाइल अगर आप एकाधिक पृष्ठों पर बटन चाहते हैं)। [एस]

तो स्थान, जहां आप बटन चाहते हैं पर इस ऐड प्रकट करने के लिए:

<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> 

बदलें "http://www.awardwinnersonly.com" अपने वेब साइट का URL, ट्विटर "डेटा-पाठ" मूल्य के साथ आप क्या चाहते हैं के साथ डिफ़ॉल्ट रूप से कहने के लिए एक ट्वीट, और ट्विटर "डेटा-थ्रू" (पंचो विला से भ्रमित नहीं होना चाहिए) आपके ट्विटर हैंडल के साथ मूल्य।

इसके अलावा, इस जोड़ने के लिए, यदि आप एक फेसबुक टिप्पणी बटन चाहते हैं (से टिटो टीटो के स्वीकार किए जाते हैं जवाब):

<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> 

Answer 3

मैंने बटन छवियों को jpegs के रूप में डाउनलोड किया और छवि के लिए एक लिंक जोड़ा (Kompozer सॉफ़्टवेयर का उपयोग करके)। एक बार जब वे मैं यह भी कहा target = "_ रिक्त" जोड़ा गया था लिंक का पता पहले सुनिश्चित करने के लिए एक नया टैब किसी और की साइट के लिए वेब उपयोगकर्ता पुनः निर्देशित बजाय खोला जाता है :)

target="_blank" href="https://twitter.com/username 

Answer 4

खुद बंद लाइन के लिए उपयुक्त चिह्न का पता लगाएं और अपने फेसबुक/ट्विटर/लिंक पेज आदि में लिंक जोड़ें।

इस तरह आप डिज़ाइन पर नियंत्रण रखते हैं।