🔵 Curso Google Sites ✅ Iconos Redes sociales

How to Quickly Add Social Media Icons in Google Sites

Introduction to Adding Icons

• The video tutorial focuses on how to quickly add social media icons for users to access social media accounts from a website.

Creating an Icon Folder

• Start by creating a folder in Google Drive named "Iconos Redes Sociales" (Social Media Icons) where all desired icons will be stored.

Finding and Downloading Icons

• Use Flaticon, a resource with numerous free icons. Search for "redes sociales" (social networks) and filter results by "Pax" for relevant icon packs.

• After selecting an appropriate design, download the icon pack while ensuring proper attribution is given to the authors as required by the site.

Extracting and Uploading Icons

• Once downloaded, extract the zip file containing various formats of social media icons using the right-click option.

• Navigate through extracted folders to find PNG format images suitable for web use.

Uploading Images to Google Drive

• Upload selected PNG images back into the previously created Google Drive folder by right-clicking and choosing "Upload files."

Inserting Icons into Website

• Return to your website editor; insert uploaded images as if they were regular images. Select recent uploads or navigate directly to the specific folder.

Customizing Icon Placement and Links

• Arrange inserted icons in one section, resize them, and change background color for better visibility.

• Insert links corresponding to each social media account (e.g., Instagram, YouTube, Facebook), ensuring users can easily access these platforms.

Copying Sections Across Pages

How to Customize Social Media Icons in Your Website

Inserting and Arranging Social Media Icons

• The process of inserting social media icons is demonstrated by copying a section and pasting it into different parts of the website, allowing for flexible placement.

• Users can choose to position icons at the top or bottom of a page, showcasing the ease of rearranging elements within the site layout.

Customizing Icon Design

• If users are dissatisfied with the current design or color of their social media icons, they can visit Flaticon to select alternative icon packs.

• The speaker mentions downloading two additional icon packs: one in solid black and another featuring only outlined designs.

Replacing Icons on Specific Pages

• To illustrate customization, specific icons (e.g., Instagram) are replaced by selecting new images from downloaded packs using a straightforward interface.

• The same replacement method is applied to other platforms like YouTube, WhatsApp, and Facebook, demonstrating consistency in the editing process.

Finalizing Icon Designs