Tombol Sharing Async (G+, Facebook, Twitter) untuk Website
Unknown | 11:49 |
Website
Beberapa dari layanan ini sudah (cerdas) menyediakan script mereka dalam mode async, ini hanya menggabungkan mereka ke dalam kode yang lebih efisien, teratur, dan mudah dipahami.
kali ini saya akan memberikan tutorial Tombol Sharing Async (G+, Facebook, Twitter) untuk Website.
Langsung saja Ceck Scriptnya.
Anda akan memerlukan HTML di tempat untuk script menempatkan barang-barang mereka:
kali ini saya akan memberikan tutorial Tombol Sharing Async (G+, Facebook, Twitter) untuk Website.
Langsung saja Ceck Scriptnya.
(function(doc, script) {Aku menemukannya akan melalui beberapa kode situs dan saya lupa persis yang awalnya melakukannya tetapi tampaknya seperti Nicolas Gallagher atau Mathias Bynes semacam itu. Benar saya jika saya salah.
var js,
fjs = doc.getElementsByTagName(script)[0],
frag = doc.createDocumentFragment(),
add = function(url, id) {
if (doc.getElementById(id)) {return;}
js = doc.createElement(script);
js.src = url;
id && (js.id = id);
frag.appendChild( js );
};
// Google+ button
add('http://apis.google.com/js/plusone.js');
// Facebook SDK
add('//connect.facebook.net/en_US/all.js#xfbml=1&appId=200103733347528', 'facebook-jssdk');
// Twitter SDK
add('//platform.twitter.com/widgets.js');
fjs.parentNode.insertBefore(frag, fjs);
}(document, 'script'));
Anda akan memerlukan HTML di tempat untuk script menempatkan barang-barang mereka:
<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>itu saja yang bisa saya sampaikan. semoga bermanfaat.
<div class="g-plusone" data-size="medium" data-count="true"></div>
<div id="fb-root"></div>
<div class="fb-like" data-send="false" data-layout="button_count" data-width="1" data-show-faces="false" data-action="recommend"></div>
0 Kommentare:
Kommentar veröffentlichen