Weblog Academy: Step 3 - Customize your Post Design

Work-space View

The ideal browser work-space view is to keep open 2 blogger tabs to work only:

Note: Save your changes whenever you feel necessary and review them from "View Blog Tab" just doing <refresh>

Creating New Post

Customizing your Post

Compose: is the "what you see what you get" interface
Html: is use when we want or require to modify/add any coding
↶↷ : to undo or re-do actions
F🔽 : to select the font we want to use
T🔽 : to change the size of the text
Normal 🔽: to change pre-formatted font parameters
B : make fonts darker (bold)
I : make fonts italic
U : underline words
~~ABC~~ : scratch text
A🔽: change fonts color
Highlighter 🔽: allow to highlight text in different colors
Link: allow to transform any text, graphic or picture in a link to in/out resources
Picture: allow to add pictures
⬛ : allow to add/remove videos
🌝: provide a long list of symbols and icons
Jump break page: it cut the length of an post to create 1 extended portions
Alignment: allow to align text
Number list
Bullet list
Quote: set text in quote position
Tx: remove any format apply to text
ABC: do spell check

Post Settings

Label: this is use to add a single word or a longer phrase to help identify or query what your post is about. This label appear underneath the post title. Readers who click on one of the labels are redirected to a page where all of your previously published posts labeled with the same word or phrase are listed.
Schedule: this feature allow automatically assign the post's date or manually. This is excellent to write many posts one day however post them later in the future or just to reuse one older.
Permalink: it shows the URL link created for your post.
Location: this feature is used to set your current location and provide map address to your post. This can be useful for travel bloggers or people who wants to share their location with friends and family.
Options: this give access to Html and line breaks features.

TASKS

1-Adjusting the Post Width Space to X-large Picture Sizes

Previous this task have your images Save & Collect in one default location
Create a <New Post> and Add the Post title
Add your <Picture> however use <X-Large> as desire size
Optional: write any information as your wish after the image
<save> <preview> <publish>
↻ Refresh the View Blog Tab
Go to "Dashboard Tab" click <Theme> <Customize>
<Adjust widths> move the locator under "Entire blog" as your wish. Try to keep balance between the side borders of the picture
<Apply to Blog> <Back to Blogger>
↻ Refresh the View Blog Tab

2-Add a Video & an Image

Friday, January 12, 2018