TOP
顯示具有 Blogger 標籤的文章。 顯示所有文章
顯示具有 Blogger 標籤的文章。 顯示所有文章

2021年4月13日 星期二

[Blogger] Google 部落格使用半年感想

  圖片來源: https://burst.shopify.com/photos/letter-to-self 用了一陣子的部落格,最近半年比較常寫文章。原本想放上自己過去程式方面的筆記,後來發現,其實知識褪色的很快,很多以前的技術(大概十多年而已)現在已不適用,放上來好像意義不...

2021年1月22日 星期五

[Blogger] 修正 YouTube 影片在手機版面不顯示的問題

圖片來源: https://zh.wikipedia.org/wiki/YouTube   在編輯 My immortal by Natalia Tsarikova 這篇文章時,發現嵌入的 YouTube 影片以手機檢視不會出現,但在電腦上檢視是正常...

2021年1月21日 星期四

[Blogger] 安裝 LikeCoin 按鈕

  文章目錄 - [LikeCoin 簡介 ] - [ 註冊 LikeCoin 帳號 ] - [ 於 Google Blogger 建立讚賞連結 ] - <1> 安裝於文章尾部 - <2...

2020年11月19日 星期四

[Blogger] 顯示相關文章連結

這篇文章記錄如何在 Blogger 的每篇文章下方隨機顯示相同標籤的文章連結,方便使用者快速點選相關文章。這個功能需於主題下修改 HTML 原始碼,在修改前請記得備份。 效果如下:  

2020年11月13日 星期五

[Blogger] 透過 Google 試算表取得資料並隨機顯示內容

我在 Google Blogger   小工具上張貼一些詩詞時便在想:「如何能隨機地顯示這些文字,又可以容易的擴充或刪除呢?」較簡單的方法,是在小工具中建立一個物件陣列來儲存這些詩詞和作者的資料,再隨機由陣列中取用某一物件來顯示。但這樣做的缺點是:每次修改都需更動程式碼中的...

2020年11月9日 星期一

[Blogger] 回到頂端控制項

[回到頂端控制項]  在網頁設計中是很常見的功能,也很實用,主要是用來將 視窗位置快速拉回至頁面頂端。 這篇文章記錄如何在 Blogger 下實作這個功能,下方的程式碼用來 產生一個控制項,會在視窗捲動到某個位置後才顯示,按下控制項會把視窗位置快速拉回至項端。 控制項會固定於螢幕...

2020年10月23日 星期五

[Blogger] 添加音樂播放器

SCM Music Player https://www.scmplayer.net/   SCM Music Player 是個網頁版的音樂播放器,可安裝於 Blogger 上,支援 mp3 、 Youtube 音樂。 (PS:使用 youtube...

2020年9月28日 星期一

[Blogger] 圖像翻轉

讓圖片可以翻轉,設計如下: // Layout <div 'card'>      <div 'face front'>           <img #1>      <div ...

2020年9月26日 星期六

[Blogger] Mobile view 加入被隱藏的 widget

流程: 於主題編輯 HTML ,搜尋 locked 字串,對於想要在 Mobile view 時顯示的 widget ,於 locked 後加入 mobile='yes' 。 下面程式碼是針對[搜尋框]修改: ...

2020年9月16日 星期三

[Blogger] 搜尋結果只顯示標題、摘文與縮圖

流程: 在範本程式碼中尋找 : <b:include data='post' name='post'/> 以下面程式碼取代 :           <!-- Ankas( 搜尋結果修改 ): begin...

OneNote to Blogger

OneNote 2016 支援的部將格中沒有 Google Blogger, 因此採用電子郵件寄送方式來將文件傳至 Blogger     OneNote 編輯時的注意事項 : ◎       避免產生簽名檔文字: 檔案 > 選項 > 進...

2020年9月15日 星期二

[Blogger] 建立格狀相片縮圖

方法: B logger 主題設計工具 > 進階 > 新增 CSS .SquareThumbnail img{     width: 200px;     /* 圖片的寬度 , 可以自己改看看 */     he...

[Blogger] 自訂 [關於我自己] 小工具

Blogger 的關於我自己小工具連結會指向 Blogger 預設的頁面,不方便修改或建立更多的資訊,這裏提供一簡單方法來進行修改。 流程: [1] 檢視 Blogger 的關於我自己程式碼,拷貝下來 [2] 新增 JavaScript 小工具,複...

2020年9月14日 星期一

[Blogger] 文章內容折疊功能

問題: 為  Blogger  文章加入可收合  ( 折疊 )  某段內容的按鈕,參考網上範例( Blogger  展開及收合文章 )可簡單達到,但 對於多個折疊內容,需多份相似的程式碼並修改對應的變數名稱,折疊內容愈多修改量愈大,每篇使用折疊功能的文章都要類似的修改...

2020年9月10日 星期四

[Blogger] 使用分頁

Blogger 頁面預設在下方提供 [ 較新的文章 ] , [ 較舊的文章 ] 來選取上下頁 , 在找尋文章時較不便 .   Blogger 預設頁面瀏覽方式 , 如下圖紅框所示 :   這個問題可透過下面方法解決 : [1] 如果已知關鍵...