在 Blogger 後台 → 新增小工具 →  HTML/JavaScript
加入下方 CSS


<style type='text/css'>
body {             /*全版背景圖案*/
background-image:url("https://lh3.googleusercontent.com/-eNDfdkO5YEA/U6tz9ceyZqI/AAAAAAAABXM/lmWdVlZ3HkM/w100-h71-no/1030178739_t.jpg");
background-repeat: repeat;}

body {min-width: 100%; /*全版寬度*/}

.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: 700px; /*文章寬度最小*/
max-width: 2500px;/*文章寬度最大*/
width:100%;       /*文章寬度*/}

.main-inner .column-left-outer {
width: 300px;         /*左邊欄位寬度*/
margin-left: -300px;  /*跟左邊欄位寬度*/}

.post {                 /*文章背景*/
border-radius: 50px;    /*文章背景圓角*/
background-color: rgba(238, 238, 238, 0.3);
border:5px solid peru;  /*文章背景邊界*/}


#navbar{display:none;  /*隱藏頂部Blogger 導覽列 */ }

#blog-pager{display:block;  /*呈現 新舊 文章選擇 */}

.feed-links{display:none;  /*隱藏底部訂閱:文章(Atom)*/}

.status-msg-wrap{display:none; /*隱藏 標籤 最新文章*/}

.Attribution {display:none;  /*最底下範本版權說明*/}

h1 {font-size:8px;
    font-weight:bold;
    text-align:left;
    color:gray;}

h3 {font-size:20px;
    font-weight:bold;
    text-align:center;
    color:blue;}

h4 {font-size:20px;
    font-weight:bold;
    text-align:left;
    color:black;}
</style>

全站熱搜

c8cc168 發表在 痞客邦 留言(0) 人氣()