修改部落格標題 ~ 把部落格標題從單調的文字換成美美的動畫圖片－人生何處不相逢

修改部落格標題 ~ 把部落格標題從單調的文字換成美美的動畫圖片

分類：版型

2012/06/18 11:58

Facebook Plurk YAHOO!

如果網頁開太慢按滑鼠右鍵點內容*

會開很快喔!

分享園地一天學一點

希望大家能輕鬆上網 ~ 快樂學習 ~ 相互勉勵

【修改部落格標題】

將語法貼在 Yahoo! 部落格的CSS語法欄位，把圖片檔路徑(圖片網址)更換為你喜歡的動畫圖片，就可以將部落格標題從單調的文字換成美美的動畫圖片喔！

心動了嗎 ?

選一張你喜歡【.gif .jpg】圖檔，在圖片上面按右鍵點選【內容】。

" 網址 (URL) " → 就是這張圖片的網址。

" 維度 " 的數字 → 就是這張圖片的寬跟高。

把【網址】【寬跟高】套用到語法裡面，貼在自訂樣式CSS語法欄位裡面就OK囉！

阿泰推薦 → 【精選80張小動畫】

/* 修改部落格標題 */
#yblogtitle h1 {
display:block;
float:left;
background:url(圖片網址) 0 0 no-repeat;
width:圖片寬px;
height:圖片高px;
font-size:0;
line-height:0;
text-indent:-5000px;
overflow:hidden;
cursor:pointer;
cursor:hand;}

阿泰精選~修改部落格標題【直接複製下面語法使用既可】

↓

/* 修改部落格標題 */
#yblogtitle h1 {
display:block;
float:left;
background:url(http://file.sayclub.co.kr/charimg/item_real2/s_u_01_10330_01_02.gif) 0 0 no-repeat;
width:110px;
height:130px;
font-size:0;
line-height:0;
text-indent:-5000px;
overflow:hidden;
cursor:pointer;
cursor:hand;}

#yblogtitle .mbd,#yblogtitle .mft{font-size:110%;color:#E90080;font-family:新細明體; color:#E90080;text-align:center;}
#yblogtitle .thd a{width:168px;height:40px;top:-0px;position:relative;left:0px;display:block;}
#yblogtitle .thd h1 {font-size:200%;color:white;font-family:新細明體;}

【修改部落格標題】設定教學

請從

管理部落格 → 面板設定 → 自訂樣式 → 在到CSS欄

將上面語法覆製 → 貼在CSS內容欄最下面

CSS語法欄內沒有相同的語法就直接貼上有的話請（請覆蓋原先的設定）

(重覆貼取語法會干擾程式，可能會造成效果無法顯示，

或是其他無法預期的事情，除非把語法清除重新設定。)

引用整篇文章教學

↓

※ 記得要先登入您奇摩部落格的帳號喔!!