Cara Membuat Share Button Melayang

Kali ini kita bahas tutorial bagaimana caranya membuat tombol atau share button melayan di blog, seperti blog punya saya, caranya sebetulnya gampang, tinggal menggunaka pihak ketiga, atau mau cara yang lain silahkan kujungi blog Kompi Ajaib  karena saya pribadi banyak belajar dari blogger senior tersebut.
Langsung saja guys,
Langkah Pertama
Buka di tab baru dan ketik di search engine google addthis, atau silahkan klik DISINI untuk langsung ke website addthis 

Selanjutnya log in / klik tombol "continue with google" atau facebook, kalau belum, sebelum membuka addthis kamu log in dulu ke akun blogger kamu
Langkah Kedua
  • Pilih tombol mana yang mau kamu buat, karena disini kita akan membuat share button maka pilih share button
  • Selanjutnya kita akan dibawa ke halaman modifikasi


Langkah Ketiga
  • Pilih Floating, ketika kamu memilih floating maka previewnya akan seperti gambar dibawah,
  • Silahkan pilih posisi yang sesuai dengan keinginan kamu
  • Sebaiknya memilih posisi floating saja, biar tidak menggangu tampilan homepage kamu
  • Klik Continue

Langkah Ke-empat
  • Silahkan modifikasi, Desktop untuk ditampilkan di PC/Laptop dan Mobile untuk ditampilkan di smartphone, sebaiknya pilih keduanya, karena saat ini kebanyakan pembaca blog menggunakan smartphone
  • Sesuaikan dengan gambar dibawah ini

Langkah Kelima
  • Pilih tombol share apa saja yang mau kamu pilih
  • Saya merekomendasikan untuk memilih, Facebook,Twitter,Pinterest,Gmail dan WA
  • Sesuaikan dengan kebutuhan pembaca blog kamu.
  • Setelah ini klik Save anda Continue

Langkah ke-enam
  • Sebelumnya buka dulu blog kamu dan pilih Tema dan klik Edit HTML, karena pada tahap ini kita akan memasukan script/html share button yang kit buat ke blog kamu
  • Setelah itu kembali ke halaman addthis
  • Lihat gambar
  • Setelah itu kembali ke EDIT HTML dan cari kode 

&lt;head&gt;<head> 
  • Dengan menekan tombol keyboard CTRL+F ini bertujuan untuk menampil kode di homepage blog kamu.
  • Lalu simpan script langkah 1 di Addthis di atas kode tersebut diatas
  • Lihat step selanjutnya di bawah

Step Ke-tujuh
  • Cara menyimpan kode addthis di &lt;head&gt;  <head> (lihat gambar) 
  • Lihat tulis Go To Addthis, simpan kode kamu sesuai gambar dibawa ini.

Lalu simpan kode addthis kamu seperti diatas, diatas kode 

&lt;!--</body>--&gt;&lt;/body&gt;atau</body> 
Ini bertujuan untuk membuat kode addthis floating di homepage blog, dan akan keluar ketika visitor blog membaca artikel kamu
Lihat gambar

Langkah terakhir, pratinjau tema dan lihat perubahannya, jika sudah tampil berarti kamu sudah selesai, lalu simpan tema, kamu bisa melihat traffic visitor yang share artikel lewat tombol tersebut di menu dashboard addthis. terima kasih

Reaksi:
Share this with short URL:

You Might Also Like:

Use parse tool to easy get the text style on disqus comments:
Show Parser Hide Parser