※ 引述《windcanblow (戏谑人生)》之铭言： : 与其说是心得不如说是腥得。 : 在搜寻板上已有的相关文章後，发现自己登入blogger， : 已经是在功能相对方便的现在，像是有图片上传这种功能.. : 虽然看板上有推文说这个功能烂到爆，但我必须要说 : 就新手来讲这个相当方便 : 因为它们自动帮忙调整大小，位置的摆设，似乎连边框语法 : 都写进去了，外面再加个免费的超连结。 : 总之，看了四天，在板友热情的指导下终於稍微看懂blogg : 内建的贴图语法.. : 例： : <a href="http://123.jpg"> : <img style="margin: 0px auto 10px; display: block; : text-align: center; cursor: pointer; : width: 376px; height: 490px;" : src="http://123.jpg" alt="" border="0" /> : </a> : 目前腥得： : 1.blogger其实可以一次上传很多图片，只要在上方的[新增其他图片]点下去， : 就会一直跑出新的浏览框，而且新手可以逃避现实地不去理会这些从电脑上 : 传的照片都被blogger存到哪里去XD。(就是不用开存图区的网页去剪语法过来) : 2.它直接帮新手调整大小跟位置，不喜欢到时再砍掉或修改数值即可。 : 在板上大师们的教导下，我了解到了砍掉display: block，照片就可以在 : 同一列叠成一排，不会自成一列 (同时要记得CSS范本里有没有偷偷写下同 : 样的设定，有的话一样砍掉) : 接着是图片长宽的设定，反正我只要记得自己文章最宽就是570px，图片 : 宽只要叠超过这个值就会爆掉，因此不管有几张照片，宽度只要下修到 : 总和不超过这个值就可以漂亮地并列在同一排上。(真是傻瓜到了极点) : 3.所有的图片一开始通通丢在最上面，可以快乐地慢慢把语法剪贴到自己想要 : 的位置(这根本不是便利好吗XD) : 4.<a href= </a> 这就是超连结的语法，翻山越领终於在推文中发现这个秘密。 : 难怪看板友在讨论贴图时，为什麽连结语法总是很简单的src=，然後我就是一长 : 串只有Neo 才看得懂的符号。 : 总结：对blogger新手来说，内建图片上传功能其实很堪用了。 : (虽然我也知道熟了以後，它是非常碍手碍脚的东西) : 以下才是偷渡的正题(被殴) : 不过我还是有不懂的地方 w兄跟我用的是同一个基本范本阿 难怪配色一样 : 1. img style="margin: 0px auto 10px 这段是什麽意思呢？ style是设置他的css属性 css网路上资料很多 margin是说这个HTML元素跟其他元素的外间距 这里有篇文章还蛮清楚的 http://pinkyvivi.pixnet.net/blog/post/1131260 然後CSS教学推荐这个网站 http://css.1keydata.com/tw/ : 2. alt="" border="0" 也不太明白(border好像是边框的意思?) border是边框 alt则是滑鼠移到图片上时的提示文字 : 3.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" : href= : 不知动了什麽地方，图片上传後就多了这一串不知是什麽意思的语法 这是他的超连结语法 这段是google预设点了图片後，会让你移到上传原始图片位置 神奇的是 这还不是他图片位置的原始连结，这个是我一直觉得他不方便得地方 上传图片後他连结原始长相应该是长下面这样 <a onblur='' href="A"><img src="B" width="" height="" alt="" /></a> 每次上传图片他都会产生一个size调整过的图片B 部落格上显示的都是这个图片B，你直接看B的图都是比较小的 而想看你上传的真正图片则必须移到连结A 然而移到连结A後，你看HTML原始码 会在看到一段 <img src="C" alt="" border=0> 而这个C 才是你上传图片真正的位置 每次要找上传图片的URL都有够麻烦，希望以後google会改善这点 : 4.图片语法这麽庞大，上次板友建议的表格就不知该如何学着用.. 我想到单纯点的作法，直接抓出上面说的上传图片真正URL後 自己从新包装 这样或许会单纯点 以上面例子为例 <img src="C" width="" height="" /> : 5.还是没有学会图片置中後，图片下方多一行注解究竟该怎麽加上去，每次注解 : 都会自动切齐左边，按space键无法让它多往右边移一点。 这点不太了解你的意思 提出一点自己的看法 或许你是想图片用置中上传後 可以弄一些文字在图片下面一起置中 这样的话你可以用一个div把你上传後的code包住 并且把置中那段code移给他 <div style="margin: 0px auto 10px; display: block; text-align: center;"> 你的图片code 你的图片文字 </div> 一点拙见 有错请指正 : 不管怎样，在大家的帮助下，短短几天在下的blog就已经改善很多了.. : http://concerningbradleycooper.blogspot.com/2009/08/bradley-cooper_11.html : 回避一些不会处理的问题，网志还是可以生得出来(驼鸟心态) : 感谢各位QQ，尤其是snott大大还花时间丢水球教我。 --

※ 发信站: 批踢踢实业坊(ptt.cc) ◆ From: 59.116.160.88 ※ 编辑: del680202 来自: 59.116.160.88 (08/12 09:42) 试了一下 还真的 又学到了一样东西 不过s後面的数字好像不一定 我的是s320 http://XXXX.xxx.xxx/xxxx/s320/x.jpg 的确改成 http://XXXX.xxx.xxx/xxxx/x.jpg 就是正确图片位置 ※ 编辑: del680202 来自: 140.117.42.100 (08/12 14:28)