每次Blogger 上傳多一點圖片就得要每個圖另外設定小、中、大、原始大小等等,真的很煩人,現在這個小技巧可以讓你不必再麻煩了。
Step.1.首先先點範本,之後自訂
Step.1.首先先點範本,之後自訂
Step 2.然後再進階的地方,進入新增CSS
之後在新增自訂CSS的空白處複製貼上以下的程式碼:
##more## 在|Between
##more## 在|Between
.post-body {
}
和|and
.post-header {
}
之間加上|insert the code below
.post-body img{
max-width: 100%;
width: auto;
height: auto;
float:center}
結果|result looks like
.post-body {
line-height: 1.4;
font-size: 110%;
position: relative;
}
.post-body img{
max-width: 100%;
width: auto;
height: auto;
float:center
}
.post-header {
display:none;
}
之後PO圖之後就不必再管大小,直接送出
即可依照原始的圖片大小,亦不超過原始的版面設計下放大縮小
另Css设置img属性让图片水平居中,居左,居右
/* Alignment */
.alignleft { display: inline; float: left;}
.alignright { display: inline; float: right;}
.aligncenter { clear: both; display: block; margin:auto;}
豆丁主义:一次過設定Blogspot圖片大小
錢得勒 Chandler's:讓blogger圖片自動放大縮小
小谈博客:Css设置img属性让图片水平居中,居左,居右