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

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

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

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

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

這個過程就是需要利用到 Notepad++ 這個小軟體，可以快速地把H12345標籤找出來，再一次替換掉。但真正的考驗其實不在這個階段。畢竟當你把HTML標籤換掉之後，原本在網誌上各部位系統預設或曾自行修改的CSS設定，可能就會亂掉了，這必須靠之後的微調和修正，才能把標籤修改後造成的混亂修復好。

果不其然，一換完標籤，導覽列就出現異常設定，這還好解決，使用Blogger預設的版面設定工具就能搞定。但我的網誌標題在具有操連結特性的時候，只要滑鼠移過去，就會出現醜到爆炸的底線，非常無言。

我只能在官方後台HTML編輯器中，尋找網誌標題的標籤，再找了許多去除超連結底線的方法，徒勞無功下，才發現Blogger進階的CSS小工具並不管用。最後終於在網路上找到了HTML語法，語法必須包括超連結去底線，以及滑鼠移過去也去底線的兩個指令，並插在</head>之前，就能解決！

按此顯示程式碼


 <!--去除超連結底線-->  
<style> 
a{text-decoration:none} 
a:hover{text-decoration:none} >
</style> 
<!-- -->



等著解決的下一個問題，則是手機版本的網誌標題，忽然變得超級巨大，但顯然我也遍尋不著修改標題的HTML語法在哪裡。一直到我找到了 FWU Blog 的這一篇文章：
[教學]Blogger 行動版範本初探__修改技巧整理

裡面寫到了，行動版某些特定區塊的 CSS 設定，只要在以上的程式碼下一行，另外增加以下的程式碼即可：

按此顯示程式碼


.mobile .Header h2 {  // 特定區塊設定
  font-size:24pt;
}