-->

Cara Membuat Tombol Share Media Sosial Melayang di Blogger

Serieswans.com - Pada kesempatan kali ini saya akan membagikan sebuah tuorial lagi. Yaitu, mengenai cara memasang tombol button share melayang disamping kiri blog. Plugin share button ini sudah banyak digunakan oleh para blogger untuk blognya agar para pembaca dapat lebih mudah membagikan apa yang sedang mereka baca ke media sosial atau ke teman-teman mereka juga.
Cara Membuat Tombol Share Media Sosial Melayang di Blogger
Cara Memasang Tombol Button Share Melayang di Blogger

Plugin Share Button
ini sangat cocok dipasang disetiap blog, selain lebih memudahkan para pembaca membagikan artikel kita, blog kitapun juga bakal keliatan lebih profesional dan menarik. Tak hanya itu, share button ini tidak akan mempengaruhi loading blog anda kok dan pastinya responsive dengan blog kita. jadi nuggu apalagi guys, kita langsung ke tutorial pemasangnnya.

Baca Juga : Cara Memasang Icon Menu Navigasi Bar di Blog (Font Awesome)

Berikut adalah langkah - langkah Memasang Tombol Button Share Melayang di Samping Blog :

  1. Pertama, silahkan anda pergi ke halaman website Sumome.com
  2. Selanjutnya, anda akan masuk ke halaman hompagenya website sumome.com dan disana tersedia sebuah kolom di tengah dan silahkan anda masukkan link blog anda kedalam kolom tersebut kemudian klik " Try It Now ". anda bisa lihat contoh gambar di bawah ini.
    Cara Membuat Tombol Share Media Sosial Melayang di Blogger
    Cara Memasang Tombol Button Share Melayang di Blogger
  3. Kemudian anda akan disuruh melengkapi persyaratan pendaftaran akunnya. Isi kan saja seperti biasanya, masukkan email yang aktif dan passwordnya, lalu pilih signUp.
  4. Selanjutnya, akan dikasih kode untuk kita pasang dalam blog kita. Silahkan anda pasangkan kode yang diberikan tersebut tepat dibawah kode <body> dan Edit HTML contoh kode nya seperti di bawah ini.
    Cara Membuat Tombol Share Media Sosial Melayang di Blogger
    Cara Memasang Tombol Button Share Melayang di Blogger
  5. Setelah kode tersebut berhasil anda pasangkan dalam kode Template anda, selanjutnya klik Simpan Template dan silahkan buka blognya. Nantinya, akan muncul sebuah ikon disamping kanan atas blog anda dan silahkan klik kotak tersebut, kemudian pilih My Tools.
  1. Atau anda juga bisa langsung ke menu manage sites di halaman sumemo.com dan pilih share pada menu extras. anda bisa lihat contoh gambarnya di bawah ini.
    Cara Membuat Tombol Share Media Sosial Melayang di Blogger
    Cara Memasang Tombol Button Share Melayang di Blogger
  2. Selanjutnya, klik pada menu Share dan silahkan anda aktifkan tombol share tersebut dengan cara menekan " Active Now ". anda bisa lihat contoh gambar di bawah ini.
    Cara Membuat Tombol Share Media Sosial Melayang di Blogger
    Cara Memasang Tombol Button Share Melayang di Blogger
  3. Setelah anda aktifkan, nantinya akan langsung muncul otomatis tombol button sharenya diblog anda. anda juga bisa mengatur layout dan tataletak tempat share button tersebut muncul diblog anda.
  4. Silahkan cek apakah sudah muncul belum tombol button sharenya. jika muncul artinya tahap ini sudah selesai.

Mungkin itu saja tutorial kali ini mengenai Cara Memasang Tombol Button Share Melayang di Blogger. jangan bosen-bosen ya guys mengunjungi blog serieswans.com. tunggu artikel terbaru dan terupdate lainnya. apabila anda memiliki sebuah pertanyaan mengenai tutorial ini, silahkan berkomentar di bawah postingna ini. semoga artikel ini bisa bermanfaat untuk saya dan anda semua.

Next
Previous

Related Posts

Show comments
Hide comments

0 Komen

Posting Komentar

  • Mohon Tinggalkan jejak sesuai dengan judul artikel.
  • Tidak diperbolehkan untuk mempromosikan barang atau berjualan.
  • Dilarang mencantumkan link aktif di komentar.
  • Komentar dengan link aktif akan otomatis dihapus
  • Berkomentarlah dengan baik, Kepribadian Anda tercemin saat berkomentar.
  • Jika ingin menulis kode maka harus di-parse terlebih dulu (terutama Javascript dan HTML)
  • Centang kotak Beri tahu saya untuk mendapatkan notifikasi via email jika ada yang membalas komentar.
  • Gunakan tag <i> dan diakhiri dengan kode </i> untuk menuliskan kode. Contoh:
    <i>#comments</i>
  • Gunakan tag <em> dan diakhiri dengan kode </em> untuk menuliskan kode yang lebih panjang atau URL. Contoh:
    <em>#comments {margin:0; padding:10px 15px}</em>

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

x
Berlangganan

Dapatkan pemberitahuan melalui email setiap ada artikel baru. Gratis!