讓你的文章更容易閱讀,簡易痞客邦CSS語法! @ 靜茉帕然 | 痞客邦繼續閱讀
◎公告分行管理後台→部落格管理→側邊欄位設定→內容欄→公告區塊→公告版位→設定→公告版位內容處欲分行的地方加上
→送出→按預覽→確定無誤後儲存設定 ※以下調整都需進入部落格後台的「樣式管理」中「自定樣式」,點選「CSS原始碼編輯」,從此修改語法。 ◎文章內文行距調整Article-body後找到:(找不到的人可以按ctrl+F,搜尋關鍵字).article-content{font-size:12pt;line-height:180%;letter-spacing:1.8px;margin:5px0px;padding:0px0px0px0px; 紅色的地方是調整過的,就是本部落格的效果。這邊的font-size即是改變文字大小,li...
◎公告分行
管理後台→部落格管理→側邊欄位設定→內容欄→公告區塊→公告版位→設定
→公告版位內容處欲分行的地方加上<br/>→送出
→按預覽→確定無誤後儲存設定
※以下調整都需進入部落格後台的「樣式管理」中「自定樣式」,點選「CSS 原始碼編輯」,從此修改語法。
◎文章內文行距調整
Article-body後找到:(找不到的人可以按ctrl+F,搜尋關鍵字)
.article-content{font-size:12pt;line-height: 180% ;
letter-spacing:1.8px;
margin : 5px 0px ;padding: 0px 0px 0px 0px;
紅色的地方是調整過的,就是本部落格的效果。這邊的font-size即是改變文字大小,line-height就是改變行距。建議font-size設定至少10pt以上,line-height設定至少160%以上,會比較方便閱讀。
除此之外,行距調整以單位em而言,即為word的一般行距,也就是說,1.5em即為word的1.5倍行高,以此類推。(注意:單位不同,要一併修改)
◎文章標題大小調整
Article→title後找到:(找不到的人可以按ctrl+F,搜尋關鍵字)
.title a{
color: #963;
font-weight: bold;
font-size:12pt;
text-shadow:1px 1px 0 #fff;}
這個可以慢慢試,按預覽就可以看了,直到調整到你喜歡的標題大小後,再按儲存設定即可。
◎關閉「你可能會有興趣的文章」
在CSS 原始碼編輯最下方加上語法:
.recommended-posts3 {display:none;}
◎去除文章下方的廣告
...取得本站獨家住宿推薦 15%OFF 訂房優惠
[部落格] Blogger 繼續閱讀(read more)
『繼續閱讀』是blogger一個很方便的功能,使用繼續閱讀標籤可以讓文章在首頁時顯示標籤前面的主要部份,將標籤後的文章省略,讓讀者快速閱讀 ...