《 Blogger 》Hidden Tags

這篇是在參考堯@部落格中的如何製作熱門文章[BLOGGER]
然後還實做了他寫的JS部份，底下我直接貼上程式碼

假設要被隱藏的標籤為：_TAG

隱藏標籤( 文章 )：

<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name != "_TAG"'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:if>
</b:loop>

隱藏標籤( 分類 )：

<b:widget id='Label1' locked='false' title='分類' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<b:if cond='data:label.name != "_TAG"'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:if>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

這裡用這個方式製作最新文章的呈現，詳細的程式碼也是堯@部落格裡面的其中一篇。
蠻豐富的資訊，可以參考很久 :D

《 Blogger 》當部落格愛上彎彎

還記得阿土伯的大作嗎?
(登登登登!登登登登!) 應該不會吧沒聽過吧~ :ORZ
如果你使用 Yahoo 或 MSN 表情符號來表示文字符號，那你或許用上了 :)

不過像我一樣喜歡彎彎的朋友，或許會希望網誌中可以放來用用 :D
那是一定要的啦～所以把阿土伯的符號部份用彎彎的 MSN 顯圖取代過去了。

Blogger 系統的安裝方式，直接引用寫好的檔案即可

emotionset_cwwany.js

<script src="http://polin2005.googlepages.com/emotionset_cwwany.js" type="text/javascript">
</script>

圖片部份就是全家磁鐵有出的部份，上傳圖片已經都完成測試成功了。
使用方式為：

使用"ORZ"這符號，那就在文字敘述打上 空白+冒號+英文字大寫。
[Example] _ : ORZ 顯示如以下整排，雖然實用性不大但是真的很可愛，拜託支持囉。

| :NOQ :JOLIN :BALA :KO :LAG |

Blogger 顯示程式碼

我實在弄不出來大作 dp.SyntaxHighlighter ，設定 CSS 和 Javascript 的調整
還是不能出現，後來重新到 Google 搜尋之後找到一段 CSS 語法
放上 Blogger 還真的能跑，上傳到 Google Pages 先暫時將外連，方便修改咩 :)

還好網路上高手一堆，參考的原文 ，正宗出處 [Blog]文章中引用程式碼的作法。
這段精美的CSS語法，直接放到裡面就可以跑囉 ^^

CODE, .code  {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(http://polin2005.googlepages.com/BG_CODE.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}

CMD, .cmd {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
color: #ccc;
background: #000 url(http://polin2005.googlepages.com/BG_CMD.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}

##CONTINUE##
引述作者紀錄 :

在貼HTML code時要注意一下，括號會被browser當作tag讀掉，所以如果要貼括號的話，要用下列的字元更換！

< 用 &lt; 更換

> 用 &gt;更換

& 用 &amp;更換

張貼程式碼的方法 :

將程式碼置於<pre class="code">和</pre>之間。

如果真的要用 "<"，">"，"&" 那還是會有一點點的小麻煩，
不過還算夠用只要能讓我將程式碼貼在部落格，這就是最大的幸福了 :)

部落格觀察筆記

部落格觀察筆記這是多麼恐怖的數字壓，以前的 Yam 部落格就是因為每天看名次，就會想要在多寫一些文章，但是我都是隨性的咩。如果眼看自己的 Blog 的人氣上升或下降，真是.........不敢面對呀。

財管部落格 ( http://www.financialsquare.blogspot.com/ )
PCWindows ( http://www.pcwindows.blogspot.com/ )
EaSon's BLOG ( http://www.easonboy.blogspot.com/ )

##CONTINUE##
雖然說以前的 Bernie's Blog-Information Managment Notes人氣最好
有到7000多名次，現在荒廢多年變成10483了說，現在只想把 Blogger 這裡的弄好，
稍微紀錄一下自己的東西，如果以後還算文章多產的話，然後質又豐富，可以考慮用部落格
賺錢 ( ex : Google AdSense) ，之前在網友的部落格當中看到Google寄來的"支票"...
哇塞! 超羨慕的，期許自己囉 :)

以下找了許多懶人需要的文章，裡面不管是圖解還是文字說明都是很豐盛的 :)
希望大家可以慢慢享用，不過還是要先充實自己才是前提喔。

[延伸閱讀]

Google 廣告方案
孤狗大神變財神？﹝Google AdSense懶人包﹞
輕鬆外快的新世代 - Google AdSense

MyICON 誰來看看我!?

MyICON 這個 Team 很棒喔，尤其是正在開發的一個網路圖像分享，名稱是"誰看過我?"
利用使用者設定的個人資訊，輕易的展現在自己的部落格，就等於交換圖示一樣。












<按左圖可以連結到官方網站喔。>




##CONTINUE##
看看這是我的 MyICON 連結圖示:

<如果我參觀別人的部落格，會出現這張圖片。哈哈~>


可以觀看我 Blog 右下角的九宮格，那就是使用之後的成果
所以 Blogger 快去申請一個吧，真的很好玩喔。

[延伸閱讀]

按這裡可以連到MyICON開發者的部落格喔。
MyICON 誰看過我

Simple PHP Blog Traditional Chinese

Simple PHP Blog(SPHPBlog)是一個個人部落格軟體，你可以使用Simple PHP Blog在你的伺服器上架設你自己的部落格，2004年由Alexander Palmo製作與維護，SPHPBlog跟其他知名部落格軟體如Wordpress，Movable Type或Life Type 比起來，最大的特點是不需要資料庫，使用純文字檔案儲存內容，程式輕巧安裝簡單，基本功能如RSS Feeds，留言，文章分類，Trackback，防Spam，圖片上傳，佈景配色等均有，適合想使用簡單好用的部落格系統的人使用，目前在全球均有小眾使用者。

昨天安裝好的PHP BLOG，還蠻簡單的沒有額外的困難度，也很好用喔。
##CONTINUE##

依照步驟使用，我更換了一些面板設定，就變成右邊圖片的樣子啦~ :)

Simple PHP Blog正體中文站於2004年9月開站，目前經歷兩年多歲月，讓SPHPBlog在正體中文使用者區域擴展出了小眾使用者，也有許多人是使用SPHPBlog來入階學習部落格系統架設方式與經驗，進而使用其他大型部落格系統的。

全文大部分的篇幅引用這裡，希望大家多多宣傳，以及使用和更改裡面一些語法以及動態的介面等等，一起分享看看。