HoHoHo

  最近跟風在玩chatgpt，但有一天突然發現之前的對話歷史都不見，怎麼樣都找不回來。 據說openai的團隊有在處理這個問題，並不是要打算收錢。 只是看來問題還在處理，所以提供一個能先暫時找回對話歷史的方式，非常簡單 登出，再登入 如果還是沒看到再重複幾次就會有，還是期待未來這個問題能儘快被修好喔

用來記錄示範的風景圖 steps by steps 分割大圖片成小圖片 拉格線切好區域 選 Slice Using Guides 進行分割 完成切割的區域 圖片切割成果 做個記錄，以免忘記Gimp這個小技巧的時候還有地方可以找。 gimp 比起 photoshop，在網路上可以找到的教學資源相對少很多，可能是因為跟 photoshop 比起來，大部分的功能都類似，如果會用 photoshop 的人，花一些時間應該就可以開始使用 gimp，如你是直接放棄的人，也不會找到這篇文章了。 總之今天記錄的這個技巧就是把一張大圖用切片的方式分割成小圖。 做法很簡單，先拉好格線，再選擇 slice by guide 這個選項，就可以看到大圖按照格線完成分割，Gimp 會協助生成分割的圖像或是圖層，也會把屬於該區塊的圖像或是文字要素分類好。 以下就是steps by steps 的步驟記錄。 拉格線切好區域 用格線切出要分割的區域 從上面和左邊的尺標，壓住滑鼠左鍵後拖拉，就可以看到格線出現 上面的尺標往下拉，會出現橫格線 左邊的尺標往右拉，會出現直格線 上面的圖就是橫的跟直的格線各拉一條，目標就是要把這張風景圖切成4份，   選 Slice Using Guides 進行分割 到選單，選Slice Using Guides，完成切割 Slice Using Guides的路徑在上方的工具列，沿著影像叫出選單。 接著可以從選單看到 Slice Using Guides 的選項，上個步驟已經切好，這裡只要壓下去，程式就會幫你切成你要的區域，並放在另外的頁簽，看起來就是下面的樣子。   完成切割的區域 4個區域切割完成後，產生新的4個頁簽   圖片切割成果 接下來就是個別到完成的頁簽裡面去，把圖輸出成自己要的格式和尺寸，就完成切割了，切出來的四個區域分別如下: 右下區域 左下區域 右上區域 左上區域 確認沒有問題就可以個別輸出，完成把圖片切割成區域圖片的工作，知道方式後覺得很簡單，但找資料真的不好找，留給記錄，也...

  目錄 為什麼要重裝【延伸閱讀】 完成後的長相 安裝步驟 已知問題 參考網站 為什麼要重裝【延伸閱讀】 由於之前【延伸閱讀】(related post)的功能沒有安裝的很好，用了一陣子發現大概有3～4成的文章的延伸閱讀出不來，於是一股偏執發作，又另外花時間找了另外一組程式碼來使用，同時也把安裝的過程和程式碼筆記下來作為未來的資料參考。 先快速講一下這組新的【延伸閱讀】widget的程式碼的優缺點，首先是有縮圖，但縮圖有一些模糊 (已處理，credit to 灰鴿，下面的程式碼已調整) ，另外一點就是在手機上看時，不能自動調整到最適合的寬度。 再來就是雖然可以跟 blogger 預設的 contempo 這個版型相容，但未來要再修改html編碼時卻遇到無法存檔的問題，該問題的排除也蠻花時間，所以會另外寫一篇文記錄那些問題如何排除，這篇文章會先集中講怎麼把這組程式碼安裝進來。 一樣先強調，請先 備份 完後再做修改，避免無法恢復。 前面有提到當時在安裝時有遇到無法存檔的問題，於是為了避免持續碰到問題，有先將主題的程式碼恢復到原始狀態後才開始安裝，所以如果有已經安裝很多其他程式碼的網友看到這篇文章後，也想畫葫蘆改造自己的部落格時，卻發現不相容想放棄安裝時，有先備份才能避免無法恢復的窘境。 完成後的長相 其實拉到最下面就知道長什麼樣子，不過還是截個圖                                                                                                               ...

在主流都是使用 wordpress 寫部落格的時代，blogger 的開發團隊似乎更注重在整體部落格的穩定和閱讀體驗上，導致各項小插件發展十分遲緩，一個部落格該有的“延伸閱讀”的文章閱讀功能也一直沒有導入，於是只能逼不想離開 blogger 的人，去找相對應的修改方式來處理，對，那個人就是我，幸好還是不寂寞，網路上還能找到相對的文章介紹。 以下就對這個部落格導入“相關文章”、“延伸閱讀”，aka "related post"功能的過程做筆記，未來有需要時可以拿出來檢視，當然，如果你也跟我一樣有這個需求，也歡迎你參考。 但 強烈建議 ，如果有興趣測試的朋友，要記得先 備份 再進行修改。 目錄 原始使用主題 完成效果 修改步驟 已知問題 原始使用主題:  contempo light 完成效果: ^^^^^^完成後的效果^^^^^^ 修改步驟 /head前面加 CSS碼和程式碼 CSS碼 <style> #related-posts{ float:center; text-transform:none; height:100%; padding-top:20px; padding-left:5px; font-size:15px; border-top:1px solid #ddd; margin-top:25px } #related-posts h2{ font-size:25px; text-transform:none; letter-spacing:0em; color:#555; font-family:Georgia,sans-serif; margin-bottom:.7em; margin-top:0em; padding-top:0em } #related-posts a{ font-family:Georgia,serif; text-align:center; border-right:1px dotted #DDD; color:#2361A1; padding:10px 10px 0...

網誌中有一個目錄，就是上圖出現的形式，以上是通過一段程式碼自動產生，這段程式碼不是自己寫，寫code的功力在當年寫 Assembly 機械組合語言以及C++持續重修7次以上的時候全消耗完了，還好測試應用還沒忘，下面這段程式碼測試過可以用，非常感謝寫程式的人在網路上的奉獻，但就是擔心之後程式碼忘記，寫個簡單的程式碼應用筆記做可記錄。 ----------------------------------------------------------- <script src="http://sites.google.com/site/lunfiles/js/archivedate.js"></script><script src="http:// hohohotw .blogspot.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc"></script> ----------------------------------------------------------- 這個程式碼很單純，就是兩段而已，使用的方法簡單說，就是把兩段橫線中間的程式碼複製起來，在到想要展現的blogger頁面下用HTML模式把程式碼貼上就完成。 主要靠的是第一段，透過網路去使用其他人寫好的 JavaScript 程式碼，第二段就是把黃標的部分上面改成你自己的 blogger 址就可以。 詳細的步驟如下 登錄到 Blogger 後台 側欄選 " 網頁 " 選到網頁後，會發現側欄最上方變成 “+新網頁”，選 “ +新網頁 ” 從標題下方的工具列最左邊的 “筆圖標 icon” 做調整 預設撰寫模式，將它切換成"HTML檢視" 確認是否有切換到 "HTML檢視" 如果成功切換，文章最左邊會出現行號 "筆圖標 Icon" 也會變成雙三角括號  “ < > ” 將上面的那段程式碼貼上，記得改成自己的 Blogger 網址再貼上 貼好後，發布 發布完後，先按查看，打開剛做好的網頁， 這個頁面...

泰國曼谷街景 回憶起在泰國的台勞職涯，有一個人資大姐不得不說，畢竟她為我當年壓力頗大的工作帶來不少新鮮事，這位泰國人資大姐個性很容易不耐煩而且愛搞小圈圈，還好本性不壞，不過當然鬧出過不少笑話，趁這個時候把一些印象深刻的幾件事拿出來聊。 事件一，工作簽證 台勞的工作簽證早期是總經理協辦，後期總經理交給她協助處理，但是泰國公家機構的人員真的很難搞，申請過程瑣碎，窗口態度又差，這位大姐完全沒有處理這些問題的耐心，直接去找泰國老闆說不要弄了，不差我這個員工，讓他回去台灣吧。 但幸好苦命台勞還算是得泰國老闆信賴，因此這個泰國人資大姐最後碰一鼻子灰，只好乖乖的繼續壓著脾氣協助台勞完成工作簽證，但是從此之後，人資大姐應該已經在她心中的小冊子做記號了，因為每次看到台勞，台勞都感覺她心裡有股怨氣啊。 事件二，電腦問題 苦命台勞當年是斜槓工作者，除業務窗口，英中翻譯，網站管理外，還有一個技能便是修電腦。 某一天這個人資大姐急急忙忙跟我說，怎麼辦，電腦出問題了，有文件今天要處理，霸氣的要求台勞放下線上的業務大客人，馬上處理她的電腦問題，於是台勞只好先放生線上的客人，先去看看到底是什麼大問題。 台勞到了現場，試一下鍵盤，電腦螢幕沒反應，一樣是黑色，再看了一下電腦，風扇有在運作，看起來一切正常，但電腦卻沒有反應，似乎看起來的確有問題，但轉頭一看螢幕的電源指示燈，頓時心中就有解答了。 於是把離開辦公室在跟人喝茶聊天的人資大姐請過來，再請她把她的手指去按一下電腦螢幕開關，神奇的事情發生了，銀幕畫面出現的那一霎那，人資大姐之前加油添醋的問題就解決了。 泰國人資大姐的臉表情說有多尷尬就有多尷尬，從她身上散發的尷尬情緒持續蔓延，連跟著過來看熱鬧的同事也傻眼，還好她很快醒神調整情緒，皮笑肉不笑的說謝謝，把我打發走結束這個尷尬的回合。 至於台勞在線上談到一般被放生的客人，想當然爾是氣氣氣，回頭花了不少功夫才按耐下來。 事件三：又是電腦問題，這次是？ 在上次電腦螢幕沒開，誤會成大問題事件的幾天後，且又是一樣台勞在線上跟客人大戰時，人資大姐又跑來要求我馬上過去，這次態度依然高姿態，還強調說她所有電源都檢查過，確定都沒反應，肯定是大問題。 台勞是很孬的人，不敢得罪這位總經理前的紅人，於是台勞只好以忐忑的心，先跟客人打聲招呼後，無視客人不爽的字句，再度放生線上客人，過去看看是什麼情況。 再度抵達案發現場，由於有上...

先將結論寫最上面，簡單條列如何快速從 Blogger 的Html編輯器找到頁頭尾巴的小技巧的步驟: 1. 打開 Html 編輯器 2. 找到 <head> 的行數旁邊的小箭頭 3. 滑鼠點擊小箭頭將整理頁頭結構收合 4. 確認頁頭結構到第行結束，譬如2954，就先記住 5. 展開後，找到第 2954 行的程式碼，確認 </head>的位置

最近想修改 blogger 的風格主題，但是從 gooyaabiTemplates  下載了幾個測試，發現總是無法達到想要的效果，想要找html 的區段加程式碼，卻又找不到對應的區段，也搞不清楚那些插件才是需要更改，中文區的google大神又拜不到原因，後來才發現一件事，就是改過幾次主題，各主題的自訂插件，譬如像是 html/javascript，又或是 widget，gadget，不會因為你更動主題而刪掉，反而都會留下來一直堆積，搞到後來，所有的主題的插件和元件都會在，所以就有一個大膽的推論，就是， blogger 的主題可能需要先重設回原始狀態 所謂的原始的狀態，就是像剛重灌完 window的電腦系統，沒有安裝其他程式，是最乾淨的原始狀態，這樣應該可以先驗證究竟是主題的 .xml 檔案有問題，還是自己 blogger 的主題設定有問題。 但是前面也有提到，Blogger中文的資料真的比較少，可能是懂程式的年輕人比較不喜歡寫部落格，比較想去挑戰 youtube 或是 podcast，又或是這個太簡單，大家不想寫，所以找到的資料，大部分都是年紀較大，且都只是擦邊球，於是只好去拜英文的google，最後用這套關鍵字組"how to reset blogger template to default"找到這篇文:   How to Reset a Blog Theme to Default 還好英文區有 2020 的資料，這邊就順道記錄下來 ，網路上這篇文章的開頭敘述，剛好驗證之前的推測，裡面提到如果套用 Blogger 主題 A 後，馬上套用 Blogger 主題 B，2個主題的原始碼會混在一起，進而導致錯誤，讓原始設計者設計的漂亮主題，最後不能好好的呈現。 好的，不廢話，開始一個步驟一個步驟的介紹 1. 從 Blogger的後台儀表板選擇 “主題” 2. 從旁邊我的主題下面的自訂按鈕，選 旁邊的小箭頭 3. 選擇 編輯HTML 4. 看到一堆密密麻麻的程式碼，用 CTRL+A，選擇全部編碼後，再按 Delete 刪除 用CTRL+A全選 刪除所有編碼後，空空的html編輯欄 5. 複製下面這段代碼，先不要急著貼上哦 <?xml version="1.0" encoding="UTF-8" ?> ...

  每個webmaster，或是網站管理者，在追踪外部鏈接成效時，用到 UTM 的地方超多，那他是什麼? 如何用? 成效如何查? 有沒有快速用法指引等，應該是很多人在問 Google 大神前，或是爬文前的疑問。 UTM的全名是? UTM 是什麽? 簡單來說，UTM 是 Urchin Tracking Module 的縮寫，Urchin 是老牌網站分析工具的品牌，想當年在沒有 google analytics 的年代是獨領風騷的網站後台流量分析必備程式，只要是 webmaster，就一定要去用它才潮，後來被 google 收購後，才演變成現在的 Google analytics，印象中是這樣，有錯歡迎指正。 話說回來，Urchin Tracking Module ，就是 Urchin 這個分析程式內的一個功能，他的功能有點像 Google Tag Manager，相信某一個程度是 Google Tag Manger 參考的對象，主要用途是用來追踪自己監控的網站流量，是查詢到自己網站的流量是從那個第三方網站、或是什麼論壇流過來，並將每天的流量數據累積起來，供 webmaster 作為判斷廣告活動效益的依據，只要設定好一組鏈接放在自己網站以外的網路空間，接下來 Google Analytics 就會幫你自動追踪該鏈接的流量狀態。 UTM 標籤記錄 檔案 有興趣的人可以下載上面的附件文件，上面的附件從網路上找來的資源，放在 Google drive 內，有需要的人直接保存副本到自己的google drive 內就可以用，因為有點久來源難考，如果有找到出處，未來再放上來源出處，上面的文件基本上就是一個可以建立 UTM 鏈接的工具，很好用。 UTM結構 先從鏈接的結構講起，UTM 簡單來說像是一種標籤，最常用的要素如下 1. (自有網站 URL)  2. (活動媒介-Campaign Medium) 3. (活動來源-Campaign Source) 4. (活動名稱-Campaign Name) 看起來很複雜，但是鏈接重點結構是個 1+3 的概念，舉例來說，如果要在FB的貼文中，推廣的自有網站URL如下 https://hohohotw.blogspot.com/2020/06/irent-review.html 為了確認FB 貼文的轉換率好不好，通常電商行...

  Godaddy 介紹   前言 網域概念，網域是什麼 網域申請和註冊方式 網域尾巴.com 隱私權限 godaddy附加服務 結尾 前言 網站，一個現代公司的基本標配，但很多公司老闆和管理階層，對於網站能做什麼，或是網站本質，甚或是網站最基本的東西，也就是網域，縮寫是 URL，了解度其實普遍不高。   網域概念，網域是什麼？ 網域，或說是 URL也行，再換個說法，“Yahoo.com.tw”、“google.com”、“pchome.com.tw”，這些大家耳熟能詳的網站名字，其實就是網域，而網域普遍理解成網站名字，也能理解為網域是網站的門牌，但這個東西如何取得？你甘哉？ 早期很多時候網站公司會將幫客戶做網站時，將網域一起打包給客人，所以大部分的人不會知道網域是需要獨立註冊，其實即便是 yahoo.com.tw ， pchome 等這些知名的網域名，都會有過期的一天，雖然不會發生啦，因為大公司一口氣都是註冊10年以上，但這個網域，該如何取得呢？ 網域申請和註冊方式 說穿也沒有什麼難度，比起整個網站建置，網域取得是入門知識技巧，步驟大概如下   想好你要的網站名字，譬如跟台灣知名電商網站很像的網域 MOMOshoppingtw.com也行。 去找網域註冊商進行註冊，建議godaddy超老牌，下面也是用godaddy在介紹 看剛剛的網域有沒有被人搶去註冊 如果你要的名字被註冊掉，再想新的名字當網域然後再選 直到最後選到一個合你心意的網域名字為止   但一般的註冊頁面充滿許多專有名詞，以最老牌的網域註冊商 godaddy 的註冊過程為例，一般人沒做功課看了傻眼的機率高達87%，這邊就先手把手把過程紀錄下來。 首先是在搜尋列鍵入想要的網域名稱，這邊一樣用 MOMOshoppingtw 作範例，godaddy會告知這個名字是否有人用，目前來看這個名字沒人用，可以往下一步進行，開始選擇網域尾巴。   網域尾巴.com 很多沒有網域知識的人很高機率會被這一頁的資訊嚇到，對於新手沒註冊過網域的人，第一順位還是選 .com 作為網域結尾較好，因為 .com是歷史最悠久的網域名結尾，...

[網路資料，感謝] 如果你有意為你的 Blogger Blog 增加一隨機文章版區(如同本網站內容者)，在此提供你這一簡便的插件方式。

心血來潮，從 Google trend 找資料要下載存檔， 下載檔案格式是 CSV，預設開啟的軟體是 Excel， 但把下載完成後的CSV檔案打開後都是亂碼， 本來想放棄，直接從Google Trend 上的資料截圖留存資料就好， 但是想想，這個CSV檔的亂碼問題應該只是格式， 因此稍微搜尋 Google，果然發現跟預想的一樣，是格式問題， 這邊就把解套過程記錄下來，其實主要步驟不多，就是三個 1. 更換檔案開啟類型為記事本 2. 再打開檔案另存新檔時，選擇ANSI格式後儲存 3. 再把檔案開啟類型換回Excel