SlideShare une entreprise Scribd logo
1  sur  17
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

Contenu connexe

Tendances

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
 
Introduction to weebly
Introduction to weeblyIntroduction to weebly
Introduction to weebly
tmjordan
 
Inserting images
Inserting imagesInserting images
Inserting images
amsstudent
 
Intro to weebly
Intro to weeblyIntro to weebly
Intro to weebly
stantons
 

Tendances (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
 

Similaire à How to create quick ico images

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
 
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
 
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
 
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
 

Similaire à 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
 

Dernier

call Now 9811711561 Cash Payment乂 Call Girls in Dwarka Mor
call Now 9811711561 Cash Payment乂 Call Girls in Dwarka Morcall Now 9811711561 Cash Payment乂 Call Girls in Dwarka Mor
call Now 9811711561 Cash Payment乂 Call Girls in Dwarka Mor
vikas rana
 

Dernier (15)

2k Shots ≽ 9205541914 ≼ Call Girls In Mukherjee Nagar (Delhi)
2k Shots ≽ 9205541914 ≼ Call Girls In Mukherjee Nagar (Delhi)2k Shots ≽ 9205541914 ≼ Call Girls In Mukherjee Nagar (Delhi)
2k Shots ≽ 9205541914 ≼ Call Girls In Mukherjee Nagar (Delhi)
 
8377087607 Full Enjoy @24/7-CLEAN-Call Girls In Chhatarpur,
8377087607 Full Enjoy @24/7-CLEAN-Call Girls In Chhatarpur,8377087607 Full Enjoy @24/7-CLEAN-Call Girls In Chhatarpur,
8377087607 Full Enjoy @24/7-CLEAN-Call Girls In Chhatarpur,
 
call Now 9811711561 Cash Payment乂 Call Girls in Dwarka Mor
call Now 9811711561 Cash Payment乂 Call Girls in Dwarka Morcall Now 9811711561 Cash Payment乂 Call Girls in Dwarka Mor
call Now 9811711561 Cash Payment乂 Call Girls in Dwarka Mor
 
The Selfspace Journal Preview by Mindbrush
The Selfspace Journal Preview by MindbrushThe Selfspace Journal Preview by Mindbrush
The Selfspace Journal Preview by Mindbrush
 
WOMEN EMPOWERMENT women empowerment.pptx
WOMEN EMPOWERMENT women empowerment.pptxWOMEN EMPOWERMENT women empowerment.pptx
WOMEN EMPOWERMENT women empowerment.pptx
 
$ Love Spells^ 💎 (310) 882-6330 in West Virginia, WV | Psychic Reading Best B...
$ Love Spells^ 💎 (310) 882-6330 in West Virginia, WV | Psychic Reading Best B...$ Love Spells^ 💎 (310) 882-6330 in West Virginia, WV | Psychic Reading Best B...
$ Love Spells^ 💎 (310) 882-6330 in West Virginia, WV | Psychic Reading Best B...
 
Top Rated Pune Call Girls Tingre Nagar ⟟ 6297143586 ⟟ Call Me For Genuine Se...
Top Rated  Pune Call Girls Tingre Nagar ⟟ 6297143586 ⟟ Call Me For Genuine Se...Top Rated  Pune Call Girls Tingre Nagar ⟟ 6297143586 ⟟ Call Me For Genuine Se...
Top Rated Pune Call Girls Tingre Nagar ⟟ 6297143586 ⟟ Call Me For Genuine Se...
 
2k Shots ≽ 9205541914 ≼ Call Girls In Palam (Delhi)
2k Shots ≽ 9205541914 ≼ Call Girls In Palam (Delhi)2k Shots ≽ 9205541914 ≼ Call Girls In Palam (Delhi)
2k Shots ≽ 9205541914 ≼ Call Girls In Palam (Delhi)
 
Pokemon Go... Unraveling the Conspiracy Theory
Pokemon Go... Unraveling the Conspiracy TheoryPokemon Go... Unraveling the Conspiracy Theory
Pokemon Go... Unraveling the Conspiracy Theory
 
2k Shots ≽ 9205541914 ≼ Call Girls In Jasola (Delhi)
2k Shots ≽ 9205541914 ≼ Call Girls In Jasola (Delhi)2k Shots ≽ 9205541914 ≼ Call Girls In Jasola (Delhi)
2k Shots ≽ 9205541914 ≼ Call Girls In Jasola (Delhi)
 
(Anamika) VIP Call Girls Navi Mumbai Call Now 8250077686 Navi Mumbai Escorts ...
(Anamika) VIP Call Girls Navi Mumbai Call Now 8250077686 Navi Mumbai Escorts ...(Anamika) VIP Call Girls Navi Mumbai Call Now 8250077686 Navi Mumbai Escorts ...
(Anamika) VIP Call Girls Navi Mumbai Call Now 8250077686 Navi Mumbai Escorts ...
 
2k Shots ≽ 9205541914 ≼ Call Girls In Dashrath Puri (Delhi)
2k Shots ≽ 9205541914 ≼ Call Girls In Dashrath Puri (Delhi)2k Shots ≽ 9205541914 ≼ Call Girls In Dashrath Puri (Delhi)
2k Shots ≽ 9205541914 ≼ Call Girls In Dashrath Puri (Delhi)
 
9892124323, Call Girls in mumbai, Vashi Call Girls , Kurla Call girls
9892124323, Call Girls in mumbai, Vashi Call Girls , Kurla Call girls9892124323, Call Girls in mumbai, Vashi Call Girls , Kurla Call girls
9892124323, Call Girls in mumbai, Vashi Call Girls , Kurla Call girls
 
LC_YouSaidYes_NewBelieverBookletDone.pdf
LC_YouSaidYes_NewBelieverBookletDone.pdfLC_YouSaidYes_NewBelieverBookletDone.pdf
LC_YouSaidYes_NewBelieverBookletDone.pdf
 
(Aarini) Russian Call Girls Surat Call Now 8250077686 Surat Escorts 24x7
(Aarini) Russian Call Girls Surat Call Now 8250077686 Surat Escorts 24x7(Aarini) Russian Call Girls Surat Call Now 8250077686 Surat Escorts 24x7
(Aarini) Russian Call Girls Surat Call Now 8250077686 Surat Escorts 24x7
 

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