AMYKAKU

在無名寫BLOG轉眼也過了一季了
透過網路的串聯 愛咪在這裡結交了不少新朋友
無論是潛水的 還是上來透過氣的 謝謝你們的支持和捧場
大家的鼓勵是愛咪 “再忙也要寫篇BLOG”的原動力

但是因為愛咪晚上清醒的時間有限 在進入昏睡狀態之前
實在沒力一一回覆留言或者回應 這點要請大家見諒
你們的指教或祝福我都有確實收到啦! 愛咪無以為報
今天就野人獻曝 把自己常用的html語法和大家分享

雖然無名站長準備了進階編輯器給大家使用
但是愛咪實際操作之後 發現還是有些bug
例如增加連結好了，如果是利用進階編輯器打入某段文字
之後選取該文字設定連結的話 那麼文章發表之後
點選該段文字 整個網頁就會轉到連結頁面去
這樣一來本文就會被連結的頁面覆蓋掉了
愛咪文章中的連結 喜歡用 “另開新視窗”的方式呈現
要達到這種效果就必須利用html語言來達成

對於BLOG入門者來說 依賴進階編輯器是比較快的上手方式
但是下面幾個簡單的html語法運用得當的話
其實就可以讓文章精采呈現 以愛咪的BLOG為例 說明如下

**About Blog's Style**
111 ) Title's Background
右上角的花花圖 事實上是修改 樣式管理＞CSS樣式表 而得
簡單來說，就是將BLOG的TITLE背景設定為花花圖，靠右上角放置而不重複

#banner {
position: relative; z-index: 1;
font-family:verdana, arial, sans-serif;
color:#8E8E38;
background-position:right top;
background-repeat:no-repeat;
background-image:url("http://pic.wretch.cc/./photos/a/amykaku/2/1077674529.jpg");
font-size:x-large;
font-weight:bold;
padding-left:30px;
padding-top:10px;
padding-bottom:50px;
text-align: left;
}

222) Menu’s Icon/Banner
右方選單中出現的icon或link banner 同樣是html語法的運用
在 連結管理＞名稱 的欄位中 插入下列語法

以葉子icon為例，必須先將圖片上傳至無名相簿，然後在圖像上按滑鼠右鍵看內容
得到 http://f12.wretch.yimg.com/amykaku/2/1084777175.jpg 的圖片位址後
Copy到上列的語法之中，然後再把邊框寬幅設定為border="0" 即可得葉子一枚


**About Image/Link/Color**
111) Add a Image


222) Add a Link

如果我的連結位址＝ http://www.amykaku.idv.tw
加入連結的文字＝ 前往愛咪的烘焙屋
插入上行的html語言後，可得下行效果
前往愛咪的烘焙屋

記得要將target="_blank"這段html語言加入 連結頁面才能以”另開新視窗”的方式呈現

333) Add a Images with Link

以右方 愛咪的烘焙屋連結banner來看，在圖上按左鍵觀察內容即可得
網址(url)http://f12.wretch.yimg.com/amykaku/9/1101092135.jpg



影像的外框可以隨著img border="1"後方的數值加以調整

444) Change font colors
在HTML原始碼編輯的狀態下，在欲修改顏色的文字前後加入下列語法


如果我要的是正紅色，色碼為#FF0000，插入上行的html語言後，可得下行效果
欲修改顏色的文字


最後要建議大家的是，在純文字介面下編寫BLOG的時候 因為過程費時
建議大家先張貼在WORD上編輯排版之後 再貼至BLOG張貼發表
不然很容易前功盡棄的…..