BLOGGER USER GUIDE: Tips and Tricks for Web Publishers



Similar documents
How To Add The WebReserv Booking Calendar To Your Facebook Page

Client Admin Site Adding/Editing Content Under Site Builder/Site Navigation Tutorial by Commerce Promote

Blogging. Wordpress.com Weebly.com Penzu.com Blog.com Wix.com Blogger

Virtual Communities Operations Manual

Saving work in the CMS Edit an existing page Create a new page Create a side bar section... 4

State of Illinois Web Content Management (WCM) Guide For SharePoint 2010 Content Editors. 11/6/2014 State of Illinois Bill Seagle

RIT Message Center Compose and Send Messages

Google Sites: Site Creation and Home Page Design

HOW TO USE THIS GUIDE

WEBSITE CONTENT MANAGEMENT SYSTEM USER MANUAL CMS Version 2.0 CMS Manual Version

EBOX Digital Content Management System (CMS) User Guide For Site Owners & Administrators

Virtual Spirits control panel V5

Making a Website with Hoolahoop

Using JCPS Online for Websites

Access Your Content Management System 3. What To Find On Your Content Management System Home Page 5

Google Sites. How to create a site using Google Sites

Chapter and Support Group Custom Web Page Creation

Google Sites From the Ground Up

LEARNING RESOURCE CENTRE GUIDE TO OFFICE 365

e-template Instructions

Single Property Website Quickstart Guide

Creating A Drip Campaign

css href title software blog domain HTML div style address img h2 tag maintainingwebpages browser technology login network multimedia font-family

css href title software blog domain HTML div style address img h2 tag maintainingwebpages browser technology login network multimedia font-family

Cascade Server CMS Quick Start Guide

Constant Contact User Manual

Agile ICT Website Starter Guides

An Introduction to Box.com

This process contains five steps. You only need to complete those sections you feel are relevant.

So you want to create an a Friend action

Creating an eportfolio Using Google Sites

USC Aiken CMS Manual. A manual on using the basic functions of the dotcms system. Office of Marketing and Community Relations-USC Aiken

Digital Marketing EasyEditor Guide Dynamic

WIX: Building a Website with a Template. Choosing a Template First you will need to choose a template from the Create section of the Wix website.

Google Docs A Tutorial

NDSU Technology Learning & Media Center. Introduction to Google Sites

Using Twitter for Higher Education

II. Admin The Admin window is where users are added and deleted.

MailChimp Instruction Manual

The online environment

Drip Marketing Campaign Manual

Website Editor User Guide

If you have any questions or problems along the way, please don't hesitate to call, , or drop in to see us. We'd be happy to help you.

About DropSend. Sending Files with DropSend

Mastering the JangoMail EditLive HTML Editor

Lab: Data Backup and Recovery in Windows XP

Best Practices for Managing Your Public Web Space and Private Work Spaces

Introducing our new Editor: Creator

How to create pop-up menus

GOOGLE DOCS APPLICATION WORK WITH GOOGLE DOCUMENTS

Access your account by clicking the link on the navigation bar. The first page you see is the Message List.

Content Author's Reference and Cookbook

How To Write A Cq5 Authoring Manual On An Ubuntu Cq (Windows) (Windows 5) (Mac) (Apple) (Amd) (Powerbook) (Html) (Web) (Font

Sage Accountants Business Cloud EasyEditor Quick Start Guide

D2L: An introduction to CONTENT University of Wisconsin-Parkside

WordPress 101 Tutorial

How to Build a SharePoint Website

Fireworks 3 Animation and Rollovers

Website Editor User Guide

Create a Google Site in DonsApp

Outlook Web Access (OWA)

Kentico Content Management System (CMS

Content Author's Reference and Cookbook

Updox, LLC

NJCU WEBSITE TRAINING MANUAL

Getting Started The Windows SharePoint Services Window

Subscribe to RSS in Outlook Find RSS Feeds. Exchange Outlook 2007 How To s / RSS Feeds 1of 7

User Guide. Chapter 6. Teacher Pages

Google Sites: Creating, editing, and sharing a site

Computer Assisted Language Learning. Blogger Tutorial

CDUfiles User Guide. Chapter 1: Accessing your data with CDUfiles. Sign In. CDUfiles User Guide Page 1. Here are the first steps to using CDUfiles.

Getting Started with WebSite Tonight

Piktochart 101 Create your first infographic in 15 minutes

Teacher Training Session 1. Adding a Sub-Site (New Page) Editing a page and page security. Adding content cells. Uploading files and creating folders

Building a Website using Site Builder

Flash MX Image Animation

How to - Newsletter & Memo Section

Lions Clubs International e-district House Content Management System (CMS) Training Guide

Communication Manager Template Library

Fireworks CS4 Tutorial Part 1: Intro

Lab - Data Backup and Recovery in Windows XP

If you have signed up for a free trial and want some guidance on the next steps, check out our Quick Start Guide.

Blackboard 1: Course Sites

Increasing Productivity and Collaboration with Google Docs. Charina Ong Educational Technologist

Create your own teacher or class website using Google Sites

GETTING STARTED CREATE A NEW . 1 P age

Faculty Web Site with WCM

Rochester Institute of Technology. Finance and Administration. Drupal 7 Training Documentation

Viewing and Adding Photos

ACTIVE CONTENT MANAGER (ACM)

Mura CMS. (Content Management System) Content Manager Guide

Creating a Website with Google Sites

A quick guide to. Social Media

Websites User Guides. Beginner s Guide

(GXFDWLRQ Backpack Manual 2007 LearningStation. All rights reserved. 9/21/2007

Introduction to Drupal

Content Manager User Guide Information Technology Web Services

Transcription:

BLOGGER USER GUIDE: Tips and Tricks for Web Publishers You should have confirmed your creds and be able to login to BLOGGER to access your campus blog account. www.blogger.com You will see a screen that looks similar to the one below ONE EXCEPTION you should only see your campus listed there. I have access to many more blogs so my list is longer. For the example I am using I will be using Northbook High Schools blog for example purposes. Again, you will only see your blog, not this full listing. The easiest way to post a story, photo or link is to simply click on the pencil icon. See arrow above. You can also view other edit options by clicking on the icon that looks like a document listing. Other functions will appear in the drop listing. This same set of functions is also accessible by clicking on the blog name. When you click on your blog name a new page will open.

If you click on your blog name, this is what your screen will look like: You will only really need to access a few things on this screen. NEW POST and STATS. The NEW POSTS option is an orange button at the top. See arrow above. Do not attempt to update the TEMPLATE or make other changes to your account without first contacting the SBISD Webmaster. POSTING TO YOUR BLOG You can log into BLOGGER and CLICK ON THE ORANGE PENCIL located next to your campus name. Or, you can click on your campus name and then choose the NEW POST button (orange as well indicated above). Both options will open up a dialogue box in which you can post your content. These icons also are quick ways to access your posting and blog options: They appear on your MY BLOGs admin page so you may see them while you are looking around in the site. Basically there are a number of ways to get to your posting page. Use the one you like most and are comfortable navigating to. The pencil is always going to get you to your posting page. VIEW BLOG will display your current blog and the DOCUMENT ICON will display additional functionality. Again, beyond STATS and postings I don't think you will need to worry about the rest of the functional parts of the editor.

So, you clicked on your PENCIL icon. You're ready to post content! A dialogue box similar to the one above will open. Notice there are tools running horizontally on the top of the box. These tools allow you to cut and paste your content in the COMPOSE or HTML mode. I recommend using the HTML view to paste your copy into the editor. Then turning the COMPOSE mode back on. This will ensure you remove any and all formatting that may cause issues when displaying on the web. Mouse or click on the tools in the menu to see what they do...from font size to style...to inserting a photo...the tools are pretty straightforward.

Other than cutting and pasting your copy which again I would recommend using the HTML mode to do so to strip formatting I would guess you'll be using the PHOTO, LINKS and SPELL CHECKER the most in the editor. I typed some copy into my dialogue box above. Note this is what it looks like in COMPOSE mode. If you have copy that looks like it's code or contains markup make sure you have your COMPOSE mode on and not your HTML mode. Again, I highly suggest you copy text over from WORD or other formats in HTML and then turn on the COMPOSE view. To add a link in your copy highlight the text you want to link from and click on LINK:

A dialogue box will open up from which you can add your link information. You can add an email link OR a web address. To assign web address you can simply paste the desired URL in the field indicated. Or, click on email and then paste or type in your desired email address. Define How Your Link Will Open I usually set links to OPEN in a NEW WINDOW. Click the small box to assign that function to your new link. Then click 'OK'. When your links is added it will look something similar to what appears screen here. You have copy, you added a link...now to add a photo. The icon that looks like a landscape of PHOTO is your INSERT IMAGE tool. Click on it. A dialogue box like below will appear:

There are several ways to load or select your image. Most of the time you will probably be loading your image from your computer. To do so, click on BROWSE. NOTE the approved file type. If your image is not an approved file type (jpg, gif or PNG it will not load. When you browse, a window will open that will let you search for you image file. I usually save my images to a folder on my desktop ready and sized prior to loading so they are easy to find when posting stories. What is the best size and resolution when posting images to my BLOGGER page? We've found the best size to optimize your images is 600 wide by 450 deep. Always set your files to 72 DPI when saving them to post online. This is a setting in your photo editor. Most print images are 300 DPI. Web quality images should be 72 DPI. Don't load files that are not optimized for use online. Why? If you're loading huge images that are high resolution you're going to take up valuable storage space, slow down the website and result in a less than great user experience. If you have the need to post hi res images use a photo sharing site like SMUGMUG. Don't post print quality content on your blog site. Below I've browsed to your image and selected it. Now I click on OPEN to load it to BLOGGER. On the next page you will see an example of what the dialogue box looks like when your image is loaded.

Click on your loaded image, then hit ADD SELECTED. Make sure to click your image...if you don't it won't load to your page. If you are loading multiple images during a session they will appear in your UPLOAD box. If you start a new session your photo UPLOAD box will be cleared. Now that you added your photo, you can format or move it on your page. Click on it and a menu will appear with formatting options:

Once you have completed formatting your photo and are ready to post your entire blog entry, you can click on the PUBLISH button. If you don't want to immediately publish your story, you can click SAVE. This will save a draft format. Or, you can click PREVIEW to see a preview of what your story will look like once it is posted to your blog. When you hit PUBLISH your blogger will ask if you want to share your posting with GOOGLE. If you elect to do so your posting will go out to anyone who is part of SBISD's Google + Circle. I recommend selecting CANCEL.

If you CANCEL the share your story will still post on your campus blog. If you elect to share it will go out to all SBISD Google + subscribers. Just note that when posting and sharing content. If you have a posting you want to remove, you can simply click on DELETE. See below: Those are the basics of posting copy, photos and adding a link your blogger. If you need additional help, please contact Melissa Wiland or Cody Wallace for assistance. Melissa Wiland, SBISD Web and Digital Media Specialist melissa.wiland@springbranchisd.com Cody Wallace, SBISD Trainer cody.wallace@springbranchisd.com