Sosyal Medya Tweet Share Like Google Twitter ve Facebook Düğmelerini izle

.NET, C # ve VB.NET'te Javascript'li veya olmadan Sosyal Medya Paylaşımlı Düğmeler Oluşturma

Başka bir yol - JavaScript olmadan

Orijinal blog sitemde aşağıdaki kodu kullanarak bazı paylaşım düğmelerini bir araya getirdim; ancak yeni sitemde, önbellekleme eksikliği ve Javascript miktarı açısından cezalandırıldık gibi görünüyordu. Şimdi bu düğmeleri birinin JS ve diğerinin arkasındaki salt kodda yaratmanın iki yolunu da sıraladım.

Bu sosyal medyayla ilgili olduğu için lütfen bunu paylaşmaktan çekinmeyin! Bu, 2015 yılı itibariyle% 100'dü.

Javascript'le - Daha eski yol

Bunlar sizin gibi / takip düğmeleriniz.

HTML - Like

<a href="https://twitter.com/Claytabase" class="twitter-follow-button" data-show-count="data-show-count" data-lang="en" data-show-screen-name="false">Claytabase</a>

</div>

Başka bir yol - JavaScript olmadan

Ve artık HTML paylaşım düğmeleri için.

HTML - Share

</div>

<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>

</div>

</div>

</div>

<su:badge layout="1"></su:badge>

</div>

</div>

Başka bir yol - JavaScript olmadan

Ve şimdi JavaScript

JavaScript

<script type="text/javascript">
    (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_GB/all.js#xfbml=1";
   fjs.parentNode.insertBefore(js, fjs);
} (document, 'script','facebook-jssdk'));
</script>

<script type="text/javascript">
    (function () {
        var po = document.createElement('script'); po.type = 'text/javascript';po.async = true;
       po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
    })();
</script>

<script type="text/javascript">
    !function (d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (!d.getElementById(id)) {
    js =d.createElement(s);
    js.id =id; js.src = "//platform.twitter.com/widgets.js";
   fjs.parentNode.insertBefore(js, fjs);
    }
} (document, "script","twitter-wjs");
</script>

<script type="text/javascript">
    (function () {
    var li = document.createElement('script'); li.type = 'text/javascript';li.async = true;
    li.src =('https:' == document.location.protocol ? 'https:' : 'http:')+ '//platform.stumbleupon.com/1/widgets.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(li, s);
    })();
</script>
<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>


<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>

Başka bir yol - JavaScript olmadan

Komut dosyasını sayfanın altına eklerseniz, size daha hızlı bir yükleme süresi sağlayarak en son yüklenecektir. Şans eseri Facebook, Google ve Twitter'daki çocuklar ileride düşünerek hem paylaşım hem de benzeri düğmeler için aynı Javascript'i kullandı.

[]

Başka bir yol - JavaScript olmadan

Şu an bunu biraz hızlı bir şekilde çalarak, paylaş ve takip düğmeleri için HTML ve CSS aşağıdadır. CSS için resim sprite'leri nasıl kullanılacağına aşağıdaki bağlantıyı kontrol etmiyoruz?

More: Kaydırma CSS oluştur

[]

Başka bir yol - JavaScript olmadan

Ve bu doğru sayfaya paylaşım bağlantılarını güncelleyecek koddur. Ayrıca tıklama üzerine küçük bir pencere açacak bazı isteğe bağlı JavaScript ekledim.

[]

Social Media Share Buttons Optional Javascript

function popupwindow(url, title, w, h) {

var left = (screen.width / 2) - (w / 2);

var top = (screen.height / 2) - (h / 2);

return window.open(url, title, 'toolbar=no, location=no, directories=no, status=no,menubar=no, copyhistory=no, width=' + w + ',height=' + h + ', top=' + top + ', left=' + left);

}

</script>

Başka bir yol - JavaScript olmadan

Öğeler paylaşıldığında, görüntülemek istediğim resim önce geldiğinden emin olmak için bunları kullanın.

Social Media Share Buttons Optional Meta Tags

Başka bir yol - JavaScript olmadan

Daha önce de söylediğim gibi, lütfen bunu faydalı bulursanız paylaşın ve düğmelerin her birinin nasıl çalıştığını görün!

Başka bir yol - JavaScript olmadan

Javascript&#39;le - Daha eski yol

HTML - Like

Başka bir yol - JavaScript olmadan

HTML - Share

Başka bir yol - JavaScript olmadan

JavaScript

Başka bir yol - JavaScript olmadan

Başka bir yol - JavaScript olmadan

Başka bir yol - JavaScript olmadan

Social Media Share Buttons Optional Javascript

Başka bir yol - JavaScript olmadan

Social Media Share Buttons Optional Meta Tags

Başka bir yol - JavaScript olmadan

Javascript'le - Daha eski yol