AddThis Inline Share Buttons tersedia untuk digunakan dalam AMP. Permudah pengguna yang mengunjungi blog Anda untuk membagikan konten Anda berkat tombol sosial. Izinkan pengunjung Anda untuk terhubung langsung ke lebih dari 200 jejaring sosial, termasuk Google+, Facebook, Twitter, WhatsApp, dan lainnya.
Jika Anda sudah menggunakan Anda dapat mengikuti petunjuk untuk menambahkan skrip AddThis baru untuk menampilkan tombol untuk membagikan "artikel" tulisan Anda di jejaring sosial.
Kami mulai
Sebelum melakukan tutorial dianjurkan bahwa Anda membuat cadangan blog Anda jika terjadi kesalahan
Langkah 1.- Anda harus membuat account AddThis https://www.addthis.com/register
Membuat akun adalah AddThis -benar gratis dan memungkinkan Anda untuk mengakses seluruh set alat di website, serta laporan analisis rinci untuk lebih memahami lalu lintas sosial ke situs Anda.
Langkah 2.-Pergi ke panel kontrol Anda dan sesuaikan tombol Bagikan Anda (AMP saat ini hanya mendukung tombol berbagi INLINE)
Langkah 3.- Pilih INLINE
Langkah 4.- Klik Lanjutkan
Langkah 5.- ASekarang ini akan menunjukkan Anda jendela berikutnya
Langkah 6.- Sesuaikan tombol Anda untuk berbagi sesuai dengan keinginan Anda, lalu tekan "Activate tool".
Langkah 7.- Tunjukkan jendela selanjutnya
Langkah 8.- Aktifkan tempat AMP
Langkah 9.- Salin skrip
Skrip untuk menggunakannya di Blogger adalah sebagai berikut:
<script async='async' custom-element="amp-addthis" src="https://cdn.ampproject.org/v0/amp-addthis-0.1.js"></script>
Catatan: Simpan kode untuk melanjutkan memasukkannya di Blogger nanti
Langkah 10.- Sekarang salin kode kedua yang dihasilkan oleh AddThis
Example:
Langkah 11.- Instal dua kode yang dihasilkan oleh AddThis di Blogger
Langkah 12.- Satu klik di Topik
Langkah 13.- Klik pada Edit html
Langkah 14.- Carilah kode berikut
body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
Langkah 15.- Masukkan skrip AddThis dengan bersyarat tepat setelah kode yang Anda temukan
<b:if cond='data:blog.pageType in {"item"}'> <script async='async' custom-element="amp-addthis" src="https://cdn.ampproject.org/v0/amp-addthis-0.1.js"></script> </b:if>
Contoh:
Langkah 16.- Carilah kode berikut
<div class='post hentry'>
Langkah 17.- Masukkan kode berikut dengan bersyarat tepat setelah kode yang Anda temukan
<b:if cond='data:blog.pageType == "item"'> <amp-addthis height='92' layout='flex-item' data-pub-id="ra-5b65d2e7bf922f8d" data-widget-id="spio"> </amp-addthis> </b:if>
Membuat perubahan berikut:
Mengubah dua ID yang encuentram di jalur
data-pub-id="ra-5b65d2e7bf922f8d"
data-widget-id="spio"
Ganti ID: ra-5b65d2e7bf922f8d
Ganti ID: spio
harus mengganti oleh ID kode AddThis Anda
Contoh:
Langkah 18.- Klik pada Simpan Tema
Kunjungi blog Anda
Ada pertanyaan!
Anda butuh bantuan?
Semoga anda senang
Comment: