2008年12月29日 星期一

在部落格文章中~~自定個人化區塊 ^ ^ (完整版)

喔~~~呼~~~
比爾用這篇文章花了真多時間@@( 其實是偷懶了好長一段時間 )
近期因為工作上突然忙了些
所以常回到家就總想殺個一場*.* ( 比爾目前最多還是在玩"魔獸三國" , 有興趣的同好約一下GCC吧^ ^)
但是常常因為這樣就一個晚上去了超過一半咧~~~
而且結束之後總是又懶得動手了 , So.... It's taking so long long time ...Ha Ha Ha

但現在就且看比爾把它說的清楚一點 , 讓大家可以用得更明白囉^ ^

基本上精簡版那篇把整個設定的過程都講過去了 ,
Step 1 . 設定CSS
Step 2 . 在文章中用自訂html標籤包住所要區塊 , 這樣就完成囉

那麼這一篇 , 比爾就主要針對CSS設定的那個自訂部份 , 來對於可以運用的參數逐一做說明囉~~~
完整的範例如下 :
.billsays {
display: block; ---->1
font-family: Courier New;---->2
font-size: 8pt;---->3
overflow:auto;---->4
max-height:200px;---->5
border: 1px solid #ccc;---->6
padding: 8px 0px 0px 8px;---->7
line-height: 1.2em;---->8
background: #f0f0f0 url---->9(http://sites.google.com/site/bktbktbkt/Home/billsays/title.gif) left top repeat-x;
}

而正常的標準結果是:






那接下來比爾就依照這邊所標示的9個用到的設定參數逐一做說明囉^ ^

1. display: block; , 這個就是設定區塊所展現的方式 , 設定為獨立的區塊 , 就爬文所知 , 是可以防止部分瀏覽者的IE邊界設定所產生的bug , 可以避免展示出來怪怪的或跑掉囉.

2. font-family: , 這個是設定該區塊所要展現的文字字型 , 可以設定不只一種 , 瀏覽器依序去選擇可以展示的字型 , 例如如果我設定 "細明體","Times New Roman" , 則其中的中文字就會變成細明體 , 而至於英文字的部分應位沒法套細明體 , 就會變成 Time New Roman囉( 基本上字型的表示字串 , 都跟在WORD中看到的一樣囉) 說明參照

3. font-size: , 一看就知道啦@@ , 設定文字大小

4. overflow: , 設定當區塊內容超過區塊定義大小的時候 , 所要展現滾軸的方式 , 比爾設定的是auto ,也就是真的超過的話 , 自動補X 或 Y 軸的滾軸來呈現 ( 這個部份其實也要搭配區塊的大小限制來考量 , 超過了才考慮囉~~) 說明參照

5. max-height: , 這個設定就是區塊的最大高度囉 , 搭配overflow的設定 , 如果內容呈現要超過最大高度 , 就會出現 X軸的滾輪囉 ( 如下 ), 當然也可以設定max-width囉^ ^















6.border: , 設定區塊的邊界囉 , 比爾所用的是畫素1( 1px )的實線 ( solid ), 顏色為偏黑( #ccc )囉

7.padding: , 這個是設定內容與邊界的距離 , 依序為上 , 右 , 下 , 左 的順序 , 比爾給個誇張一點的範例 , 20px 40px 60px 80px ,就變成了下面這樣囉^ ^ 說明參照













8.line-height: 設定區塊內 , 文行的最大高度 , 當然也可以設定 pt , cm( 公分 ) , in( 英吋 )等單位 , 但是有看過人家的建議 , 採用em這個繼承的單位方式 , 可以避免掉很多顯示上混亂和調整上的麻煩囉^ ^ 說明參照

9. background: , 這個部份就是設定區塊的背景囉 , 也是比爾覺得最重要的部份 , 最能展現出自己自定區塊的方式 . 比爾前面的第一個參數 #f0f0f0 , 就表示區塊底色會是淡灰色 , 而另外後面接的 url (http://xxxxxx/) left top repeat-x;的部份 , 就是在區塊上展示一張圖片 , 靠左靠上放置 , 只在X軸的方向上重複 , 所以如果當比爾這邊所連結到的圖示不夠寬的話 , 就會重複囉...





而至於想要找個地方存放自己所想要存取的網頁相關資源 , 比爾之前有嘗試了Google"協作平台" , 還算不錯用囉 ~~~詳情可以看比爾Google Sites 協作平台~~~不錯的網頁資源存放選擇^ ^

基本上對於個人化區塊的部份 , 比爾就介紹這些比較常用的參數囉 ....
而其實很多部分比爾也是在看到類似的範例之後來改進成自己所想要的樣子 , 翻找網頁其實真的可以看到不少可用資源與說明等等 , 多家花點時間 , 網頁設計的生手要變成部落格布置的高手 , 其實真的不難唷^ ^


2008年12月28日 星期日

比爾的呆老婆生日快樂^ ^~~~生日禮大曝光

今天是比爾的老婆國曆生日咧^ ^
年輕人還是過國曆的比較實在 , 不少餐廳或相關的娛樂選擇都能夠有優惠的活動囉^ ^
今年阿呆老婆為比爾準備了一個相當別出心裁的生日禮物 , "2009年的個人化日誌本" 唷...
所以比爾當然也不能落後太多 , 用心來準備囉^ ^

又是感謝好友(Tercar)相助 , 協助比爾將不是相當擅長的繪圖美工進行補強 .
終於如所願的將想像中的客製化馬克杯給完成囉^ ^

比爾最初的構想 , 就主是想把過去到現在的合照拼湊在一起 , 但在經過自己的排列和嘗試後 ,
發現還真有點不是那麼好看@@ , (個人考量 , 畫面經過失真處理^ ^)














而且本來想將一個愛心的圖案做透明度的處理來讓它可以看到後面的圖 , 結果才發現比爾手邊唯一的"非常好色7"沒得搞@@(也許是自己不會用吧~~)










所以只好求救tercar的photoimpact@@
果然老手出招迅速搞定~~ 弄出了第一版的結果圖囉 ^ ^












其實這樣比爾已經頗滿意囉^ ^ , 但是特卡他老兄對於美工的感覺就是不一樣 , 建議多一點活潑的裝飾等 , 看起來應該會更棒 ....於是定稿就成了這一版咧 ^ ^ , 真是感謝他的大力支援^ ^ , 同時也趕上將稿件交給相片館( 柯X , 250感覺小貴 , 但是當做個禮物還算OK咧 )




最後就成了給阿呆老婆的生日禮物咧^ ^ ~~送給心愛的阿呆老婆~~~生日快樂唷^ ^

2008年12月25日 星期四

唷呼~~~再一個投稿,台壽徵稿上版囉^ ^

如題囉 , 比爾投稿 "感謝服務 , 感謝有您"徵文比賽 ,
拙作刊登上網囉~~~
其實單純只是剛好有個感謝的對象 , 也紓發自己對保險業務的另一個認知
大家有空的話就看一下囉^ ^

到時真的要網路投票還請幫忙咧^ ^
怪怪比爾台壽徵稿

2008年12月15日 星期一

喔~~~收到Google的PIN信函囉^ ^~酷

挖~~~今天一到家就看到家裡的客廳桌上有張顯眼的明信片之類的東西^ ^
看到就感覺很開心 ^ ^




它就是已經期盼很久 , 到有點忘了它的 Google AdSense 個人識別號碼 ( PIN )信件咧^ ^


看到右上角的航空標誌 , 有種莫名的興奮 ^ ^ , 外國來的信件耶 !!~~
外面封面封底全都只有英文跟數字
感覺就只有酷!








封底看到的就是他們的商標咧~~~
就這麼單純@@ , 但確實看了不由的開心 , 呵呵~~~感覺真是好運 , 聽說不少人都無法一次拿到耶~~~
但到了內頁 , 卻又很貼心的按照收件者的語言別提供資訊耶^ ^~~~還是繁體中文唷~~~漂亮!
GO GO GO , 專心寫部落格跟大家分享所得也稍稍爭取一點小所得囉^ ^


2008年12月13日 星期六

Google Sites 協作平台~~~不錯的網頁資源存放選擇^ ^

Google大神的網路上工具越來越多囉~~~
很多其實也都沒有仔細用過咧@@

本來因為想要在網路上放置自己網頁所需要用到的相關檔案 ( 如圖片等 ) , 所以就試了幾個工具 ,
主要也就試Picasa 和 Sites 囉~~~

Google宣稱在picasa放置圖片可以輕易連結@@ , 但是在真的鑲到網頁中看到的卻都是一些編碼過的連結文字 @@ , 整個看起來就很怪@@ , 要別人需要時取用 , 又感覺不是很好...

所以 , 經過了嘗試新的 Sites 就針對這個方面改善很多囉 ^ ^ , 而且看來可以放置的東西更廣囉^ ^ 有類似檔案庫的功能 , 這也就是比爾這篇文章主要要介紹的囉^ ^ , 請看囉~~~

首先 , 當然就是要申請啟用自己的協作平台囉^ ^ ,
一樣很簡單 , 只要您有Google的帳號就OK囉~~

Step1.找到Google的協作平台網頁 http://sites.google.com/
就可以看到如下圖囉~~~ 輸入自己所想要的平台名稱( 就是將來連結網址的一部分唷 )等等
就可以開始建構囉^ ^














Step2.進到畫面看到"我的協作平台"下面多了一個選項 , 就是之前自己定的囉 !
又多了個空間可以用 , 真酷^ ^
二話不說就來給它點進去囉 !










Step3.看到就是自己的首頁囉 ^ ^ , 那我們馬上來試著新增相關的新頁面 , 準備我們下一步的用途 ,點選 "建立新頁面"~~~







Step4.馬上進到建立新頁面的畫面 , 這次的範例比爾要示範的是存放圖檔然後連結 , 所以我們就來建立
"檔案庫"囉 , 同時也要將頁面名稱( 一樣關係到將來連結唷 ! )定好囉 , 點選"建立頁面"就可以囉 !














Step5.成功建立後 , 咱們再回到首頁就會看到剛剛所定的子網頁出現囉 ^ ^ , 太棒了 ! 馬上點進去準備來放東西囉^ ^












Step6.進來這個檔案庫類型的子網頁 , 畫面就會像下圖一樣 , 就是做檔案的檢閱和增刪等等囉 , 那我們就來點選 "新增檔案" ,準備來上傳東西囉 ^ ^...( 因為是協作平台 , Google很貼心的做了訂閱變更的功能 , 讓共同使用的人員都可以接收檔案庫的異動訊息囉 ^ ^)







Step7.馬上就可以開出準備檔案上傳的畫面 , 選個檔案或網址 , 加個自己所要的說明 , 馬上來進行"上載"咧



















Step8.成功完成的話 , 就可以在檔案庫內看到上傳的檔案囉 ^ ^ (比爾建議不要以中文字當檔名比較ok囉)







Step9.同時觀察一下我們這個子網頁的網址 , 只要在後面追加我們檔案的名稱 , 就可以直接透由瀏覽器檢視囉~~~當然也就代表 , 這個檔案已經可以正常連結囉 ^ ^
( EX: 比爾建立的協作平台名稱叫做 bktbktbkt , 而我的檔案庫子網頁叫做 billsays , 裡面要連結的檔案叫做 title.gif , 這樣我想要連到這個檔案的完整路徑就是 http://sites.google.com/site/bktbktbkt/Home/billsays/title.gif 就這麼簡單囉 ^ ^)






2008年12月10日 星期三

在部落格文章中~~自定個人化區塊 ^ ^ (精簡版)

這個主題大家看了 , 不知道能不能馬上知道比爾所說的東西咧 ?
再講仔細一點 , 就是在你自己的網頁範本中 , 自行定義一種html的類型
將來只需要將所想要呈現的區塊包在這個html類型之中...
呈現出來就都是你自行定義的style囉 ^ ^

OK~~~那廢話不多說 , 接下來就讓比爾說明囉^ ^

因應比爾好友的建議 , 所以比爾將來就會把這類的文章都分出兩篇
一篇 , 就是先將該功能簡單作法直接讓大家看了依步驟操作 ,
而另外的一篇 , 就會是詳盡的解說囉^ ^ , 希望能讓大家依需求來看看囉

那這邊比爾將各Step列在下面囉^ ^

首先
Step 1.我們要在CSS的定義部分加我們自己定義的類型
在"版面配置"->"修改html"->勾選"展開小裝置範本" ,
找到 ]]><[/b:skin>
在其前面加上我們完整定義的類型 , 例如我用billsays
程式碼範例如下 :
.billsays {display: block; font-family: Courier New;font-size: 8pt;overflow:auto;background: #f0f0f0 url(http://sites.google.com/site/bktbktbkt/Home/billsays/title.gif) left top repeat-x;border: 1px solid #ccc;padding: 8px 0px 0px 8px;max-height:200px;line-height: 1.2em;}
完成如下圖 :















Step 2. 就是將想要套用的區塊用我們自定的class包起來囉 , 也就是在文字塊的前後加上
<span class=”billsays”>
以及
</span>
完成如下圖:














Step3. 最後就來看看成果囉 , 就如下圖展示囉~~
這個範例就是比爾個人將來在文章結論的部份會用到的樣式囉^ ^















這次的東西比較簡單囉^ ^ , 就這樣三個步驟而已 , 當然各位可以自己調裡面的參數 ,
設定用到的背景圖 , 背景顏色 , 還有文字區塊放置的位移等等囉 ^ ^ , 那對詳細內容有興趣的各位 , 就期待比爾的下一篇詳細版囉^ ^

2008年12月7日 星期日

賀~~~投稿文章成功上版囉^ ^ UDN網友論壇

禮拜五的晚上 , 整個本來都不是相當開心@@
因為莫名奇妙的加班 , 又加上收到Google AdSense的警示信件 , 整個就是很XXX

但是還好 , 最終還是有值得感謝和感動的事情 ^ ^

That's ....


比爾在UDN的網友論壇(聯合理財網 / 理財會客室 / 交流天地 / 網友論壇)終於投稿成功囉^ ^
連動債 你真的看懂它了嗎?
投稿了有一週左右了吧@@ , 算算投去的文章應該也有4-5篇耶@@
每天都在期待信箱可以收到相關的詢問信件或回覆等 ...
整個非常期待 , 但期間也落空了好幾天 , 甚至感覺自己文章是否不夠用心@@
但還好最後在好友的提醒下看到它直接po上去囉^ ^
而且

相當意外的是突然閱讀人數暴衝耶~~一天就衝了1500 , 莫名的又給了比爾相當的動力^ ^

**************************************

會到UDN的版面投稿 , 都多虧了好友
Kiwi & Tercar提供的訊息囉^ ^ , 在比爾之前他們兩位先進都已成功po文咧

( Kiwi : 打造自己的投資理財藍圖(觀念篇), 打造自己的投資理財藍圖(實作篇))
(Tercar:
連動債,簡單講
)

而我們之所以想在這類的版面將自己的文章上版 , 主要的目的依舊維持初衷 , 期望將自己所學習到的理財相關知識分享給所有的讀者 , 也期望能得到教學相長的迴響...
於是更加希望能將自己的文章呈現在更多讀者能夠觸及到的站點等等 ...期望將自己的想法和心得與大家共享
特別是試著將自己的文章送給更正式的編輯單位等 , 也應當可以漸漸磨練自己的文章建構能力 , 試著將文章表達的更精確 , 所撰寫的內容更加的真材實料 , 具實質意義等...總之感覺可以讓自己更上一層樓囉^ ^

**************************
因為鎖定的目標在很遠的前方 , 畢竟它不是一蹴可幾 , 但為了要繼續前往朝向它的途徑 , 越來越發覺自己所應當要專注與加強的所在 ,
很多人喜歡說自己經歷的一切只是過程 , 但其實真正重要的 , 是自己是否明確的知道這路途將引領到的所在 , 那個目的地是否真正是你所想要的 , 所渴望的 .
比爾自己所期望的夢很大@@ , 也許就如

名作家九把刀(雖然他的作品我沒看完過ㄧ本@@)所說 :「說出來會被嘲笑的夢想,才有實踐的價值!」
確實值得深深自省 ^ ^




2008年12月5日 星期五

囧~收到Google AdSense無效點擊,部落客小小心聲

苦悶的周末加班 , 禮拜五的晚上還特地為了臨時交辦事項加班到七點
(更尷尬的是弄到一個段落要給主管看看 , 才發現全閃光了@@)

行動尚且不便 , 還好有個慰勞的加班便當錢 , 可以吃個平常不會吃的"白鬍子炸雞爺爺" ^ ^
但整個到家都已經八點半囉@@ ...

心想趕緊來看看有否收到投稿相關的訊息回複 , 想不到看到的第一封信 ...

Google小組的關注信函阿...*.* , 提醒我說發現我網站上的廣告有無效點擊的情形咧

*****************************

類似的情形之前在加Google AdSense爬文時 , 就稍有知悉 , 但收到的這一刻 , 才真正更讓自己去思考 , 究竟自己維持這個部落格的用意和心思 ...

最初決定採用部落格的方式分享自己學習理財的心得和所知 , 就是希望可以讓更多的人一同來了解投資理財的重要性 , 於是開始了po的日子 , 也順應部落格的佈置等 , 開始裝飾自己的版面 , 也加進了幾個廣告畫面

其實算算還不到一個月的時間 , 但似乎真正更感受到自己的目標感和專注的動力 ,

而且真正自己投入這其中去做 , 才發現要想講得明確 , 講得詳細 , 真的不是件容易的事 ,

因為不想自己變成只是為了順應時勢 , 講熱門話題 , 但卻落得多為嘴砲雜文的景況... 所以必須字字小心 , 事事求證 , 這中間要花去的時間 , 常常真的超乎預期 ; 但假使真能讓讀者有所感受 , 才是自己成就所在.

也就是這樣的心理 , 自己對於有所感受的文章或版主 , 都會有些許的同理心在 , 好文幫推絕對不手軟 , 光顧喜愛的版面也不吝惜那些許的時間 , 幫忙點點相關的廣告版面 , 雖然所能提供的效益多半不多 , 但就當作是給認同的人事物一點feedback及鼓勵 , 畢竟真正用心的作為 , 應當給予適當的回報 . (在此也感激眾多無私付出心血 , 時間的部落客們 ^ ^)

*******************************

再回到主題 , 這次收到Google的提醒訊息 , 真正感到委屈的是完全不給說個明白 , 究竟自己的版面怎樣出現"無效點擊" , 是被短時間重覆點擊或其他情形 , 至少該給點明確一點的交代 , 也難怪大家總是戰戰兢兢遭到惡意點擊 , 那該又怎麼判定 , 算自己倒楣 ? 那付出的心血又該找誰負責 ?

Google大神啊~~ 目前感受到最讓人詬病的依舊是仗著 "商業機密" 的免戰牌 , 來規避眾多的疑慮和聲音 , 但他們是否也能用同樣的心理來面對可能遭到他們"超強大"搜尋引擎搜括商業機密的普羅大眾 , Google Hacking的問題是否也列入他們維護的重點工作 ? 還是就僅僅關注自己的商業利益而選擇性略去他人權益 ?

********************************

發發牢騷 , 讓大家見笑了 ^ ^ , 也希望不要再被提醒囉@@ , 畢竟google的廣告效益目前還是比爾站上的第一名ㄚ@@

另外針對部落客版面廣告 , 也請各位不吝惜在認同之餘 , 給他多動個指頭 , 用點手指代替點頭 , 相信部落客們會更有動力堅持下去唷^ ^

(但是別太激烈唷@@ , 不然遭到警示 , 部落客可是心裡忐忑難安的咧^ ^ )

2008年12月3日 星期三

在Blogger加入~~~"繼續閱讀"標籤

Blogger的頁面展示 , 其中一個Bill比較覺得看起來比較不喜歡的是預設將每篇文章完全展示出來 ,
這樣確實方便讀者閱讀 , 但是卻使得Blog整個版面一直下拉@@ , 有時候自己推滾輪都推到酸@@
同時也比較容易讓人忽略掉了下面一點的文章
,
所以如果可以將"繼續閱讀"這類的標籤加入版面之中 , 讓預設展示出來的文章是自由選定的片段 , 那就可以改善這樣的問題囉^ ^
那以下就看Bill說明囉 ^ ^


===========================

經過Bill在網路上的探訪 , 基本上知道了較常用的兩種方式 ,

1.一種是在網頁全數展示出後 , 使用javascript的方式 , 將內嵌選定的部份來做隱藏的動作 ,
2.另一種則就是在html中去處理 , 將Span區塊做展示或隱藏的動作

前面用javascript主要的問題在於基本上還是先有全數展示的動作,所以對使用者來說,還是將整個首頁的全部文章都load進來了,所以就變成沒有減低讀取的速度...

而另一種html的方式就不同囉^ ^
因為採用的是網頁在列出版面的時候,判斷展示模式來決定span區塊的隱藏或展示,這樣並不會將文章完整的load過再做處理,而是若隱藏就不做展示區塊...確實在速度上算是佔了點優勢

依照上面的比較 , Bill選擇了html的方式 , 以達到較好的效能感覺 , 那接下來就是整個修改html的流程和說明囉~~~

第一,我們要先決定將來要做隱藏的span區塊Class name(類別的辨識名稱 , 就當作是取名好了) , 假設我們用hiddenpart為例好了 , 並且希望在只有點選進入單篇文章的時候,才將這個span區塊包進來的部份做展示的動作,其他狀況下就不顯示囉^ ^

所以在邏輯上,我們要做的就是透過html語言告訴瀏覽器,判斷目前的展示模式,只有在單篇文章的時候,才將hiddenpart放在文章中,其餘模式就不顯示囉 ~~
於是我們先找到html標籤尾巴(/head)...然後在其前面多加一個內含判斷式的style區塊 ,
判斷現行展示模式 , 若為單篇文章模式(cond='data:blog.pageType == "item"') ,
則將我們隱藏的部份列在文行(span.hiddenpart {display:inline;})中 ,
不是的話,就隱藏囉...(span.hiddenpart {display:none;})
所以這個部份的程式碼完整的就如下所示 :
<style>
<b:if cond='data:blog.pageType == "item"'>
span.hiddenpart {display:inline;}
<b:else/>
span.hiddenpart {display:none;}
</b:if>
</style>
</head>

***********************

再來 , 我們想要在文章不完全顯示時 , 都多一個超連結的點選按鈕 , 例如 "More..." , 讓讀者點選後自動切換僅展示該單篇文章的模式 (這時候自然就是如我們想要的將全部內容展示囉(含hiddenpart)) , 所以這部份的一樣必須增加一個邏輯判斷 , 當文章不是展示單篇模式的時候(cond='data:blog.pageType != "item"') , 就再每篇文章的結尾之後增加一個超連結 (<a expr:href='data:post.url'>More...</a>) , 只到的就是此篇文章的專屬網址 ('data:post.url') , 這部份的文字各位也可以用區塊包起來 , 定義文字放置位置(置中,靠左,靠右) , 也可以個別定義文字的大小囉^ ^

這個部份完整的程式碼範例如下:

<b:if cond='data:blog.pageType != "item"'>
<div align='left'><font color='#38B63C' face='Courier' size='4'>
<a expr:href='data:post.url'>More...</a>
</font>
</div>
</b:if>

*******************
最後咧 , 就是各位在每篇文章編輯的時候自行決定要包住的隱藏區囉^ ^
各位只需在在編輯文章的時後 , 在自己要包住的部份 , 前面加上 <span class="hiddenpart">
而後面加上 </span> , 這樣的話 , 被包住的區域就會如我們所設定的判斷狀況來做隱藏或展示囉^ ^

*****************

呼~~終於結束囉 , 但是這樣看下來完整的解釋似乎會讓大家看得有點龍龍轉@@ , 所以Bill就把它綜整一下囉~~

操作步驟如下:

Step 1. 首先各位必須來到"版面配置"畫面 , 點選 "修改HTML" ,(建議先行複製範本囉 , 也就是點選"下載完整範本")

同時還要記得勾選右上方的"展開小裝置範本" , 接下來找到</head> , 將其取代為下述的程式碼 , 完成如下圖

<style>
<b:if cond='data:blog.pageType == "item"'>
span.hiddenpart {display:inline;}
<b:else/>
span.hiddenpart {display:none;}
</b:if>
</style>
</head>








Step 2. 找到 <data:post.body/> , 在其後增加以下程式碼 , 完成如下圖

<b:if cond='data:blog.pageType != "item"'>
<div align='left'><font color='#38B63C' face='Courier' size='4'>
<a expr:href='data:post.url'>More...</a>
</font>
</div>
</b:if>









Step 3.
在文章編輯的時候 , 在自己想要劃分的部分 , 前後分別加上
<span class="hiddenpart">
以及
</span>

這樣中間包覆的地方就會是視狀況隱藏或展示的部分囉^ ^ , 說明如下圖:













Step 4.而各位假使希望每篇文章都自動先將隱藏區塊的兩個標籤先加進來的話 , 也可以在"設定" , "格式"的地方自行定義文章範本囉 , 就如下圖所示 :




完成以上的動作之後 , 就可以開心的來看看是否展示正常囉^^

幾個在Blogger常用的展示模式判斷條件

<b:if cond='data:blog.pageType == "item"'&gt;(目前頁面在內文(也就是點進單篇文章的時候) ) <b:if cond='data:blog.pageType == "archive"'> (目前頁面在歷史文章列表)
<b:if cond='data:blog.pageType == "index"'> (目前頁面在分類標籤列表)
<b:if cond='data:blog.url == data:blog.homepageUrl'> (網址等於首頁)




Blank For Space
Blank For Space