Hallo teman teman saya suputra dari easywebsi.com
di video kali ini kita akan menambahkan social share button floating seperti ini atau juga standard horizontal yg seperti ini
Social share itu sangat baik untuk mendatangkan traffic organic dari user yang membagikan content kita ke sosial media sosial chat ataupun email mereka jadi buatlah artikel yang bermanfaaat dan bisa meberikan efffek langsung kepada pembaca sehingga mereka dengan senang hati akan membagikan konten dari website kita,
Ok tanpa basa basi lagi mari kita praktekan langsung, pertama login ke wordpress pada dashboard hover ke plugin dan klik add new, setelah itu di search box ketik sassy social share ini dia plugin silhakan di instal kebetulan saya instal, setelah aktif sekarang hover ke kesiini klik sassy social share
pada tab ini theme selection itu ada dua setting untuk standard interface scroll kebawah dan ini untuk floating interface, apa yg dimaksud standard dan floating interface ? nah sekarang akan saya terangkan jika saya ke contoh post, ini lah yg dimaksud dengan standard interface dengan title diatasnya spread the love.
juga ada floating interface sosial share yg menggantung di sebelah kiri dan sticky walaupun di scroll ok, balik ke sini pada shape itu ada tiga kalian bisa pilih rond square atau rectangle, lalu ukuranya bisa disesuaikan disini silahkan atur berapa sizenya
logo color bisa kalian ganti, clik tanda tanya nya lalu klik link ini nah misal kalian ingin menggunakna warna ini tinggal di kopi rgb nya lalu paste disini maka warna icon akan berubah begitu juga dengan setting warna lainya kalian bisa atur sesuai yg di inginkan ok ini saya biarkan saja ya ke mode default.
scroll ke bawah ini untuk floating nya ok ini saya biarkan juga mode default sekrang ke tab berikutnya standard interface, mode standard tidak saya gunakan saya akan gunakan mode floating nya saja,
jika kalian ingin menggunakanya silahkan ya untuk title bisa diganti disnin misal sharing is caring
bisa ditaruh juga di atas konten atau dibawah konten lalu dibawah sini ada bermacam pilhan untuk sosial sharenya silahakan dicentang ya jika ingin menambahkan atau di unchek jika tidak ingin ditampilkan, alainmennya juga bisa kita set di kiri tengah atau kanan, di placement itu kita bisa pilih mau ditaruh dimana ya, bisa kalian tambahkan home page post, page atau semuanya, nah ini saya tidak pakai saya akan disable saja selanjtunya ke floating interface, saya akan gunakan floating sharing enable floating sharing – yes centng ya target url default saja
sekarang kita bisa re arrange mau ditambahkan atu dikurangi, bagusnya plugin ini dia sudah lengkap sosial sharenya dan juga gratis teman2 kalian bisa unchek untuk tidak ditampilkan missal saya ini mix, meve ini unchek saja lalu centang yg ingin ditambahkan menambahkna misalnya saya ingin gmail & line background color default saja, alainmentnya dikanan left dan top offset nanti saya akan jelaskan, placement saya taruh di post dan di page, saya tidak tampilkan di homepage,
show share counts jika dicentang maka akan tampil jumlah berapa orang yg sudah share show total share itu akan tampil jumlah keseluruhanya enable more icon ini saya centang saja untuk option jika user ingin sharing dengan cara yg lain maka warna icon akan berubah seorti ini begitu juga dengan setting warna lainya kalian bisa atur sesuai yg di inginkan ok
saya akan gunakan floating sharing misalnya saya ingin gmail & line nah ini untuk responsivenya jika diatas 783px atau diatas ukuran tablet itu akan floating tapi jika dibawah ukuran 783 px atau di smartphone dia akan berada di bawah jadi tidak menggangu saat user membaca artikel ok sudah semua sekarang klik save
Hover ke post klik saya buka di new tab, nah ini masih belum berubah ya itu karena saya menggunakan cache plugin, jika kalian menggunakan cache plugin jadi harus di bersihkan dulu cachenya Ok, saya bersihkan dlu purge this page, nah sekrang sudah sesuai dengan setting saya buat tadi, sekarang kita akan atur offset menurut saya ini terlalu keatas ya
Ok ke dashboard klik sassy social share lalu ke floating interface scroll – sekarng saya mau rubah right offsett nya menjadi 60 px top offset saya rubah 270 ya agar floating ditengah – lalu klik save change sekarang saya purge this page,
yak ini dia seperti yg saya inginkan right offset nya lebih ke tengah jadi terlihat oleh pembaca, dan floatingnya sudah ditengah2 seperti ini… Coba sekrang saya inspect tampilanya dalam format mobile phone, nah kalian bisa liat otomatis share buttonnya berada dibawah jika di akses melalui smartphone jadi tidak menggangu visitor saat membaca artikel kita
Seperti kalian lihat ini sebelumnya masih berada pojok jdi agak kurang ternotice oleh visitor, sekarang refresh Ok sekarng kita coba ya untuk sharing artikelnyaow ya sebelumnya jika bermanfaat kalian bisa subscribe channel ini, like komen dan share videonya terima kasih…
Ok saya coba fb share button, nah maka artikenya otomatis ditambahkan ke facebook untuk di share begitu juga dengan twitter saya coba juga ke Whastaap, jadi sperti ini tinggal di share saja lalu ke gmail otomatis link ditambahkan ke email seperti ini….
Ok ya sudah berfungsi dengan baik, sampai disini dulu selamat mencoba ya teman2 sampai jumpa di video berkutnya