Do you want to make your OverviewSection look like a Whiteboard??
BASIC STEPS …1.   Start with a blank “whiteboard” – I start with a blank white page in     PowerPoint or Symphony2.   Usin...
A STARTING POINT …COMMUNITY BANNER SPACELINK 1 | LINK 2 | LINK 3 | LINK 4
EXAMPLE OF HOW TO BREAK   PAGE INTO SECTIONS
Upcoming SlideShare
Loading in …5
×

Making your Overview Page Look Lke a Whiteboard

1,698 views

Published on

1 Comment
2 Likes
Statistics
Notes
No Downloads
Views
Total views
1,698
On SlideShare
0
From Embeds
0
Number of Embeds
112
Actions
Shares
0
Downloads
6
Comments
1
Likes
2
Embeds 0
No embeds

No notes for slide

Making your Overview Page Look Lke a Whiteboard

  1. 1. Do you want to make your OverviewSection look like a Whiteboard??
  2. 2. BASIC STEPS …1. Start with a blank “whiteboard” – I start with a blank white page in PowerPoint or Symphony2. Using writing fonts (like the ones I’m using MV Boli or Frank the Architect) and blank sticky images (you can use the ones I’ve shown here in this deck), create a mockup page.3. Using a screen capture tool, capture the image of your mockup page4. Crop sections of your page and save each as an image. I have an example in this deck showing the “sections” that I used. The main thing you will need to think about is whether you want a link behind the image … like a sticky image. So each sticky is it’s own image.5. Make sure that the sizes of your entire whiteboard image will fit on your page. I usually try and keep the entire whiteboard space less than 650px wide. You can adjust the size of your images that you cropped using a drawing tool (like Paint) I figure out the size of the whiteboard area and adjust the size of each image by the same percentage.6. Upload each image to your blog (in the File Uploads section as part of the Settings) – this will give you a url for each image.7. Build your whiteboard on a wiki page – adding one image at a time.8. Add links to any images that you want to make hot9. Copy and paste from wiki page to your overview section (Edit Community)
  3. 3. A STARTING POINT …COMMUNITY BANNER SPACELINK 1 | LINK 2 | LINK 3 | LINK 4
  4. 4. EXAMPLE OF HOW TO BREAK PAGE INTO SECTIONS

×