Twitter Developer untuk tombol share, ada tiga hal yang harus ditambahkan, pertama link rel, javascript dan kode button share. Untuk membuat kode tombol berbeda dengan facebook yang memberikan kemudahan dengan pebuatan secara automatis, sedangkan untk di Twitter, harus diubah secara manual.
Untuk lebih jelasnya langsung saja ke cara pembuatan tombol share Twitter, Dan sambil mengikuti tahapan langkahnya setiap proses, bisa dilihat di Twitter Deeveloper, agar dapat dipahami dengan penjelasan Twitter di sana, klik link ini, "https://developer.twitter.com/en/docs". Sedangkan di sini langsung pada pembuatannya.
Untuk membuat plugin button share halaman website to Twitter, caranya sebagai berikut.
- Desain tombol share Twitter, ada dua, yang satu ukuran default, dan satu lagi ukuran besar. Untuk ukuran default kodenya seperti ini;
<a class="twitter-share-button" href="https://twitter.com/intent/tweet?text=Update%20Button%20Share%20Twitter%20Untuk%20Di%20Blog%20Dan%20Website">Tweet</a>
hasilnya seperti ini:
Tweet
- Ukuran besar;
<a class="twitter-share-button" href="https://twitter.com/intent/tweet?text=Update%20Button%20Share%20Twitter%20Untuk%20Di%20Blog%20Dan%20Website" data-size="large">Tweet</a>
Hasilnya seperti ini;
Tweet
- Copy paste kode tersebut di bawah <body> atau dimana saja yang sesuai tata letak yang sudah Anda buat deainnya..dengan desain website Anda
- tambahkan kode di bawah ini di antara </title> dan </head>
<link rel="canonical" href="https://aha-sarangkomputer.blogspot.com/2018/09/update-button-share-twitter-untuk-di-blog-dan-website.html"> <link rel="me" href="/web/tweet-button">
- Ganti url link "https://aha-sarangkomputer.blogspot.com/2018/09/update-button-share-twitter-untuk-di-blog-dan-website.html" dengan url link website Anda
- terakhir, tambahkan kode di bawah ini, di antara </head> dan <bodyd>;
<script>window.twttr = (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], t = window.twttr || {}; if (d.getElementById(id)) return t; js = d.createElement(s); js.id = id; js.src = "https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); t._e = []; t.ready = function(f) { t._e.push(f); }; return t; }(document, "script", "twitter-wjs"));</script> - selesai
Untuk di blogspot, baik versi desktop maupun versi mobile, penambahan tombol share twitter tidak dibutuhkan lagi, karena blogger sudah menambahkan fitur tombol share, bahkan untuk ponsel smartphone, diaplikasi browsernya sudah menyediakan fitur share. Sedangkan untuk website, yang wajib ada button share, yaitu pada versi desktop, sedangkan untuk versi mobile dapat dipasangkan atau juga diabaikan, karena sudah bisa mengandalkan fitur share pada aplikasi browser ponsel. Namun semua sangat tergantung ANda dan keinginan klien Anda, yang dibuatkan websitenya.
Demikan cara menambahkan button share twitter dari Twitter Developer.
Semoga bermanfaat.
No comments:
Post a Comment