目前分類:部落格技巧分享 (3)

瀏覽方式: 標題列表 簡短摘要




超連結語法介紹 :

<a href="這裡填上網址" target="參數"> 這裡填上要具有超連結的文字段落 </a>

參數特別說明 : target="_blank"  點選超連結文字後另開新頁 (其他參數在此不另行介紹)

target="_blank" 可以不加 , 但點選超連結文字之後 , 新的網頁畫面會取代目前的網頁

注意雙引號不可省略 ("    ")


例 1 : (超連結實例 -- 不使用 target="_blank") 新開的網頁會取代原來的網頁

<a href="http://www.ne.jp/asahi/bonsai/satsuki/index.html"> 皋月盆栽 </a>


例 1 : (超連結實例 -- 使用 target="_blank") 另開新頁面 , 強力推薦使用此參數 !

<a href="http://www.ne.jp/asahi/bonsai/satsuki/index.html" target="_blank">
皋月盆栽 </a>



其他 HTML 語法說明 :

<BR> 換行

<SUB> 這裡的字會變小並置於下方 </SUB>

<SUP> 這裡的字會變小並置於下方 </SUP>


HTML 語法可以運用在回應欄、回覆欄、文章中




上圖這個邊欄的完整語法如下所示

感謝格友 <a href="http://tw.myblog.yahoo.com/murmurwords-oflove/archive?l=a" target="_blank">Jimmy</a> 提供下列網址
<br>
<a href="http://www.ne.jp/asahi/bonsai/satsuki/index.html" target="_blank">
1 . 皐月盆栽</a>
<br>
<a href="http://mini-bonsai.com/" target="_blank">
2 . 幸子的迷你盆栽</a>
<br>
<a href="http://www.fuurinbou.com/" target="_blank">
3 . 風林坊</a>
<br>
<a href="http://www.seihouen-163.com/cgi-bin/hpseihouen-163/sitemaker.cgi?mode=page&page=page1&category=2" target="_blank">
4 . <sub>大西</sub> 正芳園</a>
<br>
<a href="http://www.shohin-bonsai.org/" target="_blank">
5 . A.J小品盆栽協會</a>
<br>
<a href="http://ssbin.blog.shinobi.jp/Entry/189/" target="_blank">
6 . 風趣俱樂部</a>
<br>
<a href="http://www.mame-bonsai.com/" target="_blank">
7 . J.M.B</a>
<br>
<a href="http://www.geocities.co.jp/PowderRoom/6922/index.html" target="_blank">
8 . Bonsai Life</a>
<br>
<a href="http://www.ryuen.com/" target="_blank">
9 . 流苑</a>
<br>
<a href="http://www.albumstyle.com.tw/corner/camping/" target="_blank">
10 . 盆栽俱樂部</a>

達仔 發表在 痞客邦 留言(2) 人氣()

對已經會使用文字超連結的格友們請轉台吧 !
其實這項簡單的 "技巧" 在網路上隨便搜尋一番
都嘛講解得比我精彩易懂
就當我此篇是在濫竽充數好了

如何讓文字具有連結網站的功能呢 ? (此功能稱為超連結)
下面我以 Blog 的回應欄位來做示範
(回覆別人的留言或發表文章也可用到此方法)




可先把回應文打好 , 或邊打邊做連結也可





看圖說故事 ... 到這裡應該還看得懂吧 !





把要連結的網址貼上後 按確定鈕





還看得懂吧 ! 有問題嗎 ?





別被一堆看不懂的亂碼嚇到
輸入回應文時 其實 HTML 語法已經自動產生了
我們只要檢查網址是否正確即可

上圖反白的部份之詳細解說 : (不想學可跳過)
文字超連結的語法架構
語法 : <a href = "網址"> 要連結的文字 </a>
上述語法中以紅色標示的部份不可省略也不可任意修改

只要記得
夾在<a href = "網址"> </a> 中間的那段文字會具有超連結的功能

上圖的實例為
<a href = "http://tw.yahoo.com/?.home=ytff">Yahoo!奇摩首頁</a>
上述語法中 藍色所標示的部份可自行設定修改
即 [網址] 與 [具有超連結功能的文字] 兩部份





[預覽] 時的畫面
把滑鼠游標移到 Yahoo!奇摩首頁 的字樣時
游標會變成可連結的形狀 (如 : 變成手指)
這樣就表示成功了 !
按 [發表] 送出
◎注意 ! 當 (格主) 要回覆別人的回應或留言時無法使用 [預覽] !
所以要特別檢查 HTML 原始碼中的網址是否無誤才可送出



連結的網址有時會被 "吃" 掉 , 怎麼辦 ?
看下一例




上面的範例會了之後 , 來到這裡應該知道如何操作了吧 !





輸入完後檢查 HTML 原始碼
網址常常會像這樣被自動截掉 , 還常常發生 ...
我就等著看 ... 編寫奇摩 Blog 這套程式的工程師要到何時才會把這個缺失改進
好 ! 你慢慢來沒關係 ~ 況且奇摩的 Blog 限制還蠻多的 ... 
(此話說完搞不好沒多久將被鎖帳號 , 看要不要順便自動把我的格子關了)

把錯誤的網址用滑鼠右鍵選取反白後 ↑ (續下面 ↓ )




貼上正確的網址





使用 [預覽] 將滑鼠移過去看該段文字是否能改變游標的狀態 (如 : 變成手指)
報告完畢 !


◎不想按了超連結之後失去原來的視窗內容
可以這麼做 : (另開一個新視窗)
語法 : <a href ="網址"   target = "_blank"> 連結的字 </a>
在 a href = "網址" 的後面加上 target = "_blank" 這行敘述
這樣點選超連結文字後就會另開一個新視窗
要回到原先瀏覽的網頁也不用一直按 [回到上一頁]
按到 .... (煩)

達仔 發表在 痞客邦 留言(7) 人氣()

其實也有其他不同種類的計數器 , 在此僅就以我所用的計數器做說明 :
先進入這個網站 :
http://whos.amung.us/showcase


點選  Color Me!  (步驟 1)  您也可以選擇 Color Me! 左邊的黑底白字的原樣式
若您點選了 Color Me! , 接著請點選 color  wheel  (步驟 2)



上面的選項 1. 選 No 即可 (視自己的需要 , 別叫我翻譯 !)
接下來選擇色盤 , 外圈是計數器欄位顏色 , 內圈是數字的顏色 ~ (若選同色 ! 將看不見數字 ~ )



決定好顏色後 ~ 拷貝藍色圈圈中的 HTML 碼
拷貝HTML 碼的方法 :
將滑鼠游標移到該欄位 (藍色圈圈中) , 按滑鼠左鍵 ~ 欄位中的所有字體應該會反白(藍色)
接著按滑鼠右鍵 , 選擇 [複製] 即可



接著回到自己的部落格 , 選擇 [管理部落格]



按照步驟 :
1 . 點入 [管理自訂欄位]
2 . [自訂欄位名稱] 看您自己要打上什麼名稱 , 例如 : 目前瀏覽人數
3 . 將滑鼠游標移到 [自訂欄位內容] 欄中 , 按滑鼠右鍵 , 選 [貼上] , 剛剛拷貝的 HTML 碼應該會貼在欄位中
4 . 儲存完成後 , 回到自己的部落格

找一下 ~ 看是不是多了一個計數器的欄位 ? 您可以使用 [版型設定] 來決定計數器在邊欄中的位置 . 是不是很簡單 ? 有空就玩一下吧 !

(當瀏覽人數為 2 (含) 以上時) 還可直接點選計數器  , 可連到提供該計數器的網站 , 並且可以看見正在您部落格中逛的讀者在閱覽您格子中的哪個地方哩 !

想學更多 ? 可以到 加菲貓 這位格友的部落格中參觀一下 ~ (我一些技巧就是由她那兒學來的)

哇咧 ~ 已經這麼晚啦 ! 我該就寢了 ~ 有問題再聯絡 !

達仔 發表在 痞客邦 留言(3) 人氣()