favefavefave.com 是一个分享优美图片的网站。每天都会有许多漂亮的、可爱的、艺术的图片分享在上面。为了方便查看,我把她弄到了我的侧边栏里。
首先我们需要安装Image Feed Widget,在小工具中启用他。这个小工具共有6个选项:
- Title:
- 小工具的标题,比如“美图分享”
- RSS feeds (comma-separated):
- RSS地址,我们填上http://feed.favefavefave.com/
- Max number of images to display:
- 最多显示图片的数量,这里我填“9”
- Where to open the links:
- 在哪里打开链接?Same Window当前窗口或选择New Window在新窗口打开。
- Display title below images?
- 是否在图片下方显示标题?我选“否”~
- Use RSS enclosures? (leave yes if unsure)
- 我们选择默认的不去改动它。
这样我们就在侧边栏加上了美图分享小工具。这还没有结束,最后我们需要使用CSS美化下样式:
li.image_feed_widget li {
float: left;
margin: 1px;
padding: 2px;
width: 80px;
height: 60px;
border-right: #DDD 1px solid;
border-bottom: #DDD 1px solid;
background: #FFF;
}
li.image_feed_widget li:hover {
padding: 2px;
width: 80px;
border-color: #CCC;
background: #DDD;
}
.image_feed_widget img {
width: 100%;
}
至此,美图分享小工具就添加完毕了。还不错吧 😛