Blogger website instructions 1. Go to www.blogger.com and sign in with your gmail credentials or create an account. 2. Click the button “Create your blog now” 3. Name your website/blog. Using the title “EWI of (your city name here)” 4. Choose your blog address. Enter something like “ewiofseattle” using your city name. You can customize your domain later (or use a domain you already own). Click continue. 5. Choose a starter template. Select the “Simple” template from the options shown and click continue. 6. Now, we will customize your site. Click “customize how your blog looks” Customize Template 1. Simple Template: With the “templates” item selected from the upper left menu, choose the “simple” template from the options shown and then choose the all white version (far left). 2. Template Details: a. Customize footer: Select the “advanced” item from the upper left menu. Then select “post footer” from the second menu list. In the options provided use the dropdown box to change the “background color” and “shadow color” to “transparent” b. Customize images: With the “advanced” item still selected, choose choose “Add CSS” from the second menu list and paste the following code into the field provided. Press enter after the last line of pasted text. .post-­‐body img, .post-­‐body .tr-­‐caption-­‐container, .Profile img, .Image img, .BlogList .item-­‐thumbnail img { padding: none !important; border: none !important; background: none !important; -­‐moz-­‐box-­‐shadow: 0px 0px 0px transparent !important; -­‐webkit-­‐box-­‐shadow: 0px 0px 0px transparent !important; box-­‐shadow: 0px 0px 0px transparent !important; } c. Click “apply to blog” to save changes (orange button at very top right). Then click the “back to blogger link” at the top right Disable Comments and Site Feed 1. On the current screen, be sure to select the top right link to “Try the update blogger interface” This is the version we will be using for this guide. 2. Click on the name of your blog/site to begin editing the layout and design 3. Disable comments: Because this is a website and not an actual blog, we do not want comments or the option to subscribe to your site feed. From the menu options at the left, choose “settings” and then “posts and comments” In the “Comments” section, next to “show comments” use the dropdown box and select “hide”. Also, next to “show backlinks” use the dropdown box to select “hide”. 4. Click the orange “save settings” button at the very top right. 5. Disable site feed subscription: From the “settings” menu select “other”. Under the “site feed” section change “allow blog feed” to “none” 6. Click the orange “save settings” button at the very top right. Remove Social/Author/Date 1. Choose the “layout” item from the left menu. 2. Click the “edit” link in the “Blog posts” box. 3. Uncheck all of the boxes EXCEPT “show quick editing” 4. Click save. 5. Click “save arrangement” Add Site Authors 1. Select “settings” from the left side menu and choose “basic” from the submenu. 2. Under the “permissions” section next to “blog authors” choose the “+Add authors” link and enter the email addresses of persons you would like to give editorial rights to this site. Users will be sent an invitation to the email address you provided. Add Pages/Tabs 1. Follow these instructions to add multiple pages to your site such as “about” “connections” “careers” “community” etc. 2. Select the “pages” option from the left menu. Next the text “show pages as” use the dropdown box to select ”top tabs” 3. Select the “new page” dropdown box and choose “blank page” 4. On the next screen, give your page a title in the field provided at the very top. In the large white space provided below, enter any information you would like on this page. If you don’t know yet, you can add information later. 5. To save your page, click the orange “publish” button 6. Repeat steps 1-­‐4 to add more pages to your site. 7. Drag and drop your pages to reorder them. 8. Click the orange “save arrangement” button at the very top left to save your changes. Add EWI Chapter Header 1. Choose the “layout” item from the left menu. You will see a map of your site template. Near the top, choose the “edit” link in the header section. 2. In the popup box provided, under “placement” choose “instead of title and description” 3. Then, in the “image” section, click the “choose file” button to upload the header file from your computer. 4. Once the file is uploaded, click the orange “save” button Add content to your home page 1. The content of your home page will act as a post on your blog. For the sake of your site/blog there will only be one post and it will be the information on your home page. 2. Choose the “posts” item from the left menu. Then click the blue text to “create a new post” 3. In the field at the top, title your post with the name of your chapter. Then in the white space provided, add text, pictures, links, and/or video to your home page content. Use the top formatting tool bar to customize your text and insert links, pictures, etc. Inserting pictures: Place your cursor where you would like your picture to appear. Click the picture icon from the tool bar. Click the “choose files” button to locate and select the picture file from your computer. Once your file is uploaded click the blue “add selected” button. In the main content editor area, click on your image to view options to change the size, alignment, or add a caption to your image. Inserting links: Highlight the text or image that you would like to create a link with. Then click the “link” button from the toolbar. Paste the URL you would like to link to in the field provided (note that you have the option to create email address links). If you are linking to a page outside of your site, click the box next to “open link in new window” if you are linking to a page on your own site do not check this box. When finished click “ok” View your progress 1. At any point in the process, you can view your site and your progress. 2. Make sure to save whatever you are working on by clicking the orange “save arrangement” or “save changes” or “save” button (depending on what screen you are on). 3. Click the grey “view blog” button at the very top of the page 4. To return to site editing click the “design” link at the top right Customize the Sidebar 1. Select “layout” from the left side menu. 2. On the right side of your site template map, delete the current sidebar gadgets (followers, blog archive, about me) by clicking “edit” in each box then clicking “remove.” Do this for all 3 current gadgets. 3. Add Contact Information -­‐ To add your own custom sidebar content/gadgets, click “add a gadget”. For this example we will add some simple text to the sidebar. Scroll through the list of gadgets provided and select the “+” button next to the “text” gadget. In the pop up box provided enter the content you would like in this sidebar element. Enter the text “Contact Us” in the title field. Note that it might not always be necessary to have a title for this type of sidebar content. Enter your contact information text such as: EWI of City 123 Street City, State, 12345 123-­‐456-­‐7890 ewitest@gmail.com Then click save. Then click the orange “save arrangement” button to save again 4. Add linked buttons – You can create your own web buttons using this handy button generator. Create a sidebar button by making your own button graphic using the button generator provided. Then, in the layout section of your site editor, choose “add a gadget” in the sidebar section. From the list of options click the “+” button next to the “picture” item. Leave the “title” and “caption” fields blank. Paste the URL where you would like your button to link to in the field provided. Click the “choose file” button to locate and select the image file you created from your computer. Once it is uploaded, click the orange “save” button. 5. Drag and drop the sidebar gadget items to rearrange the order Edit Site Footer / Attribution 1. Choose the “layout” item from the left menu. 2. At the very bottom of the site template map, click “edit” in the “Attribution” box. Add your text in the field provided such as: Copyright EWI of Test 2011 Apply Your Own Domain If your Chapter owns a web domain such as www.ewioftest.com you can assign your blogger site to appear at that address. If you don’t currently have a domain, you can purchase one here. 1. From the left menu select the “settings” item. Then select “basic” from the settings sub menu. 2. In the “Publishing” section click the link to “+Add a custom domain” 3. To buy a domain for your site, enter your desired domain in the field provided and check availability with the orange button. There is a small charge to purchase a new domain ($10/year). To purchase, follow the steps provided. 4. To point your new site to your current domain, click the ”advanced settings” button. Enter your domain in the field provided and click “save”. Edit your Favicon 1. The Favicon is a small (16x16) image that appears next to your URL in the browser window and/or tab. 2. To edit your Favicon and display a custom image instead of the orange default blogger image, go to the “layout” section in the left menu. From the template map, select “edit” in the Favicon box. Click the “choose file” button to locate the favicon file on your computer. Once uploaded, click save. Then click “save arrangement” at the top left. Quick Editing You can edit your site easily using the quick edit links. When logged in, view your site and notice the small pencil icons next to each section. Click the pencil to edit that section.