请先到部落格管理中心丨部落格设置，选择自己喜欢的模板。
此以网络城邦置左的模板"清境大地"为例。

1. 先到部落格管理中心丨部落格设置，选用此主题后，如图标点按选用各种主题选用"清境大地"这组模板，然后按下确定。

2. 点按《读取选用主题》，您会看到图片像下图一样，文字框（红色虚线框）的地方变成蓝色。

3. 此时请点按《复制样式属性》，即可把文字框内这组模板的CSS样式复制起来。

4. 请点按《编辑自定样式》，然后鼠标移到文字框中，全部选定属性后，再按下Ctrl+V，把刚刚我们复制的CSS属性贴到文字框里面。

5. 好了吗？最后一步了。请找到个人相簿这一段的CSS语法（到访客簿前唷！），要让模板置中，要在文字框里把原本个人相簿的CSS语法，更换为这一套会让模板会乖乖置中的CSS语法。语法如下：

/* --------------【个人相簿】------------- */
/* 相簿样式 */
.photo_album {
 width: 140px; /* 宽度 */
 height: 140px; /* 高度 */
 text-align: center;  /* 相片水平居中 */
 vertical-align: middle;  /* 相片竖排居中 */
 background: url(http://g.udn.com/community/img/user_all/photo_album.gif) no-repeat; /* 墙纸 */
}
#photo_album_list {
 list-style: none; /* 条行式样式：无 */
 margin: 0px; /* 边距的间距 */
 padding: 0px; /* 内距 */
}
#photo_album_list li {
 margin: auto;
 padding: 5px 20px; /* 相框间距 */
 display: inline; /* 横式排行 */
 float: left; /* 靠左浮动定位 */
 width: 140px; /* 给标题折行用，须与相簿框一样宽 */
 height: 280px; /* 调适标题高度 */
 table-layout:fixed; /* 强制自动换行 */
 word-wrap:break-word; /* 强制自动换行 */
 word-break:keep-all; /* 强制自动换行 */
}
/* 相片样式 */
.photo_picture {
 width: 140px; /* 宽度 */
 height: 144px; /* 高度 */
 text-align: center; /* 相片水平居中 */
 vertical-align: middle; /* 相片竖排居中 */
 background: url(http://g.udn.com/community/img/user_all/photo_picture.gif) no-repeat; /* 墙纸 */
}
#photo_picture_list {
 list-style: none; /* 条行式样式：无 */
 margin: 0px; /* 边距的间距 */
 padding: 0px; /* 内距 */
}
#photo_picture_list li {
 margin: auto; /* 边距的间距 */
 padding: 5px 3px; /* 相框间距 */
 display: inline; /* 横式排行 */
 float: left; /* 靠左浮动定位 */
 width: 140px; /* 给标题折行用，须与相片框一样宽 */
 height: 240px; /* 调适标题高度 */
 table-layout:fixed; /* 强制自动换行 */
 word-wrap:break-word; /* 强制自动换行 */
 word-break:keep-all; /* 强制自动换行 */
}

/* --------------【访客簿】------------- */

贴完后按下确定即可。

相片和相框就会乖乖排好了！