Cara Membuat Tombol Share Sticky Bottom (Menempel Dibawah Layar) di Blog Dengan Mudah - Terkadang para blogger tidak terlalu memperhatikan tombol share di blog mereka. Padahal itu adalah salah satu sumber tambahan traffic.
Dengan disediakannya tombol share, maka pengunjung blog kita bisa dengan mudah jika ingin membagikan artikel kita.
Bayangkan saja jika pengunjung blog kita ingin membagikan artikel kita, tapi kita tidak menyediakan tombol share nya, pasti mereka akan malas jika harus men-copy url artikel kita, lalu mereka harus pergi ke medsos yang akan jadi tempat share.
Ah pokoknya ribet..
Beda cerita ketika kamu menyediakan tombol share, pengunjung hanya tinggal meng-klik 'logo medsosnya' lalu membagikan.
Hal ini akan membuat pengunjung betah di blog kamu, dan dengan senang hati mau membagikan artikel kamu.
Sumber tambahan traffic juga bisa datang dari 'Recent Post' atau postingan terakhir. Untuk membuat widget recent post yang keren, berikut saya berikan Cara membuat widget recent post yang kece
Ada banyak sekali jenis atau style tombol share di blog. Kamu bisa menggunakan salah satunya yang menurut kamu bagus dan cocok untuk blog kamu. Adapun jenis-jenis tombol share di blog adalah sebagai berikut :
Tombol share yang terletak diantara artikel blog kamu, biasanya berada diawal artikel atau diakhir artikel.
Kekurangan tombol share jenis in line ini adalah pengunjung tidak menyadari ada tombol share, karena ketika pengunjung scroll artikel kita kebawah, maka tombol share akan menghilang.
Tapi kelebihan jenis in line ini adalah pengunjung bisa lebih focus untuk membaca artikel kamu. Mereka tidak akan terganggu oleh tombol share yang menghalangi artikel.
Tombol share berikut ini biasanya akan muncul ketika kita membaca artikel. Bentuknya tidak tombol, melainkan berupa notifikasi yang akan membuat pengunjung membaca notifikasinya.
Tentu jenis seperti ini mempunyai kekurangan, yaitu pengunjung akan terganggu ketika membaca artikel.
Bayangkan saja ketika kita sedang seru membaca artikel, tiba-tiba muncul pop up notifikasi supaya kita share artikelnya. Hal itu sangat mengganggu sekali menurut saya.
Tapi jenis seperti ini juga memiliki kelebihan, antara lain pengunjung akan lebih sadar untuk membagikan artikel kamu. Karena jenis ini sifatnya seperti "mengingatkan" pengunjung untuk membagikan artikelnya.
Nah untuk jenis yang ini adalah yang akan dibahas pada artikel ini. Menurut saya jenis ini cukup bagus dan cocok untuk dipasang pada blog kamu.
Tombol share jenis ini akan menempel pada pada bagian bawah layar smartphone kamu (jika kamu membuka blognya menggunakan smartphone).
Dan akan menempel pada bagian kiri atau kanan layar dekstop atau laptop kamu (jika kamu membuka blognya menggunakan laptop/PC).
Kelebihan tombol share jenis sticky ini menurut saya adalah pengunjung akan sadar terhadap tombol share ini, namun juga akan focus pada artikel.
Karena jenis sticky ini sifatnya mengingatkan tapi tidak mengganggu pengunjung. Beda dengan jenis di nomor 1 & 2.
Karenanya saya merekomendasikan jika kamu ingin menggunakan tombol share, silahkan gunakan jenis sticky bottom seperti ini.
1. Silahkan kamu buka website berikut https://www.addthis.com/
2. Jika sudah terbuka tampilannya, langsung saja klik Get started, it's free atau jika kamu sudah mempunyai akun, bisa meng-klik Dashboard dipojok kanan atas.
3. Langkah selanjutnya, maka akan terbuka tampilan seperti ini
Silahkan isi beberapa kolom tersebut dengan benar.
Jika sudah diisi silahkan klik I'm No a Robot. Sudah tahu kan caranya?
Oke jika sudah terdapat ceklis berwarna hijau langsung saja klik Let's Get Started.
4. Selanjutnya, pada menu Select a tool, pilih Share Button.
5. Jika sudah, maka akan terbuka tampilan seperti ini :
Penjelasan :
Langsung saja pilih nomor 1, dan ubah tipe viewsnya versi mobile. Lalu klik Continue.
6. Jika sudah maka akan muncul tampilan seperti ini :
6.1. Penjelasan menu pertama (yang diberi tanda kotak merah) :
6.2. Penjelasan menu kedua :
6.3. Untuk menu ke 3 & 4 Lebih baik dibiarkan saja.
6.4. Penjelasan menu kelima :
7. Jika sudah, maka kamu akan mendapatkan script kode tombol share nya. Silahkan kamu copy scriptnya.
Copy script yang dalam kotak merah itu.
8. Jika sudah, kalian masuk ke dashboard blogger, lalu pilih tema dan edit HTML.
Pastekan kode script tadi, tepat diatas kode </body>
9. Jika sudah tinggal klik Simpan Tema.
Selesai..
TAPI ADA MASALAH..
Cara ini digunakan pada template Viomagz, jika kamu menggunakan template lain caranya sama kok. Hanya saja nama kodenya beda, jadi kamu cari sendiri ya hehe..
1. Masuk ke dashboard blogger, pilih tema dan edit HTML.
2. Klik ctrl + F untuk memunculkan kolom search, lalu ketikkan Back to top dan tekan enter.
3. Jika sudah ketemu kodenya, silahkan cari tulisan bottom: 25px dan ganti menjadi bottom: 80px. Atau sesuaikan dengan selera kamu. Kode bottom tersebut berguna untuk mengatur ketinggian tombol back to top, sehingga tidak terhalang oleh tombol share sticky tadi.
4. Jangan lupa klik Simpan Tema.
Maka hasilnya akan menjadi seperti ini :
Bisa dilihat bahwa tombol back to top sekarang sudah tidak terhalang oleh tombol share sticky. Dan semakin membuat tampilan blog kamu kece..
Tapi jika di blog kamu tidak ada tombol Back to Top, dan kamu ingin memasangnya silahkan baca Cara memasang widget back to top di blog
Blog kamu udah didaftarin adsense belum?
Atau putus asa gara-gara ditolak terus?
Hmm pasti kamu belum tahu rahasianya, coba deh saya saranin kamu baca Rahasia blog baru diterima adsense.
Semoga tips nya bermanfaat dan kamu bisa diterima adsense..
Nampaknya sudah tidak ada yang perlu dijelaskan lagi, semuanya sudah komplit. Itulah cara membuat tombol share sticky bottom dengan mudah. Semoga bermanfaat ya..
Terima kasih sudah mampir diblog saya, jangan lupa share artikelnya supaya bermanfaat juga untuk orang lain..
Good Luck!
- Infoterlengkap.com
 |
| Tombol share sticky menempel dibawah/dikiri layar |
Dengan disediakannya tombol share, maka pengunjung blog kita bisa dengan mudah jika ingin membagikan artikel kita.
Bayangkan saja jika pengunjung blog kita ingin membagikan artikel kita, tapi kita tidak menyediakan tombol share nya, pasti mereka akan malas jika harus men-copy url artikel kita, lalu mereka harus pergi ke medsos yang akan jadi tempat share.
Ah pokoknya ribet..
Beda cerita ketika kamu menyediakan tombol share, pengunjung hanya tinggal meng-klik 'logo medsosnya' lalu membagikan.
Hal ini akan membuat pengunjung betah di blog kamu, dan dengan senang hati mau membagikan artikel kamu.
Sumber tambahan traffic juga bisa datang dari 'Recent Post' atau postingan terakhir. Untuk membuat widget recent post yang keren, berikut saya berikan Cara membuat widget recent post yang kece
Jenis-jenis Tombol Share di Blog..
Ada banyak sekali jenis atau style tombol share di blog. Kamu bisa menggunakan salah satunya yang menurut kamu bagus dan cocok untuk blog kamu. Adapun jenis-jenis tombol share di blog adalah sebagai berikut :
1. In Line
Kekurangan tombol share jenis in line ini adalah pengunjung tidak menyadari ada tombol share, karena ketika pengunjung scroll artikel kita kebawah, maka tombol share akan menghilang.
Tapi kelebihan jenis in line ini adalah pengunjung bisa lebih focus untuk membaca artikel kamu. Mereka tidak akan terganggu oleh tombol share yang menghalangi artikel.
2. Pop Up
Tentu jenis seperti ini mempunyai kekurangan, yaitu pengunjung akan terganggu ketika membaca artikel.
Bayangkan saja ketika kita sedang seru membaca artikel, tiba-tiba muncul pop up notifikasi supaya kita share artikelnya. Hal itu sangat mengganggu sekali menurut saya.
Tapi jenis seperti ini juga memiliki kelebihan, antara lain pengunjung akan lebih sadar untuk membagikan artikel kamu. Karena jenis ini sifatnya seperti "mengingatkan" pengunjung untuk membagikan artikelnya.
3. Floating atau Sticky Bottom
Tombol share jenis ini akan menempel pada pada bagian bawah layar smartphone kamu (jika kamu membuka blognya menggunakan smartphone).
Dan akan menempel pada bagian kiri atau kanan layar dekstop atau laptop kamu (jika kamu membuka blognya menggunakan laptop/PC).
Kelebihan tombol share jenis sticky ini menurut saya adalah pengunjung akan sadar terhadap tombol share ini, namun juga akan focus pada artikel.
Karena jenis sticky ini sifatnya mengingatkan tapi tidak mengganggu pengunjung. Beda dengan jenis di nomor 1 & 2.
Karenanya saya merekomendasikan jika kamu ingin menggunakan tombol share, silahkan gunakan jenis sticky bottom seperti ini.
Karena sesuai judul diatas, saya akan memberikan tutorial untuk membuat tombol share jenis sticky bottom ini..
Cara membuat tombol share sticky bottom
1. Silahkan kamu buka website berikut https://www.addthis.com/
3. Langkah selanjutnya, maka akan terbuka tampilan seperti ini
- Kolom Email Adress diisi dengan alamat email kamu.
- Kolom Password diisi dengan password baru.
- Kolom Retype Password diisi dengan password yang sama (Ketik ulang password diatasnya).
- Kolom Country dan Monthly Pageviews boleh diisi, boleh juga tidak.
Jika sudah diisi silahkan klik I'm No a Robot. Sudah tahu kan caranya?
Oke jika sudah terdapat ceklis berwarna hijau langsung saja klik Let's Get Started.
4. Selanjutnya, pada menu Select a tool, pilih Share Button.
5. Jika sudah, maka akan terbuka tampilan seperti ini :
Penjelasan :
- Panah Merah : Tipe preview dekstop (Tampilan pada laptop/PC).
- Panah Biru : Tipe preview mobile (Tampilan pada handphone).
- Select a Tool Type : Jenis tombol share yang akan digunakan, berikut tipe-tipenya :
- No 1 : Floating adalah jenis tombol share Sticky atau menempel di layar (yang sedang kita bahas sekarang).
- No 2 : In line adalah jenis tombol yang tadi sudah saya sampaikan diatas, yaitu menempel di dalam postingan artikel.
- No 3 - 6 tidak usah dibahas karena kita akan menggunakan nomor 1.
Langsung saja pilih nomor 1, dan ubah tipe viewsnya versi mobile. Lalu klik Continue.
6. Jika sudah maka akan muncul tampilan seperti ini :
- Smart Sorting by Addthis : Jenis medsos yang akan digunakan diatur otomatis oleh addthis nya.
- Selected by You : Kamu bebas memilih jenis medsos yang akan digunakan.
6.2. Penjelasan menu kedua :
- Mobile Size : Ukuran tombol share.
- Button Color : Model warna tombol share, silahkan pilih sesuai selera.
- Dan seterusnya silahkan kamu atur sesuai yang kamu inginkan.
- Silahkan centang Hide on Homepage, supaya tombol share ini tidak muncul saat dihalaman utama blog kamu.
- Jika kamu ingin tombol share ini muncul pada halaman tertentu saja, silahkan masukan alamatnya pada kolom yang ditunjuk Panah Merah.
- Jika kamu ingin menghilangkan tombol share ini pada halaman tertentu saja, silahkan masukan alamatnya pada kolom yang ditunjuk Panah Hijau.
7. Jika sudah, maka kamu akan mendapatkan script kode tombol share nya. Silahkan kamu copy scriptnya.
Copy script yang dalam kotak merah itu.
8. Jika sudah, kalian masuk ke dashboard blogger, lalu pilih tema dan edit HTML.
Pastekan kode script tadi, tepat diatas kode </body>
9. Jika sudah tinggal klik Simpan Tema.
Selesai..
TAPI ADA MASALAH..
 |
| Tombol back to top terhalang oleh tombol share sticky |
Perhatian :
Bagi kamu yang didalam blog nya terdapat tombol Back to Top, pasti akan terhalang oleh tombol share ini. Untuk mengatasinya silahkan ikuti cara dibawah ini.
Bagi kamu yang didalam blog nya terdapat tombol Back to Top, pasti akan terhalang oleh tombol share ini. Untuk mengatasinya silahkan ikuti cara dibawah ini.
Cara ini digunakan pada template Viomagz, jika kamu menggunakan template lain caranya sama kok. Hanya saja nama kodenya beda, jadi kamu cari sendiri ya hehe..
1. Masuk ke dashboard blogger, pilih tema dan edit HTML.
2. Klik ctrl + F untuk memunculkan kolom search, lalu ketikkan Back to top dan tekan enter.
3. Jika sudah ketemu kodenya, silahkan cari tulisan bottom: 25px dan ganti menjadi bottom: 80px. Atau sesuaikan dengan selera kamu. Kode bottom tersebut berguna untuk mengatur ketinggian tombol back to top, sehingga tidak terhalang oleh tombol share sticky tadi.
Jika kamu tidak menggunakan template Viomagz, kurang lebih caranya sama. Tinggal cari back to top, dan ganti ukuran bottom nya.
4. Jangan lupa klik Simpan Tema.
Maka hasilnya akan menjadi seperti ini :
 |
| Tombol Back to Top tidak terhalang oleh tombol share sticky |
Bisa dilihat bahwa tombol back to top sekarang sudah tidak terhalang oleh tombol share sticky. Dan semakin membuat tampilan blog kamu kece..
Tapi jika di blog kamu tidak ada tombol Back to Top, dan kamu ingin memasangnya silahkan baca Cara memasang widget back to top di blog
PENUTUP
Begitulah artikel tentang cara membuat tombol share sticky di blog. Sekarang blog kamu sudah nampak keren dan profesional.Blog kamu udah didaftarin adsense belum?
Atau putus asa gara-gara ditolak terus?
Hmm pasti kamu belum tahu rahasianya, coba deh saya saranin kamu baca Rahasia blog baru diterima adsense.
Semoga tips nya bermanfaat dan kamu bisa diterima adsense..
Nampaknya sudah tidak ada yang perlu dijelaskan lagi, semuanya sudah komplit. Itulah cara membuat tombol share sticky bottom dengan mudah. Semoga bermanfaat ya..
Terima kasih sudah mampir diblog saya, jangan lupa share artikelnya supaya bermanfaat juga untuk orang lain..
Good Luck!
- Infoterlengkap.com
Advertisement