以下是 Google Blogger 在網誌文章(網頁)編輯中〈撰寫模式-工具列〉功能的內容格式範例。
〈BlogShop 網站設計〉亦提供獨特的RWD響應式網頁的〈圖片燈箱功能〉、以及〈內容格式風格〉的客製化設計服務。
| ▲ 圖／小 (寬：200px) |
| ▲ 圖／中 (寬：320px) |
| ▲ 圖／大 (寬：400px) |
| ▲ 圖／特大 (寬：640px) |
| ▲ 圖／原始大小 (寬：1200px) |
TT→ 最小
設計自由的網站，由你輕鬆管理。
TT→ 小
設計自由的網站，由你輕鬆管理。
TT→ 一般
設計自由的網站，由你輕鬆管理。
TT→ 中
設計自由的網站，由你輕鬆管理。
TT→ 大
設計自由的網站，由你輕鬆管理。
TT→ 最大
設計自由的網站，由你輕鬆管理。
大標題→ H1
設計自由的網站，由你輕鬆管理。
標題→ H2
設計自由的網站，由你輕鬆管理。
子標題→ H3
設計自由的網站，由你輕鬆管理。
小標題→ H4
設計自由的網站，由你輕鬆管理。
段落→ P
設計自由的網站，由你輕鬆管理。
一般→ 無語法標籤
設計自由的網站，由你輕鬆管理。
內文→ 一般
設計自由的網站，由你輕鬆管理。
內文→ 粗體
設計自由的網站，由你輕鬆管理。
內文→ 斜體
設計自由的網站，由你輕鬆管理。
內文→ 底線
設計自由的網站，由你輕鬆管理。
內文→ 刪除線
設計自由的網站，由你輕鬆管理。
引用文字
設計自由的網站，由你輕鬆管理。
編號清單
- Blogger自媒體應用
- Blogger網站架設
- Blogger網頁設計
- Blogger網路行銷
- Blogger購物商店
項目符號清單
- Blogger自媒體應用
- Blogger網站架設
- Blogger網頁設計
- Blogger網路行銷
- Blogger購物商店
以下網路資源能提供 Google Blogger 在網誌文章(網頁)編輯中〈撰寫模式-工具列〉以外更豐富的內容編輯。
表格 ▍ HTML Table
| 線上表格編輯器 | 網址 | 說明 |
|---|---|---|
| 💎 Code Beautify | https://codebeautify.org/html-table-generator | 基本編輯 (目前使用) |
| Tables Generator | https://www.tablesgenerator.com/html_tables | 進階編輯 |
▲ 以上為 Code Beautify 的編輯範例。生成的表格在〈BlogShop 網站設計作品〉中可提供〈行動版〉瀏覽，表格生成步驟：
1. 【必要步驟！】Give CSS using: 下拉選擇 [Table Class]2. Text-align: 下拉選擇 [left]
3. Padding: 6 px
4. 勾取 [Width] 並選擇單位 [px] 來設定適當寬度 (容納所有內容)
5. 設定完畢點擊 [Generate] 鈕。
6. 點擊 [複製／貼上] 鈕
7. 將產生的語法複製／貼上於 [HTML檢視]，僅保留 style 和 table 標籤內的內容，其餘刪除。
表情符號 ▍ Emoji
| 網站服務名稱 | 網址 | 說明 |
|---|---|---|
| Emoji Unicode Tables | https://apps.timwhitlock.info/emoji/tables/unicode | 表情符號 |
▲ 找尋適當的 Emoji 表情符號，亦可使用快捷鍵 [Ctrl+F] 搜尋英文關鍵字來搜尋，例如：fire 🔥
