♂Blo狗，家犬→賤狗ChiCo！☆★

此法必須使用到“href超連結的語法中有一個屬性title”！(文字或圖形連結皆可)

範例︰
文字連結

這是用到一個叫做 Nice titles 的 Javascript 小程式。

在此以樂多的Blog做範例，說明該如何使用～

先連結到作者網站，下載 nicetitle.js 跟 nicetitle.css 這兩個檔案，然後將此兩個檔案上傳到您的Blog。

接著將以下程式碼加到您的“Blog管理頁面-->Blog基本設定-->說明欄位中”即可！

<script type="text/javascript" src="nicetitle.js(請改成上傳後的路徑)"></script>
<link rel="stylesheet" href="nicetitle.css(請改成上傳後的路徑)">

如何顯示呢？只要之後在任何超連結中加上連結的“title”屬性，就可以顯示出連結效果！

使用語法︰

<a title="我是Nice titles" href="#">連結效果</a>
連結效果

當然也可以用另一種方式，只需要將“nicetitle.js”上傳，把“nicetitle.css”的內容複製到您的CSS中(網頁樣式設定-->個人化設定)

nicetitle.css 的內容是可以自行設定的，大略解釋如下︰(以原始作者檔內容為例)

/* Nice Title - CSS標籤 */
div.nicetitle {
/* 此處設定title內容 */
position: absolute;
padding: 4px; /* 空隙距離大小 */
top: 0px;
left: 0px;
color: white; /* 文字顏色 */
font-size: 13px; /* 字體大小 */
font-family: Verdana, Helvetica, Arial, sans-serif; /* 字型設定 */
width: 25em; /* 寬度 */
font-weight: bold; /* 字體設定(normal︰正常╱bold︰粗體) */
background: url(/images/ntbg.png); /* 背景圖 */

/* Mozilla proprietary */
-moz-border-radius: 12px; /* mozilla or firefox的圓角效果(Firefox-Only) */
}
div.nicetitle p {
margin: 0; padding: 0 3px;
}
div.nicetitle p.destination {
/* 此處設定超連結內容(http://) */
font-size: 9px; /* 字體大小 */
text-align: left; /* 內容(靠左︰left╱置中︰center╱靠右︰right) */
padding-top: 3px; /* 空隙距離大小(上方) */
}

如果您懂CSS語法的話，當然也可以自行加入一些設定啦！

相關連結︰網站建置百寶箱-美化title