Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Tombol Share Ringan Melayang dan Responsive di Blog

Tombol Bagikan Putra Kapuas
Tombol Share versi Desktop
Tombol Share versi Mobile
Untuk membuat tombol ‘Share’ atau ‘Bagikan’ di website ataupun blog kesayangan Anda, ada beberapa cara dan pilihan.

Diantaranya adalah dengan menggunakan layanan Sumome, tapi tidak kami rekomendasikan karena akan membuat blog Anda lelet alias loading lama.

Sebagai alternatifnya, kami sarankan Anda menggunakan layanan AddThis yang lebih ringan dan gampang diatur tampilannya.

Adapun langkah-langkah yang perlu Anda lakukan adalah sebagai berikut:

1. Sign Up di website AddThis.

2. Atur tampilan tombol ‘Share This’ Anda. Kemudian klik Save and Continue.

3. Setelah itu Anda akan diberikan kode yang harus Anda masukkan ke blog anda. Di sini saya akan berikan contoh untuk website berbasis HTML seperti blogger. Copy kode tersebut.


4. Kemudian Login ke akun Blogger Anda.

5. Pilih menu Theme (Tema) di sebelah kiri.

6. Kemudian pilih Edit HTML.

7. Cari kode </body> (Anda bisa menggunakan CTRL + F untuk mempermudah pencarian).

8. Paste kode yang Anda copy tadi tepat di atasnya. Formatnya akan jadi seperti ini:


9. Save Theme (Simpan Tema), Selesai.

Selamat mencoba 😄

3 komentar untuk "Cara Membuat Tombol Share Ringan Melayang dan Responsive di Blog"

  1. Mas ijin bertanya mas.
    Kalau untuk membuat agar tombol share bisa responsive ke mobile tampilan di bawah bagaimana mas

    BalasHapus
    Balasan
    1. Ada pilihannya di sana mas, login saja ke akun AddThis, kemudian pilih Add new tool, kemudian pilih share button, pilih Floating, nanti di bagian "position" ada pengaturan supaya responsif.

      Hapus
  2. Your article is really addictive. Keep posting. keep sharing the knowledge. I love to read your articles. Thank you for sharing this article with us. This article will make a good reference for me. Thanks a lot. It is appreciated.
    english short english stories

    BalasHapus