目前分類:Blogger 技巧 (6)

瀏覽方式: 標題列表 簡短摘要
相信使用 Blogger 的部落客們應該都有這樣的經驗,就是在「修改版面配置」時,有時候會修改過 html/css 而導致「版面配置」的物件顯示超出範圍、或是對齊上有些異常;雖然只要 html/css 本身調整是正確的,就不會影響實在網頁呈現的效果,但在「版面配置」的畫面就是美中不足。

其實這個問題,我發現是 Blogger 本身的定義所造成的,因為 blogger 將「版面配置」的寬度訂在 760px,所以我們看到它所提供的範本都是寬度都是設為 760px,而一定寬度超出,就會造成「版面配置」顯示會有怪怪的樣子產生。以筆者而言,不喜歡寬度只有 760px 的版面,而不想因為放大寬度而導致在「版面配置」設定畫面中顯示的不完美。所以筆者是採用「比例」的方式來調整 html/css 中的設定。

ezpost 發表在 痞客邦 PIXNET 留言(0) 人氣()

在 Blogger 的文章內容中,我們要將某一段文字特別標示出來,通常最常用的就是「改變字體、顏色、底色」;或是像先前文章「與眾不同的程式碼區塊、與眾不同的程式碼區塊(補充)」中定義新的「標籤(tag)」;除此之外,我們還可以在編修文章時,利用 來做到相同的效果。

<table style="border-collapse: collapse;" bgcolor="#efefef" border="1" bordercolor="#cccccc" cellpadding="5" cellspacing="0"><tbody><tr><td>
區塊文字內容</td></tr></tbody></table>

ezpost 發表在 痞客邦 PIXNET 留言(0) 人氣()

在之前一篇「與眾不同的程式碼區塊」提到經常在一些 Blogger 看到教學內容「程式碼」的特別區塊是如何做到的;它的原理就是定義一個全域的「標籤(tag)」來使用,所以我們可以發現 <code> </code> 並不只是在文章裡可以用,就連「側邊欄(Side)」也可以使用喔。

如果我們確認只要在文章內使用時,只要將 code{} 改成 .post code{} 就可以了。

ezpost 發表在 痞客邦 PIXNET 留言(0) 人氣()

改掉 Blogger Archive 在 IE 顯示時的超大三角形
在 Blogger 內建的 archive 在 ie 下會顯示成超大的三角形,非常不美觀,而筆者原先花了一點時間都找不到調整方法而作罷;但這幾天,無意間卻讓我看到兩篇文章可以解決這個問題,真是了結了我一樁心事,雖說筆者自己是使用 Firefox,但有時在 ie 看到那極不協調的大三角,就覺得十份礙眼。

ezpost 發表在 痞客邦 PIXNET 留言(0) 人氣()

使用 Blogger 的網友應該都知道什麼是 blogger navbar,雖然可用來搜尋其他 blog,不過老實說沒有什麼用處,所以有不少 blogger 的網友都會將它加以處理。其實只要花幾秒鐘,加兩三行程式碼上去,就可以把那導覽列隱藏起來了。

1.完全隱藏

ezpost 發表在 痞客邦 PIXNET 留言(0) 人氣()

經常在一些 Blogger 看到教學內容「程式碼」的區段,都是包在一個特別區塊中,可以清楚的分辦本文及程式碼;但這要怎麼做呢?其實真的很簡單,只要在 <head> </head> 之間的 CSS 區塊,如 <b:skin><![CDATA[ 的後面,加入下列程式碼即可。
其中紅字部分,可以修改為自己所想用使用的圖檔網址哦!

ezpost 發表在 痞客邦 PIXNET 留言(0) 人氣()