Blogger 留言板修改紀錄

也許是因為 版型自設的關係，常常有些東西和blogger 裡面一些工具和版型常常不合
尤其留言板的跑版問題，頭痛很久，其實也是懶.....所以也一直拖了很久.....

今晚終於心血來潮試看看能不能修好他....終於東弄西弄結果，終於把留言板修好
外加....G+留言....也可以了.....(灑花



以下單純紀錄這個本版型遇到的問題和方法

一，後台設定

因為版型CSS寫好後基於不想在花神經修改的情況下，所以在後台的 " 文章和留言 " 中的
" 留言位置 "  我修改成  " 彈出視窗 "，原先預設式嵌入

二，語法修改

首先註解掉最下方的 " 此文章的連結 " 和 " 建立連結 "  這兩塊東西
blogger 預設 ID 為backlinks-container




三，修改樣式

此時的樣子應該處於半殘狀態  如圖

此時可以開始修改CSS部分，找到 這一串  #comments-block  id 的 CSS
之前寫的style code 是


#comments-block {
background:#000000;
border-top: 1px solid #373736;
border-bottom: 1px solid #373736;
font-size:11px;
}


為了改成我想要順眼的樣子，將中間兩段拿掉


#comments-block {
background:#000000;
font-size:11px;
}


之後再把原先段行的部分，向上對齊後再修改 CSS ，改大字體，左右對齊後拿掉分隔線


#comments h4 {
margin:0;
padding:0;
padding-top:20px;
padding-bottom:10px;
font-size:20px;
color:#ffffff;
/*border-bottom: 2px solid #ffc029;*/
}


最後再修改一段 class 名為 comment-footer，拿掉我也用不到的 "建立連結" 按鈕


<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'>
<data:post.createLinkLabel/>
</a>
</p>


最後也拿掉id 名為backlinks-container 整段的div


 <!--<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>--> 



最後可得到 乾淨順眼的留言區

 

點擊張貼留言後，會彈跳一個留言視窗，包含舊式留言群組和綁定G+帳號

的留言板

後記

終於把這困擾許久的問題解決.....凌晨四點....該趴了....orz

每個人的版型和ID可能都會不盡相同，所以解決方式可能都不一定相同

可以搭配  chrome 或者 FireFox 中 F12 的開發者模式，慢慢找尋id嘗試修改

十之八九都可以解決問題