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 Menggunakan Google Webmaster Tools Terbaru

Kita sering melihat banyak blog yang muncul di google.com . Biasanya untuk mencapai posisi teratas dari google, seorang blogger menggunakan berbagai cara seperti menggunakan Webmaster tools . Untuk itu, pada tutorial kali ini saya akan memberikan cara menggunakan google webmaster tools . Sebetulnya banyak webmaster tools yang bisa digunakan para blogger, tetapi untuk mempermudah para blogger, google telah menyediakan Webmaster Tools agar para blogger dapat dengan mudah mengideks artikel-artikel mereka. (Baca juga :  Cara Menggunakan Bing Webmaster Tools Terbaru ) Apa itu Google webmasters tools ? Seperti yang sudah saya jelaskan tadi, Google Webmaster tools adalah fasilitas yang di berikan google agar mempermudah para pemilik sebuah situs dalam mesin pencari. Dalam hal ini Google juga memperlihatkan kinerja dari website atau situs yang kita miliki. Tidak usah panjang lebar menjelaskan, berikut adalah cara menggunakan Google webmaster tools. (Baca juga :  Cara Mengatasi Webmas...

Ganti Target Negara di Search Console Agar Artikel Blog Naik Peringkat

Search Console atau yang biasa kita sebut webmaster tools , adalah sebuah alat agar artikel blog yang kita milik bisa masuk ke mesin pencarian seperti google. Di dalam search console banyak sekali hal yang kita perlukan agar artikel blog yang kita miliki bisa naik peringkat di pencarian. Salah satunya adalah Penargetan Internasional , menu yang satu ini tidak boleh di lewatkan oleh kita. Di menu penargetan internasional ini ada 2 tab, yaitu tab pertama untuk Bahasa , kemudian tab kediua ada Negara . Banyak sekali manfaat yang bisa kita dapatkan dari menu Penargetan International ini. Untuk itulah kali ini saya akan membahas tentang cara ganti target negara di search console agar artikel blog naik peringkat. Bagi anda yang belum mengaktifkan tab bahasanya, anda bisa mengaktifkannya dengan Tag Hreflang . Untuk cara memasang tag hreflang ini, anda bisa baca artikelnya di sini . (Baca juga : Cara Memasang Tag Hreflang di Blog ) Apa manfaat dari mengganti target negara di search console?...

Cara Instal Adobe After Effect CC 2017 dengan Mudah di Komputer

Adobe After Effect adalah sebuah produk software yang di kembangkan oleh perusahaan yang sudah tidak asing lagi, yaitu Adobe System . Sebelumnya adobe after effect ini adalah produk Macromedia tetapi sekarang sudah menjadi produk dari Adobe . Kita tahu Adobe After Effect adalah software yang sering di gunakan para editor video untuk mengedit video mereka, agar video kelihatan lebih menarik dan meningkatkan  perhatian para pemirsa video mereka. Dengan banyaknya fitur yang di miliki adobe after effect, maka para editor bebas mengkreasikan video mereka sebagus dan seunik mungkin. Adobe after effect ini juga sudah memiliki lebih dari 50 effect standar, sehingga kita tidak perlu repot-repot menambahkan plugin lagi ke dalam software ini. (Baca juga :  Cara Mudah Install XAMPP 1.7.3 di Komputer ) Adobe after effect ini juga memiliki fitur Expression yang bisa digunakan hanya menggunakan script untuk menghasilkan gerakan-gerakan yang dinamis. Bagi kalian yang ingin mengetahui bagaima...

2 Cara Membuat Sticky Widget Sidebar dengan CSS dan jQuery

Sticky widget adalah widget yang bisa di bilang melayang atau mengambang apabila kita menscroll layar browser. Sticky widget ini biasanya menggunakan jQuery tetapi kali ini saya tidak hanya membuat tutorial cara membuat yang jQuerynya saja tetapi ada juga yang menggunakan CSS , untuk itulah saya akan memberikan 2 cara membuat sticky widget sidebar dengan CSS dan jQuery . Sticky widget ini awalnya hanya support untuk template responsive saja, namun seiring berkembangnya kemajuan blog, kini hadir template AMP yang di sebut-sebut memiliki kecepatan yang tinggi di versi mobile. Untuk itulah sangat di butuhkan sticky widget sidebar dengan CSS,  karena template AMP ini sangat anti jika di tempelkan script jQuery. (Baca juga : Cara Membuat Widget Recent Post Muncul Saat di Scroll ) 2 Cara Memasang Sticky Widget Sidebar dengan CSS dan jQuery di Blog Untuk cara yang pertama kita akan memasang sticky widget sidebar dengan jQuery terlebih dahulu. Untuk itu ikuti langkah-langkah dari saya ...

Cara Menggunakan Bing Webmaster Tools Terbaru

Webmaster tools sudah menjadi bagian dari para blogger , web master tools ini berguna untuk mengindeks sebuah artikel agar berada di situs pencarian. Namun kita biasanya hanya memakai Google webmaster tools saja, padahal ada banyak tempat untuk mengindeks artikel kita. Oleh karena itu sekarang saya akan membagikan salah satu webmaster tools selain Google webmaster tools, yaitu Bing webmaster tools. Untuk itu pada tutorial kali ini saya akan memberikan tutorial tentang cara menggunakan bing webmaster tools terbaru . (Baca juga :  Cara Menggunakan Google Webmaster Tools Terbaru ) Cara menggunakan Bing webmaster tools ini hampir mirip seperti Google webmaster tools , kita hanya memasukan url artikel kita Bing webmaster tools kemudian akan muncul di situs pencari Bing itu sendiri. Tetapi jika ada yang ingin mengetahui cara menggunakan Bing webmaster tools atau belum tahu cara menggunakan Bing webmaster tools, ikuti langkah-langkah dari saya berikut ini. (Baca juga :  Cara Memas...