1-3 讓Blogger主選單永遠置於上方

閱讀時間約 2 分鐘
1-3 讓Blogger主選單永遠置於上方-01

1-3 讓Blogger主選單永遠置於上方-01

對於個人而言,免費的Blogger樣版已經很夠用。若非要說有哪不滿意,大概就是主選單,會隨著網頁滾動消失(如下圖),雖然有回到上方按鈕,且多數人瀏覽習慣,逐漸轉為手機。不過我還是喜歡,能夠常駐上方的主選單。

1-3 讓Blogger主選單永遠置於上方-02

1-3 讓Blogger主選單永遠置於上方-02

況且要做到這點,非常的簡單,只需要兩步驟。

一、於</style>前,增加CSS

進入到Blogger後台/主題/自訂/編輯HTML,點進html內文,利用Ctrl+F搜尋</style>,將下列CSS貼於其前。

.navFixed {z-index:9999; position:fixed; top:0; left:0; margin-top:0; min-width: 00%; opacity:0.94; transition:opacity .5s ease-out;}

二、於</body>前,增加script

完成上步驟後,搜尋</body>,將下列script貼於其前。

<script type='text/javascript'>
$(function() {
$(window).scroll(function() {
if ($(this).scrollTop() > 150) {
$('.header-menu').addClass('navFixed');}
else {
$('.header-menu').removeClass('navFixed');}
});
});
</script>

儲存後就可以發現,主選單已經常駐於上方!

1-3 讓Blogger主選單永遠置於上方-03

1-3 讓Blogger主選單永遠置於上方-03

avatar-img
7會員
44內容數
分享個人創作。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
NoEnd│莫盡 的其他內容
在2-1已和大家介紹過,上、下章和回目錄的按鈕,寫作Blogger和一般Blogger另一個不同,大概就是目錄。同樣由於是個人創作的部落格,不可能會有專屬手機APP,目錄最好也是能夠,自動調節成合適的大小。 同樣是編輯CSS和利用無序清單元素的<li>就能辦到,而且語法也相差不大。同樣要先說明
寫作Blogger和一般Blogger最大的不同,就是有無上、下章和回目錄的按鈕了。又由於是個人創作的部落格,不可能會有專屬手機APP,這些按鈕最好是能夠,自動調節成合適的大小。 那麼會不會很難呢?其實並不難,一樣是編輯CSS就能辦到,這次會利用到的,還有無序清單元素的<li>。但要先說明的是
不知道你會不會,在寫作到一半時,對於必須重複打的字詞,感到生厭,甚至連剪下、貼上都懶。這時你就非常的需要,Quick Text Paste幫你快速作業。簡單說明,即利用其建立快速鍵,而能快速貼上字詞。 Quick Text Paste是由Software OK.com(直接連官網)免費提供,該
最開始真的只是,想用語音來校稿,但有了音檔,就想可順手放上YouTube,最好還能放張圖片。一個、二個檔的時候,倒也還好,但當檔案多的時候,就又想,難道沒有批次處理的工具嗎?未曾想,還真有,而且簡單到讓人嘖嘖稱奇,忍不住想讓更多人知道。 這個工具就是FFmpeg(直接連官網)。首先你可到官網,
大家寫文章時,都是用什麼「語言」存檔案呢?應該有不少人和我一樣,是用中文吧!可若偏偏遇上一個,不認「中文」的程式,也只能更名了!可難道一個個改?但為這去買或裝個軟體,好像又太過了,沒事誰又需要批量更名。 這時你就需要Rename Master(直接連官網),到了網頁,你可看見它大大提示著Freew
每個人的寫作習慣不一樣,我的習慣是每章分開存檔,除了方便查看外,檔案間也不會互相影響。另外就是,發佈文章時,能夠快速的生成章節目錄,方便快速的進行作業。 而要做到這點,也非常的容易,只要打開記事本,輸入六字符(只佔兩個中文字),並自訂檔名,最後於存檔前,將副檔名 .txt 改為 .bat 檔,
在2-1已和大家介紹過,上、下章和回目錄的按鈕,寫作Blogger和一般Blogger另一個不同,大概就是目錄。同樣由於是個人創作的部落格,不可能會有專屬手機APP,目錄最好也是能夠,自動調節成合適的大小。 同樣是編輯CSS和利用無序清單元素的<li>就能辦到,而且語法也相差不大。同樣要先說明
寫作Blogger和一般Blogger最大的不同,就是有無上、下章和回目錄的按鈕了。又由於是個人創作的部落格,不可能會有專屬手機APP,這些按鈕最好是能夠,自動調節成合適的大小。 那麼會不會很難呢?其實並不難,一樣是編輯CSS就能辦到,這次會利用到的,還有無序清單元素的<li>。但要先說明的是
不知道你會不會,在寫作到一半時,對於必須重複打的字詞,感到生厭,甚至連剪下、貼上都懶。這時你就非常的需要,Quick Text Paste幫你快速作業。簡單說明,即利用其建立快速鍵,而能快速貼上字詞。 Quick Text Paste是由Software OK.com(直接連官網)免費提供,該
最開始真的只是,想用語音來校稿,但有了音檔,就想可順手放上YouTube,最好還能放張圖片。一個、二個檔的時候,倒也還好,但當檔案多的時候,就又想,難道沒有批次處理的工具嗎?未曾想,還真有,而且簡單到讓人嘖嘖稱奇,忍不住想讓更多人知道。 這個工具就是FFmpeg(直接連官網)。首先你可到官網,
大家寫文章時,都是用什麼「語言」存檔案呢?應該有不少人和我一樣,是用中文吧!可若偏偏遇上一個,不認「中文」的程式,也只能更名了!可難道一個個改?但為這去買或裝個軟體,好像又太過了,沒事誰又需要批量更名。 這時你就需要Rename Master(直接連官網),到了網頁,你可看見它大大提示著Freew
每個人的寫作習慣不一樣,我的習慣是每章分開存檔,除了方便查看外,檔案間也不會互相影響。另外就是,發佈文章時,能夠快速的生成章節目錄,方便快速的進行作業。 而要做到這點,也非常的容易,只要打開記事本,輸入六字符(只佔兩個中文字),並自訂檔名,最後於存檔前,將副檔名 .txt 改為 .bat 檔,
你可能也想看
Google News 追蹤
Thumbnail
我很鼓勵投資人不要只投資台股,對股市有一點熟悉度後,建議範圍擴況大到美股,甚至是投資全球。因為台股僅是單一國家/市場,如果能將資產投資到其他國家,風險會更分散,機會也更多,特別是美國股市。 美股會很難懂嗎?我相信你認識的美國企業可能會比台灣企業多,我從標普500成分股前15大企業裡隨便抓十
Thumbnail
美股因多家熱門話題與龍頭企業市值快速增長受到關注,本文介紹如何透過國泰世華CUBE App 開設台股及美股複委託帳戶、定期理財的便利性。 定期投資適合單筆資金有限、經驗不多的理財小白、上班族,或者忙碌、沒時間研究基本面的朋友,國泰世華CUBE App美股定額投資功能,操作便利性幾乎完勝海外券商。
Thumbnail
這是張老師的第三本書,我想前二本應該也有很多朋友們都有讀過,我想絕對是受益良多,而這次在書名上就直接點出,著重在從投資的角度來切入
Thumbnail
臺灣正面臨人口老化、少子化、城鄉差距等問題,地方創生的議題討論隨之而來,看似只談論「地方」,背後卻牽動著永續發展,還有許多臺灣品牌同樣在這片土地上默默耕耘。被譽為地方創生教母的陳美伶,攜手花蓮將軍府1936主理人任聿新,於11/29《2024 臺灣當代人物論壇》上,共同談論地方創生相關議題。
Thumbnail
寫文案,為什麼要寫細節?具體物件描繪是建立讀者心中畫面感的關鍵。它是穿越現實和想像之間的橋樑,是可以喚醒深藏記憶的細節。當你看到一個「木製書架」,腦海裡的畫面不只是木頭和書,對嗎?
Thumbnail
如果你是縣市首長,你能接受治理的城市,刑案破獲率一次掉 30 %以上嗎?這是 9 月 1 日警政新制「刑案紀錄表、E化受理報案系統整合」實施後可能會發生的事。而這很有可能導致過去警界的「吃案」文化復興。 綜觀過去歷史,這波改革可能讓這幾年鼓勵員警受理案件的「大受理時代」直接完結......
Thumbnail
掙扎於孩子的挑食煩惱?來,讓我們一起將每次的用餐時光,化作家庭歡聚的美好時刻!不再是勉強的喂食,而是樂在其中的共享。 孩子對食物的抗拒,其實是探索世界的一部分,用一點巧思,我們可以讓餐桌成為學習與樂趣並存的地方。從創意遊戲到正向鼓勵,從家長的榜樣到共同參與,一切皆有可能。 想知道如何讓孩子從勉強
Thumbnail
預祝大家2024年新年快樂 如果你想要新的一年業績上、組織上、關係上...等全面的提升 相信這位學員見證,將會讓你對NLP保險會員班產生更大的信心 像是這位學生在醫師開發上,透過NLP,光醫師轉介就多了1/3!
Thumbnail
放下麥片盒,遠離超大碗。是時候改變你的早餐了。 您是否正在努力實現減肥目標但沒有看到結果?開始運動後卻沒看到效果怎麼辦?那麼,以高蛋白早餐開始新的一天,您可能會取得最大的成功。 「大多數人在午餐和晚餐時攝取蛋白質,卻忘記了早餐,」“這意味著你正在剔除一個重要的食物組,它不僅提供常量營養素蛋白質,
Thumbnail
真的太強大了!難怪連美容大王大S都敢為它背書 在介紹這產品前,可以先看看before與after的差異性 (完全零修圖) 產品厲不厲害,敷一次就超有感,也可從照片中看出敷完那個明亮度 #羊珞素®生肌蜜 #TKLAB 這款產品結合了保濕、亮白、抗皺、舒敏和煥膚的多重功效
Thumbnail
Hi,大家好,我是茶桁。 很遗憾在上一讲,也就是第12讲的时候,咱们对于利用AI写一个VBA宏来执行Excel任务的过程并不顺利,仔细想来既然大家都在这里看这个系列文章了,应该也基本都会Python的,所以一个Excel自动化也并无太大影响,毕竟,这种商业软件的集成一定是早晚的事情,咱们也不必在这
Thumbnail
水族館一直都是歡樂、浪漫、洗滌心靈的好地方,尤其在炎炎夏日想看魚兒悠遊,接觸令人涼爽放鬆的深藍色系又不會被曬成人乾的夏日旅遊首選。
Thumbnail
接下來我們要進入紅蛇波符,一個活出自己姿態的波符,心中有想要的事,橫衝直撞的硬幹不是唯一的路,保持柔軟的身段,繞一個小彎,也許反而能更快的到達目的地,只要心中的目標夠清晰,看似繞路的過程,實則是更輕鬆地道途。
Thumbnail
我很鼓勵投資人不要只投資台股,對股市有一點熟悉度後,建議範圍擴況大到美股,甚至是投資全球。因為台股僅是單一國家/市場,如果能將資產投資到其他國家,風險會更分散,機會也更多,特別是美國股市。 美股會很難懂嗎?我相信你認識的美國企業可能會比台灣企業多,我從標普500成分股前15大企業裡隨便抓十
Thumbnail
美股因多家熱門話題與龍頭企業市值快速增長受到關注,本文介紹如何透過國泰世華CUBE App 開設台股及美股複委託帳戶、定期理財的便利性。 定期投資適合單筆資金有限、經驗不多的理財小白、上班族,或者忙碌、沒時間研究基本面的朋友,國泰世華CUBE App美股定額投資功能,操作便利性幾乎完勝海外券商。
Thumbnail
這是張老師的第三本書,我想前二本應該也有很多朋友們都有讀過,我想絕對是受益良多,而這次在書名上就直接點出,著重在從投資的角度來切入
Thumbnail
臺灣正面臨人口老化、少子化、城鄉差距等問題,地方創生的議題討論隨之而來,看似只談論「地方」,背後卻牽動著永續發展,還有許多臺灣品牌同樣在這片土地上默默耕耘。被譽為地方創生教母的陳美伶,攜手花蓮將軍府1936主理人任聿新,於11/29《2024 臺灣當代人物論壇》上,共同談論地方創生相關議題。
Thumbnail
寫文案,為什麼要寫細節?具體物件描繪是建立讀者心中畫面感的關鍵。它是穿越現實和想像之間的橋樑,是可以喚醒深藏記憶的細節。當你看到一個「木製書架」,腦海裡的畫面不只是木頭和書,對嗎?
Thumbnail
如果你是縣市首長,你能接受治理的城市,刑案破獲率一次掉 30 %以上嗎?這是 9 月 1 日警政新制「刑案紀錄表、E化受理報案系統整合」實施後可能會發生的事。而這很有可能導致過去警界的「吃案」文化復興。 綜觀過去歷史,這波改革可能讓這幾年鼓勵員警受理案件的「大受理時代」直接完結......
Thumbnail
掙扎於孩子的挑食煩惱?來,讓我們一起將每次的用餐時光,化作家庭歡聚的美好時刻!不再是勉強的喂食,而是樂在其中的共享。 孩子對食物的抗拒,其實是探索世界的一部分,用一點巧思,我們可以讓餐桌成為學習與樂趣並存的地方。從創意遊戲到正向鼓勵,從家長的榜樣到共同參與,一切皆有可能。 想知道如何讓孩子從勉強
Thumbnail
預祝大家2024年新年快樂 如果你想要新的一年業績上、組織上、關係上...等全面的提升 相信這位學員見證,將會讓你對NLP保險會員班產生更大的信心 像是這位學生在醫師開發上,透過NLP,光醫師轉介就多了1/3!
Thumbnail
放下麥片盒,遠離超大碗。是時候改變你的早餐了。 您是否正在努力實現減肥目標但沒有看到結果?開始運動後卻沒看到效果怎麼辦?那麼,以高蛋白早餐開始新的一天,您可能會取得最大的成功。 「大多數人在午餐和晚餐時攝取蛋白質,卻忘記了早餐,」“這意味著你正在剔除一個重要的食物組,它不僅提供常量營養素蛋白質,
Thumbnail
真的太強大了!難怪連美容大王大S都敢為它背書 在介紹這產品前,可以先看看before與after的差異性 (完全零修圖) 產品厲不厲害,敷一次就超有感,也可從照片中看出敷完那個明亮度 #羊珞素®生肌蜜 #TKLAB 這款產品結合了保濕、亮白、抗皺、舒敏和煥膚的多重功效
Thumbnail
Hi,大家好,我是茶桁。 很遗憾在上一讲,也就是第12讲的时候,咱们对于利用AI写一个VBA宏来执行Excel任务的过程并不顺利,仔细想来既然大家都在这里看这个系列文章了,应该也基本都会Python的,所以一个Excel自动化也并无太大影响,毕竟,这种商业软件的集成一定是早晚的事情,咱们也不必在这
Thumbnail
水族館一直都是歡樂、浪漫、洗滌心靈的好地方,尤其在炎炎夏日想看魚兒悠遊,接觸令人涼爽放鬆的深藍色系又不會被曬成人乾的夏日旅遊首選。
Thumbnail
接下來我們要進入紅蛇波符,一個活出自己姿態的波符,心中有想要的事,橫衝直撞的硬幹不是唯一的路,保持柔軟的身段,繞一個小彎,也許反而能更快的到達目的地,只要心中的目標夠清晰,看似繞路的過程,實則是更輕鬆地道途。