DIY玩化學

很多人都還不會！朋友看不懂別人的教學！

我自己整理了一篇教學讓他學

※沒有附圖的文字教學※

讓文字帶入你改造自己部落格＊

可引用！整理出來的！還是很多人會ㄖ！

不會的可引用慢慢學

網路上還有一些人設置了部落格語法教學！很多︿︿＂

這裡沒有的語法例：歌曲語法那些我都沒有＠＠＂我不會＞＂＜

因為放太多語法容易ＬＡＧ＊‥不必學那麼多ˊˇˋ！

 我沒有可以去翻翻看﹎別人部落格設置的部落格教學語法！

比我的教學更清晰易懂﹢我只有【文字教學】

這一篇放入我部落格所用的語法﹋＂總合

讓所有愛部落格的人輕鬆引用 

有些用過沒有成功可能是我笨吧！（嘻）

 －－－－－－－－－－－－－－－－－－－－－－－－－

ˇ【更改個人資料性別圖案語法教學】

※沒附圖說明簡易的文字說明

按管理部落格→面板設定→自訂樣式

ＰＳ：貼上此語法在那自訂樣式那　其他語法～不動不刪

複製貼上此語法：
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:50px;height:55px;background:url(圖片網址) center no-repeat;}
ＰＳ：圖片網址記的要改
      width:50px;　可更改寬度
　　　height:55px;　可更改高度

ˇ【部落格標題名稱變更顏色語法教學】

※沒附圖說明簡易的文字說明

按管理部落格→面板設定→自訂樣式

複製貼上此語法：

ＰＳ：貼上此語法在那自訂樣式那　其他語法～不動不刪
/*Blog title*/
#yblogtitle h1{color:顏色數碼;background-color:顏色數碼;font-family:細明體;text-decoration:none;font-size:130%}

參考色碼表:http://www.powmo.com/ac.html

ＰＳ：color:顏色數碼是部落格標題名稱的顏色
　　background-color:顏色數碼是部落格標題名稱的底色

ˇ【文章標題前加入小圖片語法教學】

※沒附圖說明簡易的文字說明

按管理部落格→面板設定→自訂樣式

複製貼上此語法：

ＰＳ：貼上此語法在那自訂樣式那　其他語法～不動不刪

/*article content module*/
 
.yblogcnt .blgtitlebar {margin-bottom:12px;zoom:1;}
 
.yblogcnt .blgtitlebar h2 {font-size:126%;font-weight:bold;background:url(圖片網址) no-repeat;padding-left:32px;}
 
.yblogcnt .blgtitlebar h2 a {color:標題字顏色; padding-right:5px;}

ＰＳ：標題字顏色要改成色碼表的顏色！挑自己喜愛的顏色

參考色碼表http://www.powmo.com/ac.html

ˇ【在欄位圖片連結語法教學】

※沒附圖說明簡易的文字說明

按管理部落格→管理自定欄位

複製貼上此語法：
[div align=center]
[a title=輸入您要的連結名稱  href="連結網址"] [img src="圖片網址"/][br]

記得：把這各[]改成<>喔 ^ ^！
ＰＳ：放幾個連結的都沒關西
例 ：
[div align=center]
[a title=輸入您要的連結名稱  href="連結網址"][img src="圖片網址"/][br]
[div align=center]
[a title=輸入您要的連結名稱  href="連結網址"][img src="圖片網址"/][br]
[div align=center]
[a title=輸入您要的連結名稱  href="連結網址"][img src="圖片網址"/][br]

ˇ【左右欄位置入底圖語法教學】

※沒附圖說明簡易的文字說明

按管理部落格→面板設定→自訂樣式

複製貼上此語法：
ＰＳ：貼上此語法在那自訂樣式那　其他語法～不動不刪
/*Nav module body*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background-image:url(圖片網址);}　
ＰＳ：圖片網址記的要改

ˇ【自訂欄位貼圖】

※沒附圖說明簡易的文字說明

按管理部落格→管理自定欄位
[center][img border=0 src="圖片網址"]
記得：把這各[]改成<>喔 ^ ^！

ＰＳ：圖片網址記的要改

ˇ【滑鼠移到連結時～字變色語法教學】

※沒附圖說明簡易的文字說明

複製貼上此語法
a,a:link,a:visited{color:顏色數碼;}
a:hover {font-size:10pt;color:顏色數碼;text-decoration :NONE}

ＰＳ：顏色數碼要改

ＰＳ：: 前面的顏色數碼一般狀態下的連結顏色一般眼睛看到的＠＠＂
        　 面的顏色數碼是滑鼠移動到連結時的顏色
　
參考色碼表:http://www.powmo.com/ac.html
 

ˇ【最新文章。最新回應。文章分類＊底圖語法教學】

※沒附圖說明簡易的文字說明

複製貼上此語法：
ＰＳ：貼上此語法在那自訂樣式那　其他語法～不動不刪

/*Nav module header*/
.yc3sec .mhd, .yc3subbd .mhd{background-image:url(圖片網址);padding-right:10px;background-repeat :no-repeat;}

ＰＳ：圖片網址記的要改

ˇ【最新文章。最新回應。文章分類加上了小圖語法教學】

※沒附圖說明簡易的文字說明

複製貼上此語法：

ＰＳ：貼上此語法在那自訂樣式那　其他語法～不動不刪

/*Nav module list*/
.ycntmod .mbd ul.list li {background:url(圖片網址) left .1em no-repeat;padding-left:17px;margin-bottom:3px;_margin-bottom:3px;_line-height:1.5em;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(圖片網址) 48px center no-repeat;}

ＰＳ：圖片網址記的要改

第一各更改圖片網址只是最新文章前加的小圖片
第二各更改圖片網址只是更多文章前加的小圖片

ˇ【變更訂閱部落格圖片教學】

※沒附圖說明簡易的文字說明

按管理部落格→面板設定→自訂樣式

複製貼上此語法：

ＰＳ：貼上此語法在那自訂樣式那　其他語法～不動不刪

div#btnsbsrb_nologin a{display:block;width:88px;height:31px;overflow:hidden;background:url(圖片網址) no-repeat;margin:0;}

ˇ【給人分享歌語法】

按管理部落格→管理自定欄位

複製貼上此語法：
[li][a href="音樂網址"]歌手名字--歌名[/a]

記得：把這各[]改成<>喔 ^ ^！

ＰＳ：放幾個連結的都沒關西

例 ：
[li][a href="音樂網址"]歌手名字--歌名[/a]
[li][a href="音樂網址"]歌手名字--歌名[/a]
[li][a href="音樂網址"]歌手名字--歌名[/a]
[li][a href="音樂網址"]歌手名字--歌名[/a]

ˇ【更新日期加小圖語法】

※沒附圖說明簡易的文字說明

按管理部落格→面板設定→自訂樣式

複製貼上此語法：

ＰＳ：貼上此語法在那自訂樣式那　其他語法～不動不刪

#ymodupdate .mbd .date{background:url(圖片網址) left center no-repeat;padding-left:19px;font-size:110%;font-family:verdana;}

ˇ【打招呼插圖】

※沒附圖說明簡易的文字說明

按管理部落格→面板設定→自訂樣式

複製貼上此語法：

ＰＳ：貼上此語法在那自訂樣式那　其他語法～不動不刪

/*Opacity for blast*/ 
#yblast .bg {zoom:1; filter:alpha(opacity:50); background: url(圖片網址) repeat}