Social Icon dengan CSS3

16/06/2014    Rully Febrian    803     Website

Hallo teman-teman hari ini kita akan membuat social icon yang menarik dengan menggunakan CSS3. Social icon ini berfungsi untuk memberikan kemudahan pengunjung agar mereka bisa langsung berbagi informasi atau menyebarkan artikel yang terdapat di website atu blog. Dengan diberikannya social icon seperti Facebook, Twitter, dan icon share lainnya maka akan memperbesar peluang untuk meningkatkan pengunjung ke situs website kita.

Sekarang mari kita mulai membuat Social icon yang menarik.Teman-teman dapat menuliskan kode HTML dibawah ini:

Social-Icon-dengan-CSS3

Simpan HTML diatas dan buat style seperti berikut:

Social-Icon-dengan-CSS3

 

Simpan style diatas. Untuk mempermudah teman-teman silahkan download kodenya dan lihat hasilnya.

Social-Icon-dengan-CSS3

 

Social-Icon-dengan-CSS3

Teman-teman dapat melihat tampilan social icon yang dibuat dengan CSS3 dan tampilan social icon yang dibuat dengan Jquery. Teman-teman bisa melihat perbedaannya.

Demikain tutorial ini sampai jumpa di tutorial selanjutnya smoga bermanfaat. Terimakasih

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More