22121401

Google Blogger文章 ▍撰寫模式-工具列【格式範例】

以下是 Google Blogger 在網誌文章(網頁)編輯中〈撰寫模式-工具列〉功能的內容格式範例。
BlogShop 網站設計〉亦提供獨特的RWD響應式網頁的〈圖片燈箱功能〉、以及〈內容格式風格〉的客製化設計服務。





▲ 圖/ (寬:200px)



▲ 圖/ (寬:320px)



▲ 圖/ (寬:400px)



▲ 圖/特大 (寬:640px)



▲ 圖/原始大小 (寬:1200px)

TT→ 最小

設計自由的網站,由你輕鬆管理。

TT→ 小

設計自由的網站,由你輕鬆管理。

TT→ 一般

設計自由的網站,由你輕鬆管理。

TT→ 中

設計自由的網站,由你輕鬆管理。

TT→ 大

設計自由的網站,由你輕鬆管理。

TT→ 最大

設計自由的網站,由你輕鬆管理。


大標題→ H1

設計自由的網站,由你輕鬆管理。

標題→ H2

設計自由的網站,由你輕鬆管理。

子標題→ H3

設計自由的網站,由你輕鬆管理。

小標題→ H4

設計自由的網站,由你輕鬆管理。

段落→ P

設計自由的網站,由你輕鬆管理。

一般→ 無語法標籤
設計自由的網站,由你輕鬆管理。
內文→ 一般

設計自由的網站,由你輕鬆管理。

內文→ 粗體

設計自由的網站,由你輕鬆管理。

內文→ 斜體

設計自由的網站,由你輕鬆管理。

內文→ 底線

設計自由的網站,由你輕鬆管理。

內文→ 刪除線

設計自由的網站,由你輕鬆管理。

引用文字
設計自由的網站,由你輕鬆管理。

編號清單
  1. Blogger自媒體應用
  2. Blogger網站架設
  3. Blogger網頁設計
  4. Blogger網路行銷
  5. 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 🔥

<

留言