2022年4月13日

Blogger 側邊分頁功能 實作心得


如果覺得側邊欄的官方小工具以及自己安裝的HTML第三方工具太多怎麼辦?利用Tab分頁就可以解決這個問題。多項小工具都能裝進同一空間的至少四到五個分頁之中,非常簡潔方便!

此功能依舊是在 WFU Blog 中發現,算是比較複雜,參考的是以下的文章分享串,共有四篇,主要為前兩篇:
[教學]讓 Blogger 側邊欄有個簡易安裝的分頁(TAB)功能__(1) 安裝 HTML 小工具
2022年4月11日

Blogger 相關文章推薦工具


如何在文章底部顯示相關文章推薦呢?

偶然閒晃 WFU Blog 的時候,發現了這個驚人的工具,他不但可以幫你自動列出跟原文章具有關連的相關文章,更能夠利用縮圖的方式去抓取文章內的圖片,形成好看的縮圖排列,不但實用又美觀,我跟本沒有辦法在其他地方找到更精彩的相關文章推薦工具! WFU Blog 萬歲!
[小工具]Blogger 相關文章 V2__安裝懶人包
2022年4月10日

Blogger 特殊文字區塊設定 實作心得

如何在撰寫網誌文章時,讓某些特定文字擁有不同背景呢?

這需要使用到與 上一篇底線教學 相似的功能,直接呼叫不同的CSS設定,使得整段文字的區域,不管是背景,字型,大小,框線等等,與其他文章文字不同而產生區別,在文章撰寫時是非常實用的工具,尤其像是提供code與長串編碼時,真的是幫大忙了!

這次的實作一樣是參考了 WFU Blog 的以下文章進行安裝和微調:
[教學]讓網頁使用各種特殊文字區塊__(1) 安裝與使用 (CSS 技巧)

Blogger 內文加上漂亮底線 實作紀錄

如何讓文章的某些重點內容底下加上彩色底線標示?

有時候寫文章,需要某段文字或某幾個詞被特別標示,做為強調或是分隔用途。依舊在 WFU Blog 這邊,找到下列文章的解決方法:
[教學]讓網頁文字使用各種底線圖案__(1) 安裝與使用 (CSS 技巧)
2022年4月8日

Blogger 圖片輪播外掛 Camera 實作心得 (pCloud圖片外連)

jQuery圖片輪播外掛 Camera實作心得 (pCloud圖片外連)

Blogger網誌使用到現在,覺得最不方便的地方,就是文章撰寫時的圖片編輯。你只要一設定圖片靠左,Float的語法就自然幫你產生,圖片下方後續撰寫的文字就會開始文繞圖,排版整個成悲劇,如果想要一次貼很多張圖片,就得各種調整非常累人。

於是只好開始尋找有沒有更方便的貼圖效果,果不其然,在 WFU Blog 上挖到了 Camera 的這個外掛,各種試誤之後終於搞定,我的步驟大概如下:
2022年4月7日

修改H1,2,3 標籤/去除超連結底線/修改行動版標題

修改H1 H2 H3 標籤實用技巧 / 去除超連結底線 / 修改行動版標題

在逛FWU的網誌時,無意間瞭解到Google搜尋引擎如何利用HTML的H1,2,3,4...標籤,去抓取關鍵字的原理。雖然這個網誌也只是我自己的生活記錄而已,對於在搜尋引擎上的表現,我其實沒有太在意,但還是想嘗試照著修改看看,反正當作練習也無妨。

更何況 FWU Blog 已經事先做好邏輯推演,把整個步驟幾乎整理到最精簡了,所以真正操作起來也不難,請參考以下他的文章教學:

符合 SEO 的 H1 H2 H3 標籤配置研究
修改範本 H1 H2 H3 標籤實用技巧

Blogger文章內容收合設定

文章內容收合設定:

此篇教學內容出自於 WFU Blog 之會員文章:
[小工具]jQuery 展開收合效果安裝懶人包

需要加入會員才能取得的內文編輯部分(直接嵌入在HTML之</body>前),我這邊就不提供了,請直接去申請WFU的會員資格,利用臉書登入就好了,加入很簡單,但非常值得,最近許多修改Blogger的技巧都是在他的部落格上面學到的,極度推薦給Blogger的使用者。

在編輯文章時,如果想要呼叫內容收合功能時,只要在HTML編輯模式下,採用這個語法就可以設定了:

<div class="slide_toggle">填入收合提示文字</div>
<div>填入隱藏的說明內容</div>

我這邊修改的只有嵌入</head>前的程式碼中,收合鍵與收合內容的背景顏色,因此在下方作個記錄:

按此取得程式碼

<style>
/* 展開收合效果 */
.slide_toggle {
text-align: center;
cursor: pointer;
font-weight: bold;
/* 收合提示字串區塊, 還可加入自訂 CSS 效果 */
line-height: 170%;
background-color: #4a4a4a;
border-radius: 7px;
}
.slide_toggle + div {
display: none;
margin-top: 10px;
background-color: #1C1C1C;
/* 隱藏註解文字區塊, 請加入自訂 CSS 效果 */
}
</style>

將Blogger文章設定密碼鎖

私密文章設定 (2022/4/8)

參考自Tomy部落格的方式:
採用Javascript的方法,用最簡單的方式於HTML編輯頁上加上以下程式碼即可達成

按此取得程式碼

<script type="text/javascript"> 
/* Password Protection */
var password = 'password'
password=prompt('Please enter the password to enter this page:','');
if (password != 'password') {
location.href='http://zilchide.blogspot.com/';
}
</script>


Password 改為你自訂的密碼
http://blog.tomy168.com 改為您的網站首頁網址
2022年3月31日
2021年9月5日

2021/9/5 天湖盆栽園

好久沒整理我的盆栽們了,趁著疫情稍歇 (其實好像又再起了@@),趕快跑一趟盆栽園照顧一下大家!看到石朴的造枝狀況不錯真的很欣慰,最驚喜的還是兩盆牛港刺都滿花也結果了,期待之後紅色愛心小果掛滿枝頭啦!
2020年3月7日

再見了 Grado SR1i


終於,明天準備要把擁有了11年的耳機送出門了,當時省吃儉用,花了好長時間才存到錢買下的 GRADO RS1i。可是我終究是知道的,我喜歡的音樂取向,和它的特性其實不太合適,也很難聽久,於是就擱著,一擱就是五六年...
2019年8月24日

買賣房子


出乎意料地只花了一週賣房子,緊接著又馬不停蹄地只花一週買房子,這兩周過得太驚險刺激!斡旋太耗費心力,累翻之餘,留下最簡單回憶,以及今後對新家的期許!
2019年5月17日

性平專法通過的一些感想

朋友問說,去年說專法是歧視 今天專法過了是性平勝利 是不是有點精神分裂...

致當時一起為罷免打拼的好友:

沒有人可以斬釘截鐵說今天的成就叫做完全的性平勝利!因為台灣的性平還有很長的路要走。

重點是,保守派目前走到現在,應該很清楚一點現實,就是在現今台灣社會中,任何爭議性議題和改革都不可能一步到位,今天會讓那麼多原本堅持專法是歧視,只應該修民法的同志和異性戀 (包括我和我太太以及很多政論家),能夠感受到一絲勝利和撫慰的地方是,大家看到這個政府在公投結果要求三個月內定出"專法",並且在遵守大法官釋憲5/24的期限下,展現出極大的誠意和努力,透過積極的斡旋和苦思,將實質的結婚權力,還給同志族群,真正落實人生而平等,雖然名稱不尚滿意,不是民法不尚滿意,但內容中滿滿準用民法的描述確是滿滿誠意!這是大家都看得很清楚的!
2019年4月8日

2019 生日與盆栽


雖然是抱病度過的生日,但多虧主管和同事幫忙,順利將忙了幾個月的文件搞定。也謝謝親愛的同事們體諒我腸胃炎,還費心選了可以吃的古早味蛋糕幫我慶生,哈哈看到上面插一根蠟燭真的很有趣,好高興能在這裡遇到大家。當然也特別謝謝老婆煮地瓜稀飯當我的生日大餐,配上蛋糕和剛送來的弗利沙公仔禮物,真是別有風味啦!
2019年4月7日

給發抖的自製紙箱貓抓板


多多和發法的新玩具: 紙箱貓抓板
這個長度有點太短
趁著連假加長啦
多多的腳就不會掉下來了
Big bird好搶戲...

總統府百年快樂

總統府百年快樂
總統府百年快樂
總統府百年快樂


在凱達格蘭大道上壓馬路集會聽團也數不清多少次了,但這次走到府前途中的焦慮情緒更勝以往,結果一到場就看到台灣濱崎步彩樺姐的演出,心情頓時放鬆不少哈哈哈!

前幾組演出者令人印象最深刻的,莫過於與國立台灣交響樂團合作: 生祥的種樹以及鄭宜農的光了,不管編曲和現場演出效果令人讚賞!彩虹的光和歌詞一出來真的感人。

但這趟來主要是要補上次大暖祭沒辦法聽到的滅火器,晚安台灣絕對是定番,在街頭也不知道聽多少次了,但有唱海上的人就是爽,雖然不像專場能大合唱,但也很非常滿足了!而且第一次看到總統府能藉由燈光效果變身如此漂亮,文總真的辛苦了,是一場很精彩但歌迷聽不過癮的音樂會!

除了這些無聊的廢話之外~剩下想說的,鄭宜農已經透過"光"這首歌幫我說了
台灣,加油吧!
---

我們的雙手緊握
在黑暗中 我不會把你放開
小心翼翼的走著
再過不久 一定就能看見光

你相信我吧 雖然我跟你一樣害怕
但我們可以一起尋找答案
你相信我吧 就像我相信你一樣
相信我們 能一起迎接天藍

#總統府百年快樂
#2019總統府音樂會
#希望不是滅火器最後一次在這裡開唱