Langsung ke konten utama

Cara Membuat Share Button Melayang Dengan Sumo Me

Cara Membuat Share Button Melayang Dengan Sumo MeShare button atau tombol share sangatlah penting dalam sebuah blog, tombol share ini berfungsi untuk membagikan artikel kita di sebuah situs jejaring sosial.

Biasanya setelah setelah mengklik tombol share, maka tampilan situs jejaring sosial tersebut langsung akan muncul. Tombol share ini juga berguna untuk meningkatkan view, karena blog kita sudah ada di situs jejaring sosial yang kita miliki.

Tombol share ada banyak jenisnya, dari yang bawaan template yang kita pakai, ataupun yang bisa kita pasang secara manual.

(Baca juga : Cara Membuat Tombol Share Bergaya Flat di Blogger)

Tetapi kali ini saya tidak akan menjelaskan tentang tombol share bawaan template, tetapi tentang tombol share yang bisa di pasang secara manual. Disini saya akan memakai tombol share dari Sumo Me.

Sumo Me adalah tombol share yang sangat populer, karena banyak blog-blog yang sudah terkenal memakai tombol share ini.

Untuk contoh tampilannya, kalian bisa lihat di samping kiri pada blog Tutorial Umum. Terlihat jelas tombol share yang saya tampilkan untuk pengunjung.

Untuk cara memasang tombol share sumo me ini, ikuti langkah-langkah dari saya berikut ini.


Cara Membuat Share Button Melayang Dengan Sumo Me



1. Cara Mendaftar Sumo Me

  • Langkah pertama, silahkan masuk ke situs Sumo Me
  • Masukan url blog kalian di tengah form di halaman depan dengan http://, Seperti contoh berikut ini
    Cara Membuat Tombol Share Melayang Dengan SumoMe
  • Kemudian masukan email yang kalian miliki, dan password yang kalian inginkan, setelah itu pilih Sign Up
    Cara Membuat Tombol Share Melayang Responsive
  • Setelah selesai mendaftar, silahkan klik 1 kali pada script yang sudah di tampilkan untuk mengcopy.
    Cara Memasang Tombol Share Melayang di Samping Blog
  • Buka akun Blogger kalian
  • Pilih menu Tema, kemudian pilih Edit HTML
  • Cari kode <head>, kemudian masukan script yang sudah di copy tadi tepat di bawahnya
    2 Cara Memasang Tombol Share Melayang di Kiri Blog
    masukan script yang sudah di copy tadi tepat di bawahnya
  • Jika berhasil, maka akan muncul 1 tombol di kanan atas blog, seperti ini.
    Cara MEMBUAT Tombol Social Share di BLOG

(Baca juga : Cara Membuat Efek Tombol Keyboard di Blogger Dengan CSS)



3. Cara Menambahkan Share Button di Samping Kanan Layar

  • Klik tombol yang ada di kanan layar
  • Silahkan masukan kembali email dan password kalian, setelah itu pilih Log In
  • Setelah masuk, pilih pilihan free, kemudian pilih Continue
  • Di form SUMO, pilih Share, kemudian pilih ON
    Cara menambahkan share button media sosial
  • Setelah selesai, silahkan keluar, kemudian refresh halaman blog kalian, jika berhasil tombol share akan muncul di kiri layar, seperti contoh berikut ini
    Cara Membuat Tombol Share / Share Button yang Dijamin Sukses

(Baca juga : Cara Membuat Author Box dengan Social Media Buttons)



4. Cara Mengganti, Menghapus, dan Menambahkan Share Button Sumo Me

  • Klik tombol yang muncul di kanan atas blog kalian, kemudian klik Share
  • Pilih menu Settings, kemudian pilih tombol share yang ingin di ganti, dihapus, ataupun di tambahkan
  • Untuk memindahkannya silahkan tekan dan tahan pada mouse
    Cara Mudah Pasang Tombol Share di Blogspot
    Pilih tombol share yang di inginkan
  • Setelah selesai pilih tombol SAVE.

(Baca juga : Cara Membuat Widget Komentar Terbaru dengan Avatar)

Demikian tutorial dari saya mengenai cara membuat share button melayang dengan sumo me. Jika ada pertanyaan tentang cara memasangnya, atau tentang tombol share sumo me ini, silahkan masukan di kolom komentar.

Terima kasih sudah berkunjung di blog Tutorial Umum. Untuk tutorial yang lainnya dari saya, tetaplah kunjungi blog Tutorial Umum.

Postingan populer dari blog ini

Cara Membuat Widget Random Post dengan Thumbnail di Blogger

Di dalam sebuah blog kita membutuhkan sebuah widget yang menunjang agar pengunjung dapat melihat semua artikel yang kita miliki. Untuk itulah kali ini saya membuat tutorial tentang cara membuat widget random posts dengan thumbnails di blogger. Di widget ini juga di sediakan keterangan waktu artikel di buat, banyaknya komentar, serta menampilkan sedikit isi artikel tersebut, dan yang paling penting widget random posts ini memiliki thumbnail gambar agar widget terlihat menarik. Untuk kalian yang ingin tahu cara memasang widget random posts ini, ikuti langkah-langkah dari saya berikut ini. (Baca juga : Cara Membuat Widget Artikel Terbaru Super Ringan di Blog ) Cara Memasang Widget Random Posts dengan Thumbnails di Blogger Langkah pertama buka akun Blogger kalian Pilih menu Tata Letak , kemudian pilih Tambahkan Gadget , lalu pilih HTML/Javascript Masukan Judul widget, lalu masukan skrip di bawah ini <style> #random-posts img { border-radius: 10px; float: left; margin-...

Cara Membuat Widget Komentar Terbaru Dengan Judul Postingan di Blogger

Cara Membuat Widget Komentar Terbaru Dengan Judul Postingan di Blogger - Setelah sebelumnya saya membagikan tutorial cara membuat widget recent comments ringan di blog, kali ini saya akan membagikan widget yang sama tapi dalam bentuk yang berbeda. Apa bedanya ? Di dalam widget komentar terbaru ini sudah ada judul postingannya, jadi akan terlihat artikel apa yang terakhir di komen oleh pengunjung blog. Untuk masalah kecepatan, widget ini tidak akan menggangu kecepatan blog, jadi kalian tidak perlu khawatir untuk memasang widget ini. (Baca juga : Cara Membuat Widget Recent Comments Ringan di Blog ) Widget ini saya temukan di blog Kang Ghani yang sering membagikan berbagai tutorialnya. Bagi yang ingin tahu bagaimana cara memasangnya, ikuti langkah-langkah berikut ini. Cara Memasang Widget Komentar Terbaru Dengan Judul Postingan di Blogger Langkah pertama masuk ke akun blogger kalian Kemudian pilih menu Tata Letak , kemudian pilih lokasi widgetnya Pilih Tambahkan Gadget , kemudian pili...

Cara Menambah Slot Widget Sidebar Template Evo Magz

Cara Menambah Slot Widget Sidebar Template Evo Magz - Widget adalah hal yang sangat penting dalam sebuah blog. Dengan sebuah widget, maka kelayakan dari blog tersebut untuk menjadi blog yang baik akan semakin terlihat. Banyak widget yang dapat di gunakan agar pengunjung dapat dengan mudah melihat halaman lain dari blog tersebut. Untuk itu menambah slot widget sangatlah di perlukan. (Baca juga : Cara Menghilangkan Garis Warna Warni Template Evo Magz ) Template Evo Magz buatan Mas Sugeng adalah template yang paling mudah untuk di kembangkan. Untuk itulah saya membuat tutorial cara menambah slot widget sidebar template evo magz . Tidak usah panjang lebar langsung saja ikuti langkah-langkah dari saya berikut ini. Cara Menambah Slot Widget Sidebar Template Evo Magz 1. Cara Menambah Slot Widget Sidebar Masuk ke akun blogger kalian Pilih menu Tata Letak , hapus semua widget yang ada di sidebar template evo magz Kemudian pilih menu Tema , pilih Edit HTML Cari skrip <b:section class='...