Pages

bloger 加入圖片的幾個問題

之前寫google bloger加入圖片就常遇到幾個問題
這會兒終於找到一個還算不錯的解決方法


第一個問題:加入圖片
每每加入圖片的時候,程式碼總是會出現在第一行
而且一定會附帶惱人的超連結(我真不知道要這連結幹麻...)
像我寫一些教學文章總是會用到大量的圖片
寫到後來就想說算了,這些超連結也不刪了...


第二個問題:picasa相簿
其實google設計的算很不錯了
他把bloger和picasa綁在一起
當你加入圖片就自動幫你分類到一個隱藏相簿
但是像我現在那個相簿已經充斥著好幾百張的圖片
說實在當我傳錯了一張圖還真的無從改起
(再加上他加入圖片又附帶了一狗票的程式碼語法)
此外,picasa相簿的保護功能做的實在不錯
隱藏相簿的圖片是無法從外部直接讀取的
我曾經試著將其圖片網址用到留言版中
結果顯示"X"(叉叉啦...)
看到的時候心中還真是跟我的名字一樣oxxo...

後來我終於受不了的去稍微研究了一下picasa相簿
我發現他右邊選單有提供一個還不錯的選項
叫做
"連結到此相片"
點選之後就會出現圖片縮圖的程式碼



<a href="http://picasaweb.google.com/oxxo.studio/Blogger/photo?authkey=zoYCurcEzZg#5146289222556226706"><img src="http://lh6.google.com/oxxo.studio/R2tKyB3ilJI/AAAAAAAABpI/azJYzYqXrGM/s144/test.jpg" /></a>


沒錯就是這麼大一串程式碼
然後就把連結的部分刪掉就會變成可以用的縮圖了


<img src="http://lh6.google.com/oxxo.studio/R2tKyB3ilJI/AAAAAAAABpI/azJYzYqXrGM/
s144/test.jpg" />

黃色的部分是縮圖的尺寸
個人建議盡可能不要超過400px,不論長寬
因為這樣除了會破壞版面還會讓瀏覽者閱讀起來不方便
(我喜歡美美的blog版面還有使用者的閱讀方便)
但是到底數值是否可以不是picasa所提供的那幾種呢?
這我就沒有去測試了,有興趣的就自己研究研究唄...


最後,強烈的建議不要直接在picasa相簿的圖片上按右鍵
用右鍵的選項來看圖片的網址,因為這會讓你縮圖失敗喔!
由以上所述,既然知道了縮圖的程式碼
就可以新增自己想要的隱藏相簿做分類
並且可以貼上沒有超連結的圖片囉
(但是這樣加入float的語法似乎就變成比較麻煩了...哈哈...)


oxxo

Phasellus facilisis convallis metus, ut imperdiet augue auctor nec. Duis at velit id augue lobortis porta. Sed varius, enim accumsan aliquam tincidunt, tortor urna vulputate quam, eget finibus urna est in augue.

沒有留言:

張貼留言