| Min 的个人资料Easy Start To The Day日志列表网络 | 帮助 |
在日志中添加自己的图片如何在日志中添加自己的图片
How to add your local photo to MSN Spaces Blog entries. 入门级 -- Step By Step Absolutely
本地的图片是不可以在日志中正常显示得, 换句话说只能自己在本地计算机看到 而其他计算机无法看到...
因此我们需要一个外部图片上传空间或者直接使用MSN Spaces的相册... 相关教程及问题参见CastPost, FileLodge. MSN Spaces相册的缺点是图片地址过于冗长, 尤其不适合在HTML模块中使用,后面的站点则无此问题.
步骤:
1. 登陆 http://spaces.msn.com/
2. 相册->创建相册->添加照片->上传自己的照片 3. 预览该图片, 右键选择属性获得图片在MSN Storage中的地址, 如http://storage.msn.com/x1pAdjo0uCo2H0wMg2RzoVqYVubM5GRk1-GfqfTft29YzEdiHESKdWzGSN15l1QW6SXMcgp9UmvyZIA3pVd6kRyKQaU-ydKna93RJm27HUxUJkq6538nhE_PeNagkWNaocQcIYx-XGosvqOYgrZllv1wqQJiHM_P_cA 4. 日志->添加日志->输入标题->点击<HTML>按钮
5. 输入 <img src="http://storage.msn.com/x1pAdjo0uCo2H0wMg2RzoVqYVubM5GRk1-GfqfTft29YzEdiHESKdWzGSN15l1QW6SXMcgp9UmvyZIA3pVd6kRyKQaU-ydKna93RJm27HUxUJkq6538nhE_PeNagkWNaocQcIYx-XGosvqOYgrZllv1wqQJiHM_P_cA" width=368px height=255px border=0 alt="这是偶得照片啊">
其中: Width/Height的数值请自行调节只适合自己日志排版大小 Border=0的目的是防止做图片链接时出现蓝色的边框 alt=为ToolTip
6. 发布日志 更多:
居中图片个人的习惯是
<div align=center><img src="图片地址" width=368px height=255px border=0 alt="这是偶得照片啊"></div> 给图片加超级链接: <div align=center><a href="链接地址" target=_blank><img src="图片地址" width=368px height=255px border=0 alt="这是偶得照片啊"></a></div> 其中target=_blank为在新窗口中打开链接 可以删除 事实上我们可以不点击<HTML>按钮直接把图片粘贴进RTE中, 但是其他参数不易控制, 不推荐.
请注意, 我希望大家复制的图片地址是相册页面浏览时的大图片地址而不是小视图下的小图片缩略图地址, 否则放大了会不清晰, 因为你们弄错真正的地址了 呵呵
我不希望再有人使用网易163的相册, 那里的东西在MSN Spaces中是不能正常显示的! 因为163需要登陆, 但是别人是没有办法登陆163看你的照片的! 所以肯定会显示XXXXXXXXXXXXXXXXXXXXXXXXX!
[Steps]:
1. Sign in http://spaces.msn.com/
2. Click Photo Tab
3. Click "Create album" link and then Click Add Photos link to upload a photo
4. Click "Save and Close" button
5. Mouse over the uploaded photo, right click and select Property to get the photo url like http://storage.msn.com/x1pAdjo0uCo2H0wMg2RzoVqYVubM5GRk1-GfqfTft29YzEdiHESKdWzGSN15l1QW6SXMcgp9UmvyZIA3pVd6kRyKQaU-ydKna93RJm27HUxUJkq6538nhE_PeNagkWNaocQcIYx-XGosvqOYgrZllv1wqQJiHM_P_cA
7. Click Blog Tab and then click "Add entry" link
9. Type some text in Title
10. Click "<HTML>" button
11. Input HTML codes below:
12. Click "Publish Entry" button
____
评论 (548)
引用通告 (9)此日志的引用通告 URL 是: http://gb2312.spaces.live.com/blog/cns!3CDBA96A871601F6!5380.trak 引用此项的网络日志
|
|
|