傻瓜流圖片貼法 - 部落格

Emily avatar
By Emily
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大大還花時間丟水球教我。

--

All Comments

Elvira avatar
By Elvira
at 2009-08-14T16:32
所以說blogger是令人成長的blog....orz 2,為圖片加框

會有中文版的購物車嗎?

Eden avatar
By Eden
at 2009-08-11T17:53
最近申請了FC2,但因為考慮到要給別人看,所以是用中文版的, 但是想請問像是日版才有的「購物車」功能, http://cart.fc2.com/ 也會推出中文版的嗎? 如果沒有的話,因為近期想要使用, 是不是可以找會寫網頁的人,將介面上的日文改成中文來使用呢? 因為這方面不是很懂... 先謝謝回答 ...

請問新加好友是否看的到舊的噗?

Adele avatar
By Adele
at 2009-08-11T16:52
之前有被不熟的同事追蹤 所以最近都是用私密plurk 我是設and#34;只限我的朋友and#34; 而不是特定人的名字 今天收到她要求加入朋友的通知 請問我如果接受了 新朋友看的到之前的噗嗎?? 怕被她發現我改用私密plurk 會覺得不好意思~ thanks~! - ...

[分享]分類文章滑動式列表

Agnes avatar
By Agnes
at 2009-08-11T15:32
小弟本版第一次發文 多指教 之前用部落格都只是塞文章填版面 都沒有去針對功能跟外觀設計過 真的變成純日記 直到昨天心血來潮開始研究怎麼去裝飾自己的部落格 http://hatsukiakio.blogspot.com/ 小弟第一個作品,自製的分類文章滑動式列表 點選[學習手札]的箭頭就可以把文章列 ...

欄位問題一問

Jacky avatar
By Jacky
at 2009-08-11T13:15
http://blog.yam.com/carolsmemory 舉個例好了 這個部落格的右邊 有一欄是 (輯‧Photo album) 欄位裡的圖 點擊之後可以開啟連結 或是另開視窗 不知道這個怎麼用? 語法怎麼設定? 研究了一下不得其法 感謝大家的指點 先謝謝大家了^^ -- ...

插入圖片在一般螢幕會被截掉

Zenobia avatar
By Zenobia
at 2009-08-11T12:07
http://caramisu.blogspot.com/ 如連結,圖片在自己螢幕上看是正常的, 因為我的是22吋的寬螢幕。 可是到了另一台17吋的螢幕時, 圖片的右邊都會被截掉一塊, 不曉得要怎麼改才不會有這問題。 之前有想過把圖片小就好了, 我的圖本來最長邊是800,變成600後就沒問題 ...