106.04.05 Blogger 手機版程式碼區塊

今天有點興奮啊
一次把兩個問題解決了,超感動QuQ
然後計組期中就崩潰了

正題
手機瀏覽blogger時(本文使用Chrome瀏覽器)一直有個問題
就是程式碼區塊不會正常顯示,變成只有文字那樣
想說找改進方法頗久
今天終於成功QuQ
搜尋關鍵字:
blogger mobile code

首先
Blogger 放程式碼請參考這篇,本篇也是從此篇進行修改
105.07.16 在Blogger文章加入程式碼 (一)



開始囉~
進入主題
建議先備份

手機行動版需使用自訂才會按照範本更改的內容
雖然之後沒有原本的漂亮不過我覺得值得
先點齒輪圖案

如圖中選擇
是,在行動裝置上顯示行動版主題。
自訂
按儲存

接著編輯 HTML

上面有方便的工具可以直接跳到小工具
因為之前是用HTML/Javascript這個小工具,所以就點選HTML2

紅框處就是小工具所在

在HTML1跟HTML2都加上 mobile = 'yes' 的屬性
接著按儲存主題就完成了,一定要按儲存喔

成果如下,超棒OuO

不過會發現太長無法捲動,因為滑動會讓blogger換文章
所以下一篇就會解決囉OuO


參考資料:
版面配置的網頁元素標記
[教學]Blogger 行動版範本初探__修改技巧整理

2 則留言:

^ Top