發表文章

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

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 的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" ?>

liker coins