Cara Mudah Membuat Memasang Tombol Share Responsive Keren Melayang Di Samping Blog Artikel Postingan
 |
| Versi DESKTOP |
 |
| Versi MOBILE |
Cara Membuat Tombol Share Responsive Melayang Di Samping Blog - Sosial Media
sudah semakin marak beredar dan sudah sangat menjamur kemana-mana. Sosial media menjadi wadah berkumpulnya banyak orang di dunia maya saat ini, sudah seharusnya seorang blogger memberi fasilitas yang memudahkan pengunjung untuk membagikan ulang konten blognya ke akun sosial media mereka. Untuk membagikan ulang konten blog tentunya butuh ikon akan tombol untuk nge-share konten blog. Lalu bagaimana?
Kali ini saya akan memberikan Cara Membuat Tombol Share Responsive Melayang Di Samping Blog, supaya blog bro n sis tambah kece dan keren. Oh iya, Tombol Share Button ini cukup simple, responsive dan tidak memberatkan loading blog lho. Tombol Share ini bukan tombol yang biasa ada di bawah artikel, yang sudah ada dari bawaan template bro n sis. Namun Tombol ini bisa melayang di Samping Blog setiap teman-teman nge-scroll. Bro n sis bisa memanfaatkan fasilitas gratis tombol share media sosial dari sumo. Langsung simak aja deh tutorialnya:
Cara Pasang Kode Tombol Share dari Sumo.com
4. Setelah sudah meletakkan kode scriptnya. Kunjungi blog anda. Perhatikan bilah kanan layar PC anda maka akan muncul beberapa icon simome. Pilih icon Apps atau yang paling atas. Lihat gambar di bawah ini.
5. Dan terakhir pilih ‘Share‘ untuk mengaktifkan tombol share sosial media melayang di samping blog seperti gambar berikut.
Sekarang Tombol share Responsive Melayang Di Samping Blog anda sudah aktif sekarang.
Namun sebelumnya, agar tombol share melayang tersebut hanya tampil di hamalan postingan saja, anda perlu menambahkan kode di bawah ini pada kode script yang asli tadi.
sudah semakin marak beredar dan sudah sangat menjamur kemana-mana. Sosial media menjadi wadah berkumpulnya banyak orang di dunia maya saat ini, sudah seharusnya seorang blogger memberi fasilitas yang memudahkan pengunjung untuk membagikan ulang konten blognya ke akun sosial media mereka. Untuk membagikan ulang konten blog tentunya butuh ikon akan tombol untuk nge-share konten blog. Lalu bagaimana?
Kali ini saya akan memberikan Cara Membuat Tombol Share Responsive Melayang Di Samping Blog, supaya blog bro n sis tambah kece dan keren. Oh iya, Tombol Share Button ini cukup simple, responsive dan tidak memberatkan loading blog lho. Tombol Share ini bukan tombol yang biasa ada di bawah artikel, yang sudah ada dari bawaan template bro n sis. Namun Tombol ini bisa melayang di Samping Blog setiap teman-teman nge-scroll. Bro n sis bisa memanfaatkan fasilitas gratis tombol share media sosial dari sumo. Langsung simak aja deh tutorialnya:
Cara Pasang Kode Tombol Share dari Sumo.com
1. Pertama-tama silahkan teman-teman SIGN UP terlebih dahulu ke SUMO untuk membuat akun baru. Silahkan isi URL Blog anda, Email, dan Password anda. Atau teman-teman bisa SIGN UP via akun Google.
2. Setelah sudah terdaftar, akan muncul tampilan seperti gambar di bawah ini. Silahkan arahkan mouse anda ke tombol panah ke bawah, lalu klik View Install Code.
3. Setelah Klik View Install Code, Silahkan Copy Kode Script yang muncul tersebut kemudian letakkan tepat sebelum kode </head> di template blog anda lalu simpan.
4. Setelah sudah meletakkan kode scriptnya. Kunjungi blog anda. Perhatikan bilah kanan layar PC anda maka akan muncul beberapa icon simome. Pilih icon Apps atau yang paling atas. Lihat gambar di bawah ini.
5. Dan terakhir pilih ‘Share‘ untuk mengaktifkan tombol share sosial media melayang di samping blog seperti gambar berikut.
6. Setelah tombol Share diaktifkan, anda akan dibawa ke halaman baru. Silahkan pilih sumome basic atau sumome free.
Sekarang Tombol share Responsive Melayang Di Samping Blog anda sudah aktif sekarang.
Namun sebelumnya, agar tombol share melayang tersebut hanya tampil di hamalan postingan saja, anda perlu menambahkan kode di bawah ini pada kode script yang asli tadi.
<b:if cond=’data:blog.pageType == "item"’> Sisipkan kode script dari sumome tadi di sini</b:if>
Untuk peletakannya masih sama, tepat sebelum kode </head> lalu simpan.
Selain keren dan kece, memasang tombol share responsive melayang di samping blog juga tidak terlalu membebani kecepatan loading blog anda. Semoga bermanfaat.
0 Comments