blog│黃小黛的blog仙女棒‧blog語法

[message]

談戀愛的時候，我想要一隻仙女棒。

一點，知道他想要什麼！煮飯時：知道他愛啥口味！買襯衫時：知道他愛啥顏色！愛哪種感覺，現在是啥心情，想去哪玩，愛哪種性感內衣，我想知道他的煩惱，知道他的偏好，知道他的所有罩門！

不想皺眉，不想寂寞，不想擔憂，不想生氣，不想等待，更不想疑猜。

不知道該怎麼辦的時候，我怎能一副心靜自然涼的樣子？我怎能好好寫文章，好好安心工作，不知所措的時候我只是個孩子，不是大人，我甚至會想扮演間諜，去追查破解的程式，或發現啥線索軌跡。

跟blog認識時也是這樣，我試了不下數百次，去探索。不過，太熱情嗎？我把模板搞爛了，了不起吧！還是inertia幫我修好的。自己才學乖似的在玩模板時，先拷貝存檔下來，所以我一直想要一隻仙女棒，如果有魔法大人那就更棒了。

所以如果你是個blog新手，如果你開始發出沒自信的聲音，現在送你一隻仙女棒，指引你魔法的方向，記得這些路途，至少不用愛憐的望著失落的自己。

前言：啥是blog？
一個提供不拘形式的寫日記、發布消息、自由貼圖、方便修改版面，針對單篇文章標示出引用網址(trackback/ping)、迴響留言(comment)、串聯(rss)的網站。

什麼是 Blog (台灣稱做”部落格”，內地則稱為”博客”)？_柏城部落誌
以筆者所理解，Blog 其實只是一個慨念。首先看看 Blog 這個字的來源：Blog 這個字本身是由 Weblog 這個字所轉變而成，而在互聯網中，網頁伺服器內作為記錄有關活動的檔案可稱為 Weblog，其型式是以時間方式去記錄，例如 Error Log 是用來記錄所有錯誤的訊息，讓網站管理員能夠得知出了什麼錯，而 Blog 這個慨念正好與其類似，不過以另一種型態來表現出來。...

部落格靈魂_酋長的部落格
（個人定義）「部落格」：自由精神、方便製作、可供互聯、擁有時間印記的彙整記錄網站。要「部落格 (blog / weblog）」這個名詞作什麼？當然是部落格的一些精神、內涵靈魂有別於其他的網站，而我們在討論時，希望部落格能和其他網站的特性作一些區隔，以便部落客或一般大眾在一些共有的意識之上，來作更深入的討論。...

★ 第1棒 ★ jeph_憂鬱馬戲團：http://blog.bluecircus.net/

★ 去哪裡申請BLOG？
http://blog.bluecircus.net/archives/000807.html

樂多‧http://blog.roodo.com：（大推薦，簡易又親民）
唐朝特製樂多操作手冊：http://blog.roodo.com/nayatang/archives/27704.html
無名小站‧http://www.wretch.cc/（海外華人大本營，相簿很強／社群多）
新浪部落
設計生活沙發：（介面看起來精緻又清晰！）
Upsaid
藝立協
批踢踢兔
部落格鄉村
台灣部落格：（很讚，可惜已不受理開放了！）
麥諾地部落格：（2004年掛了！）

★ 如何加入計數器？
http://blog.bluecircus.net/archives/000397.html

★ 如何改banner欄？
http://blog.bluecircus.net/archives/000074.html

★ 放圖的小技巧？
http://blog.bluecircus.net/archives/000052.html

★ 建立友站鏈結？
http://blog.bluecircus.net/archives/000050.html

★ 從格式表中改字體
http://blog.bluecircus.net/archives/000056.html

★ 如何建立版權聲明？
http://blog.bluecircus.net/archives/000385.html

★ 如何使用「引用」？
http://blog.bluecircus.net/archives/000556.html

★ 把單篇文章的頁面做成兩欄式
http://blog.bluecircus.net/archives/000557.html

★ 如何在標題旁顯示類別？
例如：原來我的文章標題：我多麼羨慕你，文章類別為：﹝家族記憶 ﹞，設定後就會顯示成：
我多麼羨慕你
﹝家族記憶 ﹞
在模版中找到<h3 class="title"><$MTEntryTitle$></h3>換成：
<h3 class="title"><MTEntryCategories glue=", "> [<a href="<$MTCategoryArchiveLink$>" ><$MTCategoryDescription$> </a>] </MTEntryCategories><$MTEntryTitle$></h3>

★ 在邊欄的類別彙整顯示該類別的文章數量
例如：﹝家族記憶 ﹞(50)
http://blog.bluecircus.net/archives/001218.html

★ 如何建立友站鏈結？
http://blog.bluecircus.net/archives/000050.html

★ 第2棒 ★
酋長的部落格 Chieftain's BLOG

February 11, 2004::: 為網誌加入email訂閱功能
January 11, 2004::: 將總彙整索引作成分頁樣式
January 04, 2004::: 更清爽的列印
November 26, 2003::: 即時刷新單篇文章中的引用資訊
November 22, 2003::: 逆向連結 (Backlinks)
October 01, 2003::: 部落格靈魂
September 28, 2003::: MT-Hack兩則：防止重複迴響、重建單篇entry
September 20, 2003::: 如何為圖片加上有顏色的外框
August 24, 2003:::: 在MT中製作相簿
August 24, 2003:: 更新MT中文化，增編輯區功能
August 18, 2003:: 修改幾個MT模版
August 08, 2003:: 創意公用授權條款
August 02, 2003:: 改迴響的樣式
July 26, 2003::::: 如何在網頁上顯示原始碼
July 26, 2003:::: 讀者迴響輸入表單的修改
July 10, 2003:::: 部落格的一些連結
June 25, 2003:::「格」與「響」的定義
June 22, 2003:::「格」、與迴「響」的作法
June 22, 2003:::簡易MovableType的計數器

部落格隨便祭

★ 文章數量與留言數量的語法
文章數量(<$MTBlogEntryCount$>)，迴響留言數量<$MTBlogCommentCount$>)

★ 如何在首頁顯示出迴響的標題和連結？

預設的模版中，並不會列出最近的迴響；這時如果在首頁列出最近被發表的迴響留言，就可以看到大家對哪些文章有反應。
http://mtbook.org/mttour_practice.html#recent_comment

★ 其他棒 ★

★ 如何將迴響內文置放首頁？
http://blog.twblog.net/islife/archives/000817.html

★ 要如何讓文字躺在圖片旁邊？
你可以在圖片的後面加上
align="left" vspace="10" hspace="10"/>文就會繞著圖走。
例如：img alt="" width="170" height="262" border="0" align="left" vspace="10" hspace="10"/>
照圖繞左文：align="left"
文字與圖片相間距離：vspace="10" hspace="10"。
http://blog.twblog.net/islife/archives/000846.html

★ 如何在文章中有一段用框框起來的內文？
去Stylesheet模板中加上語法

blockquote {
color:#色碼;
font-family:verdana, helvetica, arial, sans-serif;
font-size:13px;
border:1px dotted;
background:#色碼;
padding:6px; }

然後去你新增的文章，在你要框的段落用以下語法：
<blockquote>我要在框框裡。</blockquote>
成果如下：

我要在框框裡。

border:1px dotted=邊框，點框
dotted=點線
solid=實線
dashed=虛線

★ 另開視窗的連結？
把a href=　改成　a target="_blank" href=

啥是blog？ 怎麼做？
語法：
1.先上傳取得圖片語法。
2.擷取圖片路徑，貼成以下語法：
<span style="line-height:22px; padding:4px 2px 2px 0;letter-spacing:6px; background:white url(http://blog.twblog.net/islife/archives/underline_cyc.gif) repeat-x bottom">啥是blog？</span> 怎麼做？

啥是blog？ 怎麼做？

語法：
1.先上傳底線圖，取得圖片語法。
2.擷取圖片路徑http://blog.twblog.net/islife/archives/04122004.gif，貼成以下語法：
<span style=" line-height:22px; padding:4px 2px 2px 0;letter-spacing:2px; background:url (http://blog.twblog.net/islife/archives/04122004.gif) repeat-x bottom">啥是blog？</span> 怎麼做？

★ 控制圖片位置
-圖片居中-
<center>
< img src="輸入圖形連結網址"> < /center >
或者；< p align="center"> < img src="輸入圖形連結網址"> < /p>

-圖片靠左-
<img src="輸入圖形連結網址" align="left">
或者；<p align="left"><img src="輸入圖形連結網址"></p>

-圖片靠右-
<img src="輸入圖形連結網址" align="right">
或者；<p align="right"><img src="輸入圖形連結網址"></p>

-圖片加框-
在擷取圖片的語法中找到 border="0" 改成 border="1"

-圖片加框，改框色-
將 border="1" 改以 Style="border:1px solid #色碼"
例：
<a href="連結路徑" target="_blank""><img src="圖檔路徑" style="border:1px solid #色碼""></a">

-框內圖片四周留白-
加上vspace="數值" hspace="數值" 讓圖四週留白。
例<img src="圖檔路徑" border="1" align="left" vspace="10" hspace="10">

★ 如何擁有一個留言版？
這個機制（MT）其實並沒有留言板的機制，「要開留言板喔？」就是開一篇文章叫"留言板"，然後用這篇文章的”迴響”機制當成留言板用。。。神奇吧，挖，哈哈哈哈哈哈哈。真是簡單到昏倒
╮（╯_╰）╭　

★ 如何在首頁放音樂？
1.先上傳該音樂，取得語法。
2.將語法中的http://blog.twblog.net/islife/archives/Mozart_Piano23(2).mid 擷取出來。
3.進入（MT）模板，找到適合的位置放入以下語法。
<bgsound src= http://blog.twblog.net/islife/archives/Mozart_Piano23(2).mid loop=-1></bgsound></div>
4.儲存，重建，大功告成。
（-1是不斷重播）

★ 首頁尾端往左邊ㄌㄚˋ了一串...(俗稱：落屎)就是右邊一片空白，通通掉到左邊的屁屁下面。
請參考一下MT BOOK的「修補樣式表」一節
http://mtbook.net/mtbook_stylesheet.html#fix

★ 如何固定字體大小？
Stylesheet模板中，如果以font-size: x-large;語法撰寫，那麼可能在不同的電腦上面看的大小會不一樣，我用font-size:13px;後，在不同電腦看到的字體大小---便固定了。另外，有可能是你必須將你的windows update

★ 不想讓連結文字加底線

(1)打開模板中的Stylesheet
(2)找到.blogbody a:hover {font-weight: normal;text-decoration: underline;}
把最後的underline改成none，如下：
.blogbody a:hover {font-weight: normal;text-decoration: none;}

★ 跟蹤誰連結你的網頁_6e
只要將下面的代碼加入你的網頁，就能够跟踪有誰連結你的網頁：
這個網頁的反性跟蹤，比較適合放在blog首頁。

<script language="Javascript" src="http://www.truefresco.org/2referrers.js"></script>

<script type="text/javascript" language="Javascript" src="http://data.booso.com/referrers.cgi"></script>

★ 哪裡有三欄樣式版？
http://blogstyles.com/styles/3col/free.php

★ 常見二欄樣式版？
http://www.movabletype.org/default_styles.shtml#

★ 如何換版面(樣式)版，換顏色？
http://blog.twblog.net/islife/archives/000802.html

★ 如何在首頁擺上E-mail電子郵件信箱，讓訪客一點就可寄信？
例如：我的信箱為debbyy_999@hotmail.com，語法如下：
<a href="mailto:debbyy_999@hotmail.com?subject= E-mail "> E-mail </a></div>
(2)把這組語法貼到管理介面的『模版』的『Main Index』中，看你想把信箱擺在那個位置，就貼到該處。
(3)　按『儲存』，再『重整』。
(4)　開『檢視網站』，跳出來的首頁就會出現『E-mail』。

★ 我想在首頁顯示的文章5篇！
因為MT是預設首頁只顯示半個月還多少的文章，過期就會被消除，久不更新就會變成空空如也，你可以改一個地方：
管理介面→模版→main index
找到<MTEntries>改成　<MTEntries lastn="5">
這樣就可以改成首頁顯示最新的五篇文章

★ 我想用圖片作背景
1.先上傳該圖片，取得語法。
2.將語法中的http://blog.twblog.net/islife/archives/09.gif擷取出來。
3.進入Stylesheet模板，找到任何一組你想加入的background。
4.改成background-image: url(http://blog.twblog.net/islife/archives/09.gif);
5.儲存，重建，大功告成。
http://blog.bluecircus.net/archives/000556.html

★如何讓blog的banner在電腦螢幕上看時，是最棒狀態？
blog的banner圖是800點寬，在自已電腦上看沒問題。可是在網咖的大螢幕上用1024點的寬度看，發現我的右邊空了一大塊，很難看。可是如果我把banner圖改成1024點，在我自己的電腦螢幕上看，右邊又會多出一塊。有沒有辦法把banner圖作成彈性寬度？

(1)先作一個寬1024點的banner圖，注意一點：如果你的banner圖有文字敘述，像網誌名稱，最好讓這些文字擠在左邊800點之內，因為你還是得預設大多數人用的瀏覽器是800點寬

(2)上傳圖檔

(3)在stylesheet中，將剛才上傳的圖設為banner的背景：

#banner {
…
…
background:url(http://banner圖的網址/檔名.jpg) no-repeat;
}

(4)雖然把banner圖設為背景會讓它的寬度隨頁面變化而改變，但這裡有個問題：原來banner圖也是一個按鈕，按下去可以回到主索引頁，但改成背景之後，就沒有這種功能了。所以我們要再製作一個純作為按鈕的圖，可以放在前面，但又不會擋住背景圖。該怎麼作呢？

(5)對，就是作一個空無一物「透明的」gif圖，寬度只要800點就可以了。如果你不知道怎麼作透明圖的話，請參考相關書籍，或問問google。

(6)上傳這個透明圖

(7)在index.htm的模板中找到

<div id="banner">
<h1><a href="<$MTBlogURL$>" accesskey="1">…….</h1>
</div>
把它改成

<div id="banner">
<a href="<$MTBlogURL$>" accesskey="1"><img src="http://透明圖的位置/圖檔名.gif" border=0></a>
</div>

(8) 彙整與單篇文章模版也照作

(9)重建所有網頁

★同步預覽迴響喔!
可以一般打留言，一邊預覽，很實用，不過修改有點小複雜，大家記得改前先存模板，以防把模板搞爛的不時之需!

★ 明日報個人新聞台文章備份程式兼MT 匯入檔轉換的多種方式★
這些程式可以把你在PCHome 個人新聞台的文章全部轉成備份檔或MT的匯入檔。

★ (1)個人新聞台文章備份程式兼MT 匯入檔轉換_ jeph
http://blog.twblog.net/jeph/archives/002274.html
jeph熱心撰寫的轉換程式，quawn友情提供mirror
文章備份程式兼MT 匯入檔轉換 2578kb (新版)
PCHome個人新聞台留言板備份程式 1209kb
http://www.oui-design.com/blog/archives/000463.php

★ (2)PCHome個人新聞台留言板備份程式_ zonble（網頁版）
Jeph寫了一個PCHome個人新聞台留言板備份程式，zonble就順手用PHP寫了一個網頁版本的備份程式，您只需要填寫新聞台帳號，按一下「執行備份」，那麼就會出現一個新聞台留言版備份網頁，您只需要將這個網頁儲存下來，便可完成留言版備份
http://zonble.twbbs.org/archives/2004_03/001139.php

★ 超文標記語言簡明導引
本導引列出當今大部分瀏覽器能夠辨認的標記

★ 字型，顏色，為字體，邊緣距離的語法解釋
http://blog.ptt2.cc/blog.pl/Apr28/article,20030610.html
http://www.ulead.com.tw/learning/web10/page1.htm

★ HTML教學，顏色表
http://www.9w2u.com/htmlbook/htmlbook.asp
http://techart.tnua.edu.tw/~suchu/www/advance.html

★ msn大頭貼
http://www.abi-station.com/illustmaker/index.cgi

★★★★★ Movable Type 完全手冊：http://mtbook.net/mtbook_about.html#about

★★★★★ 超級實用台_HTML 超連結代碼說明：http://www.plays.com.tw/article.php/273.html

﹝發問園地﹞

★★★★★ jeph_憂鬱馬戲團：http://blog.bluecircus.net/

★★★★酋長的部落格 Chieftain's BLOG：http://www.chieftain.idv.tw/archives/cat_mt.html

★★★★麥諾地部落格：http://www.drywettex.com/minority

★★★★設計生活沙發：http://www.oui-design.com/

★★★ 愛麗絲的部落：http://www.askareiko.com/blog/

★★ Jedi's BLOG：http://jedi.z6i.org/blog/

★★ 部落格隨便祭

★ 部落格麻瓜園

我很夠意思吧！哼哼哼！

*特別感謝jeph技術指導。他是大好人*

台北
2003.11.22

由黃小黛 撰寫於November 22, 2003 12:42 AM|【留言】【訂閱電子報】