傻瓜流圖片貼法 - 部落格

Enid avatar
By Enid
at 2009-08-12T09:19

Table of Contents

※ 引述《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大大還花時間丟水球教我。

--

All Comments

Ivy avatar
By Ivy
at 2009-08-13T04:27
上傳圖片後得到的網址將s400刪掉就是原始位置
Sierra Rose avatar
By Sierra Rose
at 2009-08-17T14:14
我昨晚點進你的blog就笑了XD..
關於div的用法snott板友跟你講的一樣
Iris avatar
By Iris
at 2009-08-19T10:40
看來純粹是我還沒找到訣竅..(抱頭)

我的板面變的怪怪的

Rebecca avatar
By Rebecca
at 2009-08-12T08:37
大家好 就是我最近用ScribeFire來弄網誌 (ScribeFire說明http://tinyurl.com/2yldgy ) 看似比較方便沒錯 但問題發覺了 就在我用他不久後 我的blogger極面變的很奇怪 少了很多東西 看起來超難看的 http://jeffkoko.blogspot. ...

傻瓜流圖片貼法

Emily avatar
By Emily
at 2009-08-12T00:27
與其說是心得不如說是腥得。 在搜尋板上已有的相關文章後,發現自己登入blogger, 已經是在功能相對方便的現在,像是有圖片上傳這種功能.. 雖然看板上有推文說這個功能爛到爆,但我必須要說 就新手來講這個相當方便 因為它們自動幫忙調整大小,位置的擺設,似乎連邊框語法 都寫進去了,外面再加個免費的超連結。 ...

拍賣

Iris avatar
By Iris
at 2009-08-11T23:47
想請問有用blog 來po所賣商品的朋友們 我想來賣一點關於香水類的東西 商品大致上不會超過十種 而且 種類只限一種 痞客 無名 天空 樂多 blogger 五個是我較熟知的 能不能問問你們是用哪一種的呢? 偏向想用blogger 可是我只用過 無名和天空 blogger ...

天空的後台現在是不是很不穩?

Regina avatar
By Regina
at 2009-08-11T20:51
從一登入開始,動不動就出現and#34;無法顯示網頁and#34; 每回都要重整很多次才能正常顯示  請問大家的天空後台是正常的嗎? - ...

會有中文版的購物車嗎?

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