Membuat Tampilan Media Sosial Di Sisi Sidebar Dengan CSS

Hallo teman-teman DUMET School, pada tutorial kali ini kita akan coba membuat tampilan sederhana yaitu membuat tampilan media social di sidebar. Media Sosial adalah bagian utama dari dunia internet sekarang-sekarang ini, kalau kita perhatikan sekarang ini rata-rata semua website pasti terdapat icon media sosialnya. Nah nanti kita akan coba membuat tampilan media social berada tetap di sisi kiri dengan menggunakan CSS, jadi nanti jika pengunjung men-scroll halaman website kita, maka posisi media sosial akan tetap berada di sisi kiri. Baik kita akan coba langsung membuatnya saja ya teman-teman.

Pertama kalian bisa buat satu file dengan nama index.html, kemudian buat baris program HTML nya seperti gambar di bawah ini.

Kemudian untuk CSS nya kalian bisa ikuti baris program di bawah ini.

Maka hasilnya seperti berikut.

Nah untuk teman-teman yang ingin mendownload seluruh baris program di atas, teman-teman bisa mendownloadnya di link download di bawah ini. Sekian dulu tutorial dari saya sampai ketemu di tutorial berikutnya ya teman-teman, Terima Kasih.

Demo | Download