Contoh Ikon Media Sosial

Ini adalah salah satu varian widget yang paling umum. Ikon-ikonnya berbentuk lingkaran dan disusun dalam satu garis horizontal – berkat tata letak inline widget. Meski Anda bisa memilih warna latar belakang apa pun, warna asli media disimpan di sini, dan simbol-simbolnya berwarna putih. Ini adalah varian yang bagus untuk area konten situs web mana pun.

Jika Anda memilih Tata Letak Mengambang, widget akan bergerak mengikuti halaman saat Anda menggulir, sehingga selalu siap di tangan. Tipe tata letak ini bisa dipasang di sisi mana pun layar, dan akan diubah menjadi horizontal jika Anda memilih perataan tengah. Ikon di sini berbentuk kotak dengan gaya bawaan.

Ikon-ikon ini terlihat benar-benar unik berkat solusi warna hitam-putih. Warna latar belakang dan simbol media diubah melalui pengaturan. Ikon-ikon ini ditampilkan secara inline dan rata tengah. Ada juga efek animasi melayang saat diarahkan kursor.

Untuk menyelaraskan widget dengan konsep gaya secara keseluruhan, Anda bisa sepenuhnya mengubah tampilannya. Di sini ikon-ikon memiliki latar belakang putih dan simbol media mempertahankan warna asli agar tetap autentik. Bentuk bulat dan lebar kustom membuatnya terlihat bersih dan minimalis.

Berkat Gaya Symbol pada widget ini, ikon-ikon ditampilkan tanpa latar belakang. Ikon media mempertahankan warna asli dan terlihat sangat minimalis serta bersih. Animasi zoom muncul saat di-hover, dan ada beberapa variasi animasi lainnya yang bisa Anda pilih.

Anda bisa menampilkan ikon dalam jumlah berapa pun di halaman ini, dan contoh ini membuktikan bahwa ikon-ikon tersebut akan terlihat luar biasa—berapa pun jumlahnya. Ada 8 ikon yang disusun dalam satu baris dan rata tengah. Semua ikon memiliki warna latar belakang dan simbol aslinya, serta menampilkan animasi melenting saat kursor melayang.

Contoh ini menunjukkan bagaimana Anda bisa mengarahkan pengguna ke saluran Anda di layanan pesan langsung dari situs web. Ikon-ikon di contoh ini berukuran sedang 32px dan berbentuk lingkaran. Warna asli dari layanan perpesanan disimpan di latar belakang, dan simbolnya berwarna putih. Opsi-opsi ini, serta opsi kustomisasi lainnya, dapat dengan mudah diubah di editor.