SlideShare a Scribd company logo
How to create quick
   ico images


  www.ElianEvans.com
Step 1 - Find a suitable image
        It needs to be simple
        It needs to scale small
        You can purchase inexpensive icons or
        pictures from websites like www.fotolia.
        com
        Don't steal!
Good Examples




   When scaled
Step 2:

  Save to your
    desktop
   or another
easy to find place
Step 3: Go to picasaweb.google.com
 (Picasa is where all of your pictures uploaded to Blogger live)
Step 4: Click Upload and Find Your File
Step 5: Create or Select Album
Choose your destination




Leave Visibility "Public on the web"
Step 6: Find your File

Click the Choose photos to upload




Find the picture on your computer and click Open

Then click Ok
Step 7: Choose your image


 If you have more
than one picture in
your folder you will
   have to find it.

    Click on it.
Step 8: Find and Click the Edit Button
This will open a program called picnik
Step 9: Crop Square
Click the Crop button on the left
Drag the boxes on your image by clicking on one
round corner dot while making the actual size numbers
equal.
Step 10: Move the Crop Area

Hover your cursor over
the newly selected area
and click and drag until
you have just the right
look.

Click Ok

and you should have
something like this:
Step 11: Scale Your New Image
                 Click the resize button


                   Then change your
                 dimensions to 32 x 32




               And your new image should
                  look something like:
Step 12: Save your New Image

Click Ok

Then click
Save to my
Album

It will ask if
you want to
Replace or
Save a New
Copy (Choose
the latter)
Step 13: Get the URL
               Now it brings you
               back to Picasa
               viewing your new
               image.

               Place your cursor on
               the image and right
               click.

               Select Copy image
               URL (it copies to
               your clipboard)

               Paste this into your
               Design/Edit html
               page in Blogger
More training with Blogger
      is available at
 www.ElianEvans.com

More Related Content

What's hot

Production diary – ancillary task 2
Production diary – ancillary task 2Production diary – ancillary task 2
Production diary – ancillary task 2
michellegrace95
 
Production diary – ancillary task 1
Production diary – ancillary task 1Production diary – ancillary task 1
Production diary – ancillary task 1
michellegrace95
 
How to make a video in youtube on powerpoint images
How to make a video in youtube on powerpoint imagesHow to make a video in youtube on powerpoint images
How to make a video in youtube on powerpoint images
Jaymar Villamor
 
Introduction to weebly
Introduction to weeblyIntroduction to weebly
Introduction to weebly
tmjordan
 
Canva: Your tool to create photos like a PRO
Canva: Your tool to create photos like a PROCanva: Your tool to create photos like a PRO
Canva: Your tool to create photos like a PRO
Mafel Gorne
 
Inserting images
Inserting imagesInserting images
Inserting images
amsstudent
 
WordPress Blogs 201
WordPress Blogs 201WordPress Blogs 201
WordPress Blogs 201
Tom McGee
 
How to add property photos
How to add property photosHow to add property photos
How to add property photos
TheRoomLink
 
Adding a-featured-image-to-a-post
Adding a-featured-image-to-a-postAdding a-featured-image-to-a-post
Adding a-featured-image-to-a-post
Cyri Jones
 
Picture Link Tutorial
Picture Link TutorialPicture Link Tutorial
Picture Link Tutorial
Zuhanden
 
Weebly
WeeblyWeebly
Weebly
Nicole Hunt
 
Flickr
FlickrFlickr
Flickr
Chris Fuller
 
Setting Wordpress website guide for starters
Setting Wordpress website guide for startersSetting Wordpress website guide for starters
Setting Wordpress website guide for starters
jatindsim
 
Intro to weebly
Intro to weeblyIntro to weebly
Intro to weebly
stantons
 
Zulu Re-design
Zulu Re-designZulu Re-design
Zulu Re-design
Sandy Oktavian
 
Google sites
Google sitesGoogle sites
Google sites
VailCorp
 
Office lens whiteboard feature
Office lens whiteboard featureOffice lens whiteboard feature
Office lens whiteboard feature
KallieDeRose
 
Office lens whiteboard
Office lens whiteboardOffice lens whiteboard
Office lens whiteboard
MackenzieCornaglia
 
How to embed a Flipgrid question into Moodle
How to embed a Flipgrid question into MoodleHow to embed a Flipgrid question into Moodle
How to embed a Flipgrid question into Moodle
LearningandTeaching
 

What's hot (19)

Production diary – ancillary task 2
Production diary – ancillary task 2Production diary – ancillary task 2
Production diary – ancillary task 2
 
Production diary – ancillary task 1
Production diary – ancillary task 1Production diary – ancillary task 1
Production diary – ancillary task 1
 
How to make a video in youtube on powerpoint images
How to make a video in youtube on powerpoint imagesHow to make a video in youtube on powerpoint images
How to make a video in youtube on powerpoint images
 
Introduction to weebly
Introduction to weeblyIntroduction to weebly
Introduction to weebly
 
Canva: Your tool to create photos like a PRO
Canva: Your tool to create photos like a PROCanva: Your tool to create photos like a PRO
Canva: Your tool to create photos like a PRO
 
Inserting images
Inserting imagesInserting images
Inserting images
 
WordPress Blogs 201
WordPress Blogs 201WordPress Blogs 201
WordPress Blogs 201
 
How to add property photos
How to add property photosHow to add property photos
How to add property photos
 
Adding a-featured-image-to-a-post
Adding a-featured-image-to-a-postAdding a-featured-image-to-a-post
Adding a-featured-image-to-a-post
 
Picture Link Tutorial
Picture Link TutorialPicture Link Tutorial
Picture Link Tutorial
 
Weebly
WeeblyWeebly
Weebly
 
Flickr
FlickrFlickr
Flickr
 
Setting Wordpress website guide for starters
Setting Wordpress website guide for startersSetting Wordpress website guide for starters
Setting Wordpress website guide for starters
 
Intro to weebly
Intro to weeblyIntro to weebly
Intro to weebly
 
Zulu Re-design
Zulu Re-designZulu Re-design
Zulu Re-design
 
Google sites
Google sitesGoogle sites
Google sites
 
Office lens whiteboard feature
Office lens whiteboard featureOffice lens whiteboard feature
Office lens whiteboard feature
 
Office lens whiteboard
Office lens whiteboardOffice lens whiteboard
Office lens whiteboard
 
How to embed a Flipgrid question into Moodle
How to embed a Flipgrid question into MoodleHow to embed a Flipgrid question into Moodle
How to embed a Flipgrid question into Moodle
 

Similar to How to create quick ico images

Blog Instructions
Blog InstructionsBlog Instructions
Blog Instructions
MelissaBreeTurnbull
 
Image Handling: Understanding the Basics of WordPress Media
Image Handling: Understanding the Basics of WordPress MediaImage Handling: Understanding the Basics of WordPress Media
Image Handling: Understanding the Basics of WordPress Media
Rich Plakas
 
Embedding, Inserting and Linking on Wikispaces
Embedding, Inserting and Linking on WikispacesEmbedding, Inserting and Linking on Wikispaces
Embedding, Inserting and Linking on Wikispaces
Jess McCulloch
 
How To Create A Wiki
How To Create A WikiHow To Create A Wiki
How To Create A Wiki
Susan Bentley
 
Span 4583 wiki use instructions final
Span 4583 wiki use instructions finalSpan 4583 wiki use instructions final
Span 4583 wiki use instructions final
Donna Shelton
 
Master class booklet
Master class bookletMaster class booklet
Master class booklet
Denis Masseni
 
How to Build a Great Class Website Using Weebly
How to Build a Great Class Website Using WeeblyHow to Build a Great Class Website Using Weebly
How to Build a Great Class Website Using Weebly
mrmacmillan
 
Wps
WpsWps
How to create a website favicon.ico file using the GIMP
How to create a website favicon.ico file using the GIMPHow to create a website favicon.ico file using the GIMP
How to create a website favicon.ico file using the GIMP
Matt Foley
 
Wix
WixWix
How To Create A Wiki Using Pbwiki2
How To Create A Wiki Using Pbwiki2How To Create A Wiki Using Pbwiki2
How To Create A Wiki Using Pbwiki2
Susan Bentley
 
How to Use Picmonkey_Social Media Wizard_RichardBasilio
How to Use Picmonkey_Social Media Wizard_RichardBasilioHow to Use Picmonkey_Social Media Wizard_RichardBasilio
How to Use Picmonkey_Social Media Wizard_RichardBasilio
Richard Basilio
 
WebsiteAlive Customization - Adding Buttons & Links to Your Website
WebsiteAlive Customization - Adding Buttons & Links to Your WebsiteWebsiteAlive Customization - Adding Buttons & Links to Your Website
WebsiteAlive Customization - Adding Buttons & Links to Your Website
WebsiteAlive
 
Introduction to PhotoFiltre
Introduction to PhotoFiltreIntroduction to PhotoFiltre
Introduction to PhotoFiltre
Zampichelli
 
Step-by-Step - Free Tools for Photos
Step-by-Step - Free Tools for PhotosStep-by-Step - Free Tools for Photos
Step-by-Step - Free Tools for Photos
Microsoft TeachTec
 
Creating a self hosted wordpress website from scratch
Creating a self hosted wordpress website from scratchCreating a self hosted wordpress website from scratch
Creating a self hosted wordpress website from scratch
Neil Kearney
 
E-Tech L6 Imaging and Design for Online Environment.pptx
E-Tech L6 Imaging and Design for Online Environment.pptxE-Tech L6 Imaging and Design for Online Environment.pptx
E-Tech L6 Imaging and Design for Online Environment.pptx
Leah Condina
 
Tips and tools for creating flipcharts
Tips and tools for creating flipchartsTips and tools for creating flipcharts
Tips and tools for creating flipcharts
Manuel S. Herrera
 
Customization: Buttons & Links
Customization: Buttons & LinksCustomization: Buttons & Links
Customization: Buttons & Links
WebsiteAlive
 
How to create a website/ www.Sajahan.net
How to create a website/ www.Sajahan.netHow to create a website/ www.Sajahan.net
How to create a website/ www.Sajahan.net
Sajahan Net
 

Similar to How to create quick ico images (20)

Blog Instructions
Blog InstructionsBlog Instructions
Blog Instructions
 
Image Handling: Understanding the Basics of WordPress Media
Image Handling: Understanding the Basics of WordPress MediaImage Handling: Understanding the Basics of WordPress Media
Image Handling: Understanding the Basics of WordPress Media
 
Embedding, Inserting and Linking on Wikispaces
Embedding, Inserting and Linking on WikispacesEmbedding, Inserting and Linking on Wikispaces
Embedding, Inserting and Linking on Wikispaces
 
How To Create A Wiki
How To Create A WikiHow To Create A Wiki
How To Create A Wiki
 
Span 4583 wiki use instructions final
Span 4583 wiki use instructions finalSpan 4583 wiki use instructions final
Span 4583 wiki use instructions final
 
Master class booklet
Master class bookletMaster class booklet
Master class booklet
 
How to Build a Great Class Website Using Weebly
How to Build a Great Class Website Using WeeblyHow to Build a Great Class Website Using Weebly
How to Build a Great Class Website Using Weebly
 
Wps
WpsWps
Wps
 
How to create a website favicon.ico file using the GIMP
How to create a website favicon.ico file using the GIMPHow to create a website favicon.ico file using the GIMP
How to create a website favicon.ico file using the GIMP
 
Wix
WixWix
Wix
 
How To Create A Wiki Using Pbwiki2
How To Create A Wiki Using Pbwiki2How To Create A Wiki Using Pbwiki2
How To Create A Wiki Using Pbwiki2
 
How to Use Picmonkey_Social Media Wizard_RichardBasilio
How to Use Picmonkey_Social Media Wizard_RichardBasilioHow to Use Picmonkey_Social Media Wizard_RichardBasilio
How to Use Picmonkey_Social Media Wizard_RichardBasilio
 
WebsiteAlive Customization - Adding Buttons & Links to Your Website
WebsiteAlive Customization - Adding Buttons & Links to Your WebsiteWebsiteAlive Customization - Adding Buttons & Links to Your Website
WebsiteAlive Customization - Adding Buttons & Links to Your Website
 
Introduction to PhotoFiltre
Introduction to PhotoFiltreIntroduction to PhotoFiltre
Introduction to PhotoFiltre
 
Step-by-Step - Free Tools for Photos
Step-by-Step - Free Tools for PhotosStep-by-Step - Free Tools for Photos
Step-by-Step - Free Tools for Photos
 
Creating a self hosted wordpress website from scratch
Creating a self hosted wordpress website from scratchCreating a self hosted wordpress website from scratch
Creating a self hosted wordpress website from scratch
 
E-Tech L6 Imaging and Design for Online Environment.pptx
E-Tech L6 Imaging and Design for Online Environment.pptxE-Tech L6 Imaging and Design for Online Environment.pptx
E-Tech L6 Imaging and Design for Online Environment.pptx
 
Tips and tools for creating flipcharts
Tips and tools for creating flipchartsTips and tools for creating flipcharts
Tips and tools for creating flipcharts
 
Customization: Buttons & Links
Customization: Buttons & LinksCustomization: Buttons & Links
Customization: Buttons & Links
 
How to create a website/ www.Sajahan.net
How to create a website/ www.Sajahan.netHow to create a website/ www.Sajahan.net
How to create a website/ www.Sajahan.net
 

Recently uploaded

Understanding of Self - Applied Social Psychology - Psychology SuperNotes
Understanding of Self - Applied Social Psychology - Psychology SuperNotesUnderstanding of Self - Applied Social Psychology - Psychology SuperNotes
Understanding of Self - Applied Social Psychology - Psychology SuperNotes
PsychoTech Services
 
1-CIE-IGCSE-Additional-Mathematics-Topical-Past-Paper-Functions.pdf
1-CIE-IGCSE-Additional-Mathematics-Topical-Past-Paper-Functions.pdf1-CIE-IGCSE-Additional-Mathematics-Topical-Past-Paper-Functions.pdf
1-CIE-IGCSE-Additional-Mathematics-Topical-Past-Paper-Functions.pdf
shahul62
 
Aggression - Applied Social Psychology - Psychology SuperNotes
Aggression - Applied Social Psychology - Psychology SuperNotesAggression - Applied Social Psychology - Psychology SuperNotes
Aggression - Applied Social Psychology - Psychology SuperNotes
PsychoTech Services
 
ProSocial Behaviour - Applied Social Psychology - Psychology SuperNotes
ProSocial Behaviour - Applied Social Psychology - Psychology SuperNotesProSocial Behaviour - Applied Social Psychology - Psychology SuperNotes
ProSocial Behaviour - Applied Social Psychology - Psychology SuperNotes
PsychoTech Services
 
7 Habits of Highly Effective People.pptx
7 Habits of Highly Effective People.pptx7 Habits of Highly Effective People.pptx
7 Habits of Highly Effective People.pptx
gpangilinan2017
 
Assignment 1 (Introductions to Microsoft Power point 2019) kiran.pptx
Assignment 1 (Introductions to Microsoft Power point 2019) kiran.pptxAssignment 1 (Introductions to Microsoft Power point 2019) kiran.pptx
Assignment 1 (Introductions to Microsoft Power point 2019) kiran.pptx
kirannaveed6
 

Recently uploaded (6)

Understanding of Self - Applied Social Psychology - Psychology SuperNotes
Understanding of Self - Applied Social Psychology - Psychology SuperNotesUnderstanding of Self - Applied Social Psychology - Psychology SuperNotes
Understanding of Self - Applied Social Psychology - Psychology SuperNotes
 
1-CIE-IGCSE-Additional-Mathematics-Topical-Past-Paper-Functions.pdf
1-CIE-IGCSE-Additional-Mathematics-Topical-Past-Paper-Functions.pdf1-CIE-IGCSE-Additional-Mathematics-Topical-Past-Paper-Functions.pdf
1-CIE-IGCSE-Additional-Mathematics-Topical-Past-Paper-Functions.pdf
 
Aggression - Applied Social Psychology - Psychology SuperNotes
Aggression - Applied Social Psychology - Psychology SuperNotesAggression - Applied Social Psychology - Psychology SuperNotes
Aggression - Applied Social Psychology - Psychology SuperNotes
 
ProSocial Behaviour - Applied Social Psychology - Psychology SuperNotes
ProSocial Behaviour - Applied Social Psychology - Psychology SuperNotesProSocial Behaviour - Applied Social Psychology - Psychology SuperNotes
ProSocial Behaviour - Applied Social Psychology - Psychology SuperNotes
 
7 Habits of Highly Effective People.pptx
7 Habits of Highly Effective People.pptx7 Habits of Highly Effective People.pptx
7 Habits of Highly Effective People.pptx
 
Assignment 1 (Introductions to Microsoft Power point 2019) kiran.pptx
Assignment 1 (Introductions to Microsoft Power point 2019) kiran.pptxAssignment 1 (Introductions to Microsoft Power point 2019) kiran.pptx
Assignment 1 (Introductions to Microsoft Power point 2019) kiran.pptx
 

How to create quick ico images

  • 1. How to create quick ico images www.ElianEvans.com
  • 2. Step 1 - Find a suitable image It needs to be simple It needs to scale small You can purchase inexpensive icons or pictures from websites like www.fotolia. com Don't steal!
  • 3. Good Examples When scaled
  • 4. Step 2: Save to your desktop or another easy to find place
  • 5. Step 3: Go to picasaweb.google.com (Picasa is where all of your pictures uploaded to Blogger live)
  • 6. Step 4: Click Upload and Find Your File
  • 7. Step 5: Create or Select Album Choose your destination Leave Visibility "Public on the web"
  • 8. Step 6: Find your File Click the Choose photos to upload Find the picture on your computer and click Open Then click Ok
  • 9. Step 7: Choose your image If you have more than one picture in your folder you will have to find it. Click on it.
  • 10. Step 8: Find and Click the Edit Button
  • 11. This will open a program called picnik
  • 12. Step 9: Crop Square Click the Crop button on the left Drag the boxes on your image by clicking on one round corner dot while making the actual size numbers equal.
  • 13. Step 10: Move the Crop Area Hover your cursor over the newly selected area and click and drag until you have just the right look. Click Ok and you should have something like this:
  • 14. Step 11: Scale Your New Image Click the resize button Then change your dimensions to 32 x 32 And your new image should look something like:
  • 15. Step 12: Save your New Image Click Ok Then click Save to my Album It will ask if you want to Replace or Save a New Copy (Choose the latter)
  • 16. Step 13: Get the URL Now it brings you back to Picasa viewing your new image. Place your cursor on the image and right click. Select Copy image URL (it copies to your clipboard) Paste this into your Design/Edit html page in Blogger
  • 17. More training with Blogger is available at www.ElianEvans.com