無法對blogspot模板進行更改

Question

我正在嘗試對從Internet下載的我的blogspot模板進行更改。

例如，當我嘗試更改標題顏色時，我無法執行此操作或進行其他更改。

如何做到以下幾點：

1. 我改變顏色，例如
2. 適用於博客。

但它不起作用後，沒有任何變化，請幫助我處理這種情況。

Answer 1

對於第一個問題，當您單擊「編輯HTML」並且沒有代碼顯示時：這是Blogger.com界面中的一個小故障。自從他們改變（「升級」）編輯器的功能之後，它也發生在我身上。只需刷新頁面或單擊「預覽模板」按鈕，一旦加載，然後再次點擊「編輯模板」按鈕。

一旦出現編碼，搜索（搜索它，按下Ctrl鍵和按F，然後在搜索框中複製並粘貼此代碼）：

$(post.title.text.color) 

如果你不這樣做找到該代碼，這是因爲它沒有在您的自定義模板中編碼。通過此代碼，您可以輕鬆地從「Blogger模板設計器」頁面更改帖子標題顏色。沒有上述代碼，從用戶友好頁面更改帖子標題顏色的選項將不起作用。

要啓用該選項：從 「編輯模板」 頁面搜索和查找：

</b:skin> 

上面的 「/ B：皮」 粘貼此代碼：

h3.post-title, h4 { 
font: $(post.title.font); 
color: $(post.title.text.color); 
} 

h3.post-title a { 
font: $(post.title.font); 
color: $(post.title.text.color); 
} 

這將使你從Blogger的「自定義設計器」頁面更改帖子標題的顏色和帖子標題的字體。

如果您希望「自定義設計器」頁面中的其他選項起作用，則必須將其他類似代碼添加到模板的其他區域。例如，改變從設計頁面的整個博客的默認文本顏色和字體，下面的代碼必須是在你的模板：

body { 
    font: $(body.font); 
    color: $(body.text.color); 
    } 

還有其他可變因素的整個列表必須按順序添加從Blogger上的Designer頁面獲取所有可用的功能。爲了獲得與這些代碼類似的信息，我建議您使用stadard Blogger模板創建一個新博客，並打開「編輯HTML」模板頁面。從那裏，在代碼的頂部，你應該看到的第一件事是：

/* Variable definitions 
    ==================== 

這些是啓用自定義設計頁面正常工作的變量。

每個varibile的代碼都會在這個部分，而且將永遠看起來很相似，開頭帶有「$」符號，然後像描述性的文字：

$(widget.border.color) 

它並不需要太多的開始看到模式。而「選擇器=」將總是告訴你需要放在「/ b：skin」上面什麼位置。對於〔實施例，用於微邊框顏色，上面提到的，你會看到這樣類似的代碼：

 <Group description="Date Header" selector=".main-inner .widget h2.date-header, .main-inner .widget h2.date-header span"> 
<Variable name="date.font" description="Font" type="font" 
    default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/> 
<Variable name="date.text.color" description="Text Color" type="color" default="#666666" value="#cccccc"/> 
<Variable name="date.border.color" description="Border Color" type="color" default="$(widget.border.color)" value="#cccccc"/> 

你在哪裏看到的代碼：

selector=".main-inner .widget h2.date-header, .main-inner .widget h2.date-header span"> 

...是你如何知道在「/ b：skin」上面形成你的代碼。因此：

.main-inner .widget h2.date-header, .main-inner .widget h2.date-header span { 
$(widget.border.color) 
} 

當然，你可以選擇你想要的任何地方把varible，當你改變選擇的顏色，從定製的設計者頁面，它會改變所有的相應區域。如果需要，您甚至可以將小部件邊框顏色放在帖子標題中，並且帖子標題將始終與小部件鑽孔器顏色相匹配。

很高興能夠使用自定義設計器頁面，但一旦習慣了編碼，就不需要了。您可以簡單地在「編輯HTML」模板頁面中直接更改代碼，方法是將所需的顏色代碼放入所需的部分。例如，搜索和查找（在/ b：skin中）：

 .post-title { 

，並刪除該變量的代碼和你想要的顏色替換：

.post-title { 
    color: blue; 
    } 

或使用：http://www.colorpicker.com/找到確切的顏色的十六進制代碼，並把它作爲你的文章標題：

.post-title { 
    color: #E01B5D; 
    } 

希望有所幫助。