Flickr的巨大空间实在是给我们这些喜爱随处瞎拍的人，一个最佳的丢图空间，又可以直接从flickr贴图文到Blogger真是迷人！不过或许你也跟我一样，不喜欢flickr制式的贴图规格，那么你可以跟着我这么做，就能拥有自己的图框与宣告文字，弄出属于自己样式的贴图模式喔！！
A.修改Blogger部份：

1. 登入你的Blogger，进入控制主页 > 版面配置 > 修改Html
2. 修改原始Blogger的贴图规则，找到如下内容
（内容会因板型有所差异，但.post img多为相同）

.post img {
margin:0 0 5px 0;
padding:4px;
border:1px solid #bbbbbb;
}

3.用以下规则整个取代

.post img {
margin:0;
padding:0;
border:1px solid #d4d5d5;
vertical-align:text-bottom;
}
CSS说明：
margin:0; 间隙归零
padding:0; 间隙归零
border:1px solid #d4d5d5; 设定图框颜色，或删除此行取消框线
vertical-align:text-bottom; 调整图的对齐模式

4. 因为我们要建立自己的贴图规则，所以必须再自行添加CSS规范，找到<b:skin>或</b:skin>，在其间加入如下CSS规范

.image-frame {
width:410px;
background:#f2f2f1;
padding:4px;
border:1px solid #eaeaea;
}
.image-txt {
width:100%;
font-size:9px;
text-align:right;
}
CSS说明：
这里有两个控制项目，分别是：
image-frame 图片框架
width:410px; 设定图框宽度
background:#f2f2f1; 设定图边#xxxxxx背景色
padding:4px; 设定外扩宽度间隙
border:1px solid #eaeaea; 设定框线颜色，或删除此行取消框线
（以上设定实际宽度为420px，如下图总和）

image-txt 宣告文规则
width:100%; 文字总宽直接用100%设定即可
font-size:9px; 设定文字大小
text-align:right; 设定文字居右，可自行改居左或中

5.接着储存设定即可！

B.修改Flickr部份：

1. 登入你的flickr帐号，点选上方Menu的You下拉，选取Your account进入
2. 再找到下方左侧，点选Your blogs进入
3. 出现你原本设定过的Blog位置（请先与你Blog连结好，在此不再赘述）
4. 直接点选 Layout 进入
5. 在所有template中我们点选做左边最大的那一个进入
6. 进入后网页下拉，改成点选 CUSTOMIZE 进入
7. 映入眼帘的就是内定的设定值，用以下语法整个取代

<div class='image-frame'><a href='{photo_url}' target='_blank'>
<img src='{photo_src}' width='408' alt='' /></a><br />
<div class='image-txt'>文字宣告内容</div></div><br />
{description}
说明：
width=’408′ 图的实宽也就是420px减完左右厚度值！
“文字宣告内容”可输入以下范例，可使阅览者点名字连回你的flickr：
2007 © Photo by <a href='{uploader_profile}' target='_blank'>输入你的名字</a>

8. 再按下方的 PREVIEW 预览键
9. 你会看到一只狗，你的宣告文（居左），一段示范文字

说明： 宣告文没居右、图没框是正常的，因CSS值设在Blog里，贴图后才管得到！

10. 按下SAVE THIS LAYOUT 即可

好了～快快在Flickr试着贴一篇图文到你的Blogger测试吧！！

这样的做法是设定好一次，往后就能无脑轻松的在flickr贴图文，然后顶多回来Blog稍稍修改文字的编排模式等等即可！！重点是哪天对照片图框颜色不满意了，随时进修改HTML改一下色彩，Blog所有文章内的图就乖乖的改好，算是很方便！如果你稍稍懂CSS规则，甚至也可以再包一层命令来放影子等等喔！（原文链接）

随机显示日志：
Fatal error: Call to undefined function: random_posts() in /home/lannyone/public_html/flickrcncom/wp-content/themes/indigo/single.php on line 32