「Blogger入門」上傳主題 theme , 編輯主題 html, 編輯內文標題 title , 使用code block

Standard
theme 主題
因為blogger目前網站上能看到的主題其實很少
但如果去外面到處看別人的blogger的話會發現大家其實做得五花八門
並不限於官方提供的那幾種templete,blogger的可改性其實很大
而仿間其實也很多提供免費templete的網站,我是用這個:
https://newbloggerthemes.com/
https://newbloggerthemes.com/writr-blogger-template/ 
通常網站上載下來之後會是一個.xml檔
然後在下圖「備份/還原」的地方用備份的方式上傳主題
然後主題基本上就會切過去了
如果想對匯入進來的主題做細條
可以去下圖中的編輯「HTML」
然後直切看原碼,可以用ctrl+F的方式搜尋想改的東西

title 內文標題
因為blogger的字體、大小、顏色,或其他種種
其實都很容易把版面搞得很髒,倒不如就是用html寫
能寫到最裡面,完全掌握文章出來會長什麼樣子,建議大家可以常常用html來寫
以下是我一種常用的寫標題語法,可以同時控制字體顏色和大小
<span style="color: #0a9c7d;"><span style="font-size: 24pt;">title 內文標題</span></span

code block
如果在文章中想要insert code或是command然後想要有灰色的背景的話
(就像是github上README的markdown```code```那樣
可以透過insert一段CCS code然後再用html編輯文章前後加tag夾起來

主題->自訂->寬度調整(算是我隨便亂塞的,並不是正式的)
CODE {
    display: inline; /* fixes a strange ie margin bug */
    font-family: Courier New;
    font-size: 12pt;
    overflow:auto;
    background: #f0f0f0; /*url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;*/
    border: 1px solid #ccc;
    padding: 1px 10px 1px 10px;
    max-height:200px;
    line-height: 1.2em;
}

CODES {
    display: block; /* fixes a strange ie margin bug */
    font-family: Courier New;
    font-size: 12pt;
    overflow:auto;
    background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
    border: 1px solid #ccc;
    padding: 1px 10px 1px 21px;
    max-height:200px;
    line-height: 1.2em;
}

用法:寫文章時從撰寫切到HTML
如果是用
<code>demodemodemo</code>
的效果如下:
demodemodemo

如果是用
<codes>demo
demo
demo</codes>
的效果如下:
demo
demo
demo

0 comments:

張貼留言

留言