發表文章

目前顯示的是有「blogger」標籤的文章

台積電ADR即時行情資料表 made by google 試算表和googlefinance函數

圖片
資料來源: Google 函數的資料 可以對照這個專業的網站: https://www.wantgoo.com/global/tsm 資料是一樣的。 資料表表格的參數   台積電ADR代號: 台積電ADR在美國交易所的代號 台積電ADR即時行情: 最近一次的收盤價 今日交易量: 最近一個交易日的股票交易量 交易金額(台幣): 用匯率台幣28塊兌1美金換過來看的當日交易金額 最近一年行情: 將最近 365 天內有交易的收盤資料價格做出趨勢圖   目錄 資料表表格的參數 Googlefinance 函數的設定 試算表嵌入 blogger   為了研究和方便看台積電ADR即時行情,透過 Google 試算表做了這個。 Googlefinance 函數的設定   做這個表純粹是研究和練習 googlefinance 和 Google 試算表如何結合,整個試算表的表單都是用 googlefinance 這個函數製作。   而必要的資料則是台積電 ADR 的美股代號,也就是   NYSE:TSM   所以在第一欄,也就是台積電即時行情,裡面用的函數是   GOOGLEFINANCE ( NYSE:TSM , "price" )     而交易量是用下面這個函數   GOOGLEFINANCE ( NYSE:TSM , "volume" )     用上面這個函數寫法,就可以把台積電ADR每天在國外的當日交易量叫出來,就像下表的這個樣子。   台積電ADR當日成交值(2022/3/6截取)   另外又拉了一個算式看當天成交金額,也就是交易金額,不過匯率沒有用函數,只是用固定的數字 28 作為台幣兌美金的匯率,會有這一欄只是想了解台積電ADR在美國的成交值作為台灣股票市場台積電的比較,最近台灣台積電每天的成交值在500億左右,而美國那邊是839億左右,透過這個數據稍微對比一下兩邊的熱度差異。     而最下面的數據,則是最近365天內的所有收盤價格,函數是這樣寫的:     GOOGLEFINANCE ( NYSE:TSM , "price" , TODAY ( ) - 365 , TODAY ( ) )

The widget settings in widget with id AdSense1 is not valid. An internal error occurred. Please try again. 如何處理

圖片
目錄 問題症狀 問題發生情境 處理方式大綱 實際處理做法 參考網址 contempo 主題在 blogger 裡面是非常方便的預設RWD響應式主題外觀,如果只想寫文章,不想要裝什麼雜七雜八的 widget 功能的人,這個主題已經有相當好的設定欄位,包含背景圖片、字形大小等都能依照作者喜好的格式自行調整,稍加研究就能把blogger部落格調整成一個自己順眼的外貌,且在手機上閱讀也不吃力,符合主流趨勢。 但 blogger 內建的 widget 插件太少才是大問題,很多 wordpress 能輕鬆找到的功能性外掛,blogger都沒有內建,必須要自己找各方高手自行設計的功能性widget 來改裝,這點真的麻煩,而且要調整也是需要一些程式底子。 問題症狀 今天在安裝【延伸閱讀】2.0版的時候就剛好碰到一個新問題,問題的症狀是無法儲存修改後的自訂主題,並且在左下角出現下面這段文字   The widget settings in widget with id <b>AdSense1</b> is not valid. An internal error occurred. Please try again.   後來才知道,這是一個常見問題,尤其是在另外一個 Emporio 的主題更常見。   問題發生情境 根據資料,會發生這個問題的有兩個情境   在修改css 或類似編碼時,這個錯誤代碼會跳出,但是 blogger 仍會允許你儲存修改 當插入一些html條件標籤,或是想在widget的區段編碼中做修改時,會出現這個錯誤代碼,並且讓你完全儲存修改   個人碰到就是第二種情境,完全無法修改。 處理方式大綱 而要處理的步驟簡單說明大致如下:  從版面配置中逐一將所有 adsense 的區塊移除 修改主題,直接將問題的編碼區段整個拿掉 上面兩件事做好後,儲存修改好的主題 接著如果想要做什麼修改,便可以開始進行修改 修改完也儲存好,便可以把 adsense 重新安裝回來 追加小知識:如果只是從 blogger的主題中移除 adsense,不會影響 adsense 用戶的權益,所以可以自由的在個人 blogger 的主題中移除或加入 adsense 的 widget

Blogger部落格安裝【延伸閱讀】(related post)功能的過程和心得 ver.2.0

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

Blogger部落格安裝【延伸閱讀】(related post) 功能的過程和心得

圖片
在主流都是使用 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

Blogger 如何提交 sitemap 到 Google search console

圖片
Blogger 不像一般的網頁空間,可以自行製作網頁丟上空間去,因此對於提交 Sitemap 網站地圖到各個搜尋引擎SEO起來相對麻煩,想要進行搜尋引擎最佳化,把blogger後台的設定找到翻過來,還透過建立網頁的功能,將各篇文章的鏈接寫入後,再把網頁頁面丟到 search console 去都沒有成功,後來才發現只需要一個簡單的做法就可以完成提交 sitemap 到 Google 去。 前提是你的 blogger 以及在 Google search console 中,已經設定完成,如果已經設定完成,下面的資料對你就有用了,如果你的 blogger 還沒加到 Google search console 去,請先去處理,再往下看才有幫助。 到 sitemap 選項中設定 把 sitemap.xml 輸入進去提交,Google search console 就會抓到 sitemap 網站地圖 如果你的blogger剛開始使用 search console,那你會需要輸入比較長的網址 把你的部落格網址加上 sitemap.xml 後輸入提交即可 ex: 以我的blogger 為例 網址是: https:// hohohotw.blogspot.com /sitemap.xml 把這一串輸入就完成提交網站地圖,如果網友需要提交的話,把紅色的這一段字改成你自己blogger就可以了。 這個網址據說也可以用在其他搜尋引擎的 webmaster 後台,為了SEO 搜尋引擎最佳化的目標,請大家記得提交 sitemap.

Blogger製作自動目錄的筆記

圖片
網誌中有一個目錄,就是上圖出現的形式,以上是通過一段程式碼自動產生,這段程式碼不是自己寫,寫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編輯器找到頁頭尾巴的小技巧

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

Blogger 主題還原到原始狀態

圖片
最近想修改 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" ?>

【網路轉貼】在 Blogger Blog 增加隨機文章版區的方法

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

liker coins