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 Contact Form Sederhana Langsung Masuk ke Email

Kita tahu Contact Form adalah hal yang wajib dimiliki oleh sebuah blog atau sebuah situs website. Gunanya adalah untuk memberikan informasi kepada admin sebuah blog atau situs tersebut, baik itu informasi bug ataupun kesalahan dalam blog tersebut. Untuk itu pada tutorial kali ini saya akan memberikan cara membuat contact form sederhana langsung masuk ke email . (Baca juga :  Cara Termudah Membuat Privacy Policy Tanpa Di Ketik ) Tidak hanya memberitahukan hal itu saja, Contact Form juga berfungsi sebagai alat berinteraksi kedua setelah kolom komentar kepada admin suatu blog tersebut. Sehingga pesan rahasia yang kita buat juga tidak terlihat oleh orang lain. Jika kita memiliki Disclaimer , Terms of Services , dan Privacy Policy . Kita pastinya harus memiliki Contact Form, karena 3 halaman tadi sangat berkaitan dengan Contact Form. Jadi itulah kenapa saya bilang Contact Form itu hal yang wajib kalian miliki dalam membuat sebuah blog. Bagi kalian yang ingin tahu cara membuat Contact F...

Cara Membuat Widget Recent Post Multi Color Keren di Blogger

Recent posts adalah widget untuk menampilkan artikel-artikel terbaru, widget ini adalah solusi terbaik agar pemirsa blog kita dapat melihat postingan terakhir yang kita buat. Pada tutorial kali ini saya akan memberikan cara membuat widget recent post multi color keren di blogger . Di artikel kali ini saya akan membuat recent post yang dapat membuat tampilan blog kalian lebih menarik serta mempermudah bagi viewer blog kalian membaca artikel-artikel terbaru dari blog kalian. (Baca juga :  Cara Membuat Widget Recent Post Dengan Gambar, Keterangan Waktu & Komentar ) Recent post ini adalah widget yang paling sering dipakai oleh para blogger, karena widget ini dapat meningkatkan view pada suatu blog. Yang membuat recent post ini berbeda dari recent post yang lain adalah gambar thumbnail yang bulat serta setingan yang mudah. Kenapa dikatakan mudah, karena kalian hanya cukup mengaturnya tanpa menambahkan link blog kalian. Jadi widget recent post ini bisa di gunakan secara otomatis. Ti...

Cara Membuat Recent Post Blogger Berdasarkan Label Seperti Evo Magz Template

Template Evo Magz , siapa yang tidak kenal dengan template premium buatan mas Sugeng ini. bagi kalian yang ingin mendownloadnya silahkan hubungi mas Sugeng , namun Kali ini saya hanya akan memberikan Cara Membuat Recent Post Blogger Berdasarkan Label Seperti Evo Magz Template . (Baca juga :  Cara Membuat Widget Recent Post Multi Color Keren di Blogger ) Recent post biasa di gunakan untuk menampilkan beberapa artikel yang ada di sebuah situs atau blog. Recent post ini biasanya berada di bawah halaman utama dari template evo magz. Tentunya Recent post ini akan membuat tampilan menu awal blog kalian menjadi lebih menarik. Recent post ini juga bisa di gunakan di template yang saya desain yaitu template Tutor Magazine 3D , dan juga Hijau Magazine . (Baca juga :  Update Template Tutor Magazine 3D Versi 1.0, Template Biru Paling Favorit ) Bagi yang belum tau cara memasang recent post ini, berikut langkah-langkah Cara Membuat Recent Post Blogger Berdasarkan Label Seperti Evo Magz Te...

Cara Mudah Membuat Sitemap Untuk Blog

Sitemap sangatlah di butuhkan di setiap blog, apalagi sitemap memudahkan bagi pengunjung yang ingin tahu apa saja isi dari artikel yang kita miliki. Untuk itulah kali saya akan memberikan tutorial tentang cara mudah membuat sitemap untuk blog .   Sitemap ini di bagi berdasarkan label sehingga memudahkan pengunjung mencari berdasarkan label yang ada. (Baca juga : Inilah Cara Mudah Memasukan Halaman Statis(Laman) Di Menu Navigasi ) Apa lagi di tambah fitur tanda tulisan New! Apabila kita baru membuat sebuah artikel, sehingga pengunjung mudah membedakan mana artikel yang baru dibuat, dan mana yang artikel lama. Bagi yang ingin tahu cara memasangnya, ikuti langkah-langkah dari saya berikut ini. Cara Memasang Sitemap Untuk Blog Masuk akun Blogger kalian Pilih menu Laman , kemudian pilih Laman baru Di Laman pilih tab HTML , kemudian masukan skrip di bawah ini <style> p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;} a.post-titles {color: #0000FF;} ol li{list-...

Cara Membuat Tabel di Blogger dengan Mudah & Responsive

Pada tutorial kali ini saya akan membagikan tutorial cara membuat tabel di blogger dengan mudah . Untuk membuat keterangan dari sebuah artikel di blog, terkadang kita membutuhkan tabel. Tabel tersebut biasanya di gunakan untuk membuat keterangan suatu artikel, agar tabel tersebut bisa memperjelas maksud artikel tersebut. (Baca juga :  Cara Membuat Button Responsive 13 Gaya dengan CSS ) Biasanya artikel itu adalah artikel tentang memperkenalkan sebuah template, agar pengunjung mengetahui fitur-fitur dari template itu, dan pengunjung tertarik dengan template tersebut. Untuk itu kali ini saya akan membagikan cara membuat tabel di blog dengan mudah dan responsive. Cara ini saya dapat dari blog Bung Frangki yang sering menjual template yang super cepat menurut saya. Untuk kalian yang belum melihat bagaimana bentuk dari tabel responsive tersebut, ini dia contohnya. Bagi kalian yang ingin menambahkan tabel responsive ini di blog, ikuti langkah-langkah dari saya berikut ini. (Baca juga :...

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 Menambah Kode Iklan AdSense Di Blog Lain

Google AdSense biasanya di daftarkan hanya untuk 1 buah blog saja, namun tahukah anda bahwa kode iklan adsense bisa di masukan ke blog lain . Untuk itulah kali ini saya akan memberikan cara menambah kode iklan adsense di blog lain . Namun ada hal yang harus di perhatikan dalam pemasangan kode iklan adsense ini. Berikut adalah hal-hal yang harus diperhatikan untuk memasang iklan adsense di blog lain. (Baca juga : Cara Membuat Kode Iklan AdSense di Samping Text Artikel ) Hal yang Harus di Perhatikan Saat Memasang Iklan Google AdSense di Blog Lain 1. Jumlah Pemasangan Iklan Biasanya untuk jumlah pemasangan yang aman hanya 3 buah saja maksimal, tetapi jika ingin lebih silahkan saja, tetapi resiko di tanggung sendiri. 2. Blog Sesuai Kebijakan AdSense Jika sobat ingin menambahkan kode iklan adsense di blog lain, ini adalah hal yang penting. Karena jika blog yang ingin di tambahkan tidak sesuai kebijakan adsense, maka akan terjadi hal yang fatal seperti banned akun. 3. Blog Tidak dalam Tahap...

Cara Membuat Widget Komentar Postingan Terbanyak Responsive di Blogger

Kebanyakan blogger mengukur kesuksesan suatu artikel lewat komentar dari para pengunjungnya. Jika pengunjung menyukai artikel yang kita miliki, atau pengunjung ingin bertanya dan berinteraksi langsung dengan pemilik blog atau admin maka mereka akan menginputkan komentar mereka di kolom komentar. Untuk itu di artikel saya kali ini, saya akan memberikan cara membuat widget komentar postingan terbanyak yaitu sebuah widget untuk menampilkan beberapa artikel dengan komentar terbanyak. (Baca juga :  Cara Membuat Widget Komentar Terbaru dengan Avatar ) Widget komentar terbanyak ini akan menampilkan beberapa angka komentar tertinggi di blog kalian, dengan model yang responsive. Sehingga akan membuat para pengunjung blog kita tidak bosan dengan tampilan blog kita. Berikut langkah-langkah cara membuat widget komentar postingan terbanyak responsive di blogger. (Baca juga :  Cara Membuat Widget Komentar Terbaru Dengan Judul Postingan di Blogger ) Cara Membuat Widget Komentar Postingan T...

Cara Convert Video Menjadi MP3 dengan Software Format Factory

Biasanya kita mendengarkan lagu melalui file dengan format MP3 , namun ada juga yang mendengarkan lagu sekaligus melihat tampilan video aslinya melalui file dengan format MP4 . Saat kita melihat video dengan lagu pasti kita akan merasa lelah, sehingga videopun tidak menjadi maksimal untuk di lihat. Untuk itulah file dengan format MP3 sangat di butuhkan pada saat kita sedang kelelahan. Kali ini saya akan membagikan kepada kalian, cara convert video menjadi MP3 dengan Format Factory. Apa itu Format Factory? FormatFactory adalah sebuah software yang ada di dalam sebuah perangkat komputer, yang berguna untuk mengubah berbagai jenis file baik gambar, video, ataupun suara. (Baca Juga :  Cara Menampilkan Ekstensi File atau Tipe File di Windows 7 ) Saya sendiri memilih software Format Factory karena proses mengconvert filenya cukup mudah dan cepat. Bagi yang belum memiliki softwarenya, silahkan download dan install softwarenya disini . Cara Convert Video Menjadi MP3 dengan Software Format...