Google Blogger 收合清單怎麼做?ChatGPT 程式碼 vs Canva AI Code 比較

ChatGPT的code 協助運用在 Google Blogger 中
如果你也是不懂程式碼,也無法判別如何代入,建議先在撰寫模式中加入文字和圖片後,前置作業可以先完成,再把要做收合項目部份選取 Google Blogger 預代的程式碼,貼到  ChatGPT 
把需求和 ChatGPT 講,口語表達即可,先預覽看看對不對,有問題再反覆來回修改即可。
  • 提示詞 :上述程式碼應用在 Google Blogger ,字型大小依 Blogger 範本,只把該內容做為收合清單,並在對方點選其他項目後,把原開啟項目收起"

ChatGPT 寫的程式碼

  • 是經過來回數次的調校才有的效果,若不滿意它生成的結果,依照每次的內容請它修正
  • 收合清單內容,因為是由程式碼代入,建議裏面的文字在 HTML 檢視模式下修改比較好
  • 我有在撰寫模式中預代起始範圍,日後自己比較知道從何處開始及結束
  • 在預覽模式下,收合清單無法展示,必須先發布才能看,ChatGPT 說明如下圖:
說明為什麼 Google Blogger 撰寫模式無法執行 HTML 中的 JavaScript

<!-- 👇👇👇 以下為ChatGPT 程示碼應用 👇👇👇 -->
1. Canva 作為視覺化教學工具

  • Canva 可協助教師用圖像溝通抽象概念,提升教學材料的吸引力。
  • Canva 本身提供海量範本,讓設計不再困難開始。

// 例:簡報主題封面設計技巧
學習配色技巧
2. 合作編輯與即時反饋

利用 Canva 的共編功能,小組報告更有效率,教師也能即時給予建議。

// 共編示例連結管理
完整 Canva 教學
3. AI 工具強化設計美感

Canva 的 Magic Design、文字轉圖等功能,讓不會設計的老師也能做出專業感。

// 使用 Magic Design 快速生成海報
試試 AI 工具
4. 教學成果視覺展示

課堂作品可匯出成影片或社群圖文,幫助學生建立作品集。

// 匯出範本:社群貼文、簡報、影片
設計成果展示
5. Canva 教學活動設計

搭配教案設計 Canva 活動,培養學生的創意發想與執行力。

// 教案設計活動:角色海報設計
海報設計範本
><!-- 🔚🔚🔚 以上為ChatGPT 程示碼應用結束 🔚🔚🔚 -->

Canva 

相同內容,我有請 Canva 的 Code for me 做一個,起始提示有不同
因為 Canva 處理的很好,沒再讓它改

AI 網站

還有很多用 AI 設計的網站方式
但最終要考慮的是:別人是否可以透過 Google 蒐尋到我們的網站,也就是說可以被 Google 納入索引嗎?

雖然 AI 年代,很多人選擇尋問 ChatGPT 而不 Google,但當你的內容比 ChatGPT 走在前或唯一,AI 也要上網找你分享的內容。還是有人會 Google 的,能被索引是很重要的,否則做再多 AI 互動式網站,也只有在分享的當下看有幾個人願意點進去看了。

能被 Google 納入索引外,還要內容可以更改及新增,整合在一起,又要有一定程度的美感與符合 SEO,這也是我後來選擇大量文字用 Google Blogger,形象網站選擇 Canva 的原因,雖然沒有 WordPress 完善,但簡單又不需花太多時間和金錢去設置,夠用就好,日後不足要再打造一個完整的也有基底內容可以用。

知道有那些功能,最終要把學習的東西,有個位罝可以分享學習到的內容。

問題排除

發布文章後,在手機檢視中,發現了一些問題,若無法描述,也可以截圖讓 GPT 自己判讀
我詢問後有解決問題,而且本來只在 HTML 中可以修改的內容,在撰寫模式下也可以修改

延伸閱讀

更多及時的分享,可加入我們的私密社團:https://www.facebook.com/groups/canva17gungho

為微型企業新建的社團:微型企業17共好

更多 Canva 的應用請參考:Canva

更多雲端資源請參考:行銷筆記

更多 AI 應用請參考:AI 工具

更多 Google 相關請參考:Google

留言

這個網誌中的熱門文章

Google|表單封面及內圖尺寸

KTJ大榮貨運託運單列印及軟體操作運費說明

Lovart AI 編輯器完整操作說明圖解,新手也能快速上手!

Google|表單自訂主題選擇文字樣式

【檔案下載】大榮貨運單列印託運單下載

支票套印