Fixed Sharing Button With Show Hide Button Jquery
Fixed Sharing Button With Show Hide Button Jquery - Fixed sharing button ini memakai Font Awesome untuk menciptakan ikon social media sehingga menjadi lebih gampang ketimbang memakai image dengan css sprite.
Agar tombolnya menjadi lebih simple, maka tombol-tombolnya disembunyikan dengan hanya menampilkan tombol dengan ikon sharing dengan memakai jquey dan akan muncul saat diklik dengan pengaruh slide.
Tombol-tombol ini tidak memakai js untuk tombol-tombol sharing social menyerupai facebook, twitter, dan google plus melainkan memakai url sharing dari social media tersebut. Hanya tombol +1 yang aku sertakan di dalamnya.
Demonya dapat Anda lihat pada gambar animasi gif di bawah ini.
1. Sharing Button di sebelah kiri bawah.
Silahkan copy arahan css, javascript, dan html sharing button ini pada halaman demo JSFiddle berikut:
Fixed Left Bottom Sharing Button: http://jsfiddle.net/kompiajaib/4uh7do1y/
2. Sharing Button di sebelah kanan bawah.
Silahkan copy arahan css, javascript, dan html sharing button ini pada halaman demo JSFiddle berikut:
Fixed Right Bottom Sharing Button: http://jsfiddle.net/kompiajaib/4uh7do1y/1/
Dan pastikan Anda sudah memasang jquery library (berapa pun versinya) dan link css font awesome serta js untuk google+ pada template blog Anda.
Jika Anda kreatif, Anda dapat merubah arah slide show tombolnya ke atas ataupun ke bawah (jika Anda menyimpannya di atas). Selamat mencoba...
Sumber https://www.kompiajaib.com/
0 Response to "Fixed Sharing Button With Show Hide Button Jquery"
Posting Komentar