傻瓜流圖片貼法 - 部落格

By Emily
at 2009-08-12T00:27
at 2009-08-12T00:27
Table of Contents
與其說是心得不如說是腥得。
在搜尋板上已有的相關文章後,發現自己登入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新手來說,內建圖片上傳功能其實很堪用了。
(雖然我也知道熟了以後,它是非常礙手礙腳的東西)
以下才是偷渡的正題(被毆)
不過我還是有不懂的地方
1. img style="margin: 0px auto 10px 這段是什麼意思呢?
2. alt="" border="0" 也不太明白(border好像是邊框的意思?)
3.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"
href=
不知動了什麼地方,圖片上傳後就多了這一串不知是什麼意思的語法
4.圖片語法這麼龐大,上次板友建議的表格就不知該如何學著用..
5.還是沒有學會圖片置中後,圖片下方多一行註解究竟該怎麼加上去,每次註解
都會自動切齊左邊,按space鍵無法讓它多往右邊移一點。
不管怎樣,在大家的幫助下,短短幾天在下的blog就已經改善很多了..
http://concerningbradleycooper.blogspot.com/2009/08/bradley-cooper_11.html
迴避一些不會處理的問題,網誌還是可以生得出來(駝鳥心態)
感謝各位QQ,尤其是snott大大還花時間丟水球教我。
--
Tags:
部落格
All Comments

By Elvira
at 2009-08-14T16:32
at 2009-08-14T16:32
Related Posts
會有中文版的購物車嗎?

By Eden
at 2009-08-11T17:53
at 2009-08-11T17:53
請問新加好友是否看的到舊的噗?

By Adele
at 2009-08-11T16:52
at 2009-08-11T16:52
[分享]分類文章滑動式列表

By Agnes
at 2009-08-11T15:32
at 2009-08-11T15:32
欄位問題一問

By Jacky
at 2009-08-11T13:15
at 2009-08-11T13:15
插入圖片在一般螢幕會被截掉

By Zenobia
at 2009-08-11T12:07
at 2009-08-11T12:07