Membuat Floating Share Button Untuk Blogger

3

Kali ini saya akan membuat tutorial cara membuat Floating Share Button, pasti kalian bertanya tanya apa sih Floating Share Button itu? Sebagai contoh saja jika kalian sedang mengunjungi suatu website menggunakan smartphone, kalian pasti pernah melihat suatu tombol share yang ada pada bagian bawah. Dan tombol tersebut bersifat fixed maksudnya adalah permanen berada dibawah jika dibuka melalui smartphone tapi tidak akan muncul pada saat dibuka menggunakna PC atau komputer. Biasanya kalo dibuka menggunakan komputer atau PC itu letaknya berada disamping kiri atau kanan pada web tersebut, dengan menggunakan Floating Share Button ini akan memudahkan pengunjung untuk membagikan artikel kalian sehingga nantinya website kalian akan mendapatkan backlink untuk meningkatkan page view. Jadi bagi para blogger untuk memasang tombol ini pada website adalah sesuatu yang harus dilakukan.

Dan memasang FLoating Share Button ini juga mempunyai beberapa kelebihan, salah satunnya yaitu share button ini tidak berada di dalam artikel sehingga kalian juga bisa mempromosikan homepage blog kalian menggunakan Floating Share Button ini.

Cara Membuat Floating Share Button

Untuk membuat FLoating Share Button kalian harus daftar dulu ke website AddThis , kalian juga bisa masuk menggunakan Continue Whit Google, akun Facebook atau Continue with email. Untuk itu terserah saya tidak akan membahasnya disini, kalian mau masuk menggunakan yang apa. Dan kali ini saya anggap kalian sudah berhasil masuk ke dashboard.

Selanjutnya kalian buka Tools yang ada pada menu tab dibagian atas, nanti akan ada tombol berwarna biru yang bertuliskan ADD NEW TOOL dibagian kanan atas kalian klik saja nanti akan terbuka sebuah pop-up.

Dan pada Pop-up tersebut akan ada beberapa menu pilihan, kalian pilih saja pada Share Buttons.

Pada halaman ini karena kita bertujuan untuk membuat Floating Share Button jadi ya pilih saja pada menu Floating pada menu dibagian kiri yang terdapat pada background hitam itu, sedangkan pada menu sebelah kanan itu adalah sebagai demo atau contoh yang nantinya letak tampilannya pada website. JIka sudah langsung saja klik Continue.

Lah pada menu ini kalian dapat menyesuikan tampilan dari share button tersebut, terserah kalian mau disetting bagaimana sesuaikan saja seperti yang kalian inginkan. Pada halaman ini kalian dapat mengatur berapa tombol yang mau ditampilkan, mau mengganti warna juga bisa dan kalian juga dapat mengatur berapa pixel / atau lebar dari tombol tersebut, dan juga terdapat menu jika kalian ingin menampilkannya pada homepage atau tidak. Sebagai saran saja lebih baik kalian menampilkannya juga pada bagian homepage dari website, Jika sudah selesai menyesuikan tinggal klik saja pada Activate Tool. Nanti akan muncul code untuk menampilkan share button tersebut.

Untuk menempatkannya pada website kalian, Copy dan Paste taruh saja diatas tag </body> dari template / atau tema website yang kalian gunakan saat ini. Dan nantinya tampilan dari Floating Share Button ini akan seperti gambar dibawah jika dibuka melalui smartphone.


Ya gimana cukup mudah bukan untuk membuat Floating Share Button semoga tutorial kali ini bermanfaat. Dan jika kalian menggunakan CMS WordPress caranya sama, tetapi kalian bisa menggunakan plugin AddThis yang dapat kalian unduh secara gratis. JIka ada kekurangan saya mohon maaf.

TINGGALKAN KOMENTAR

Silakan masukkan komentar anda!
Silakan masukkan nama Anda di sini