close

   部落格串連貼紙教學-google、樂多、天空、痞客幫、yahoo   



GOOGLE BLOG 部落格貼紙設定


登入後台後選「設計」頁籤 >> 「新增小工具」 >> 按右邊+號新增「HTML/JaveScript」>>

貼入貼紙語法 >> 儲存 >> 可以直接用滑鼠按住拖移選擇位置


樂多日誌 部落格貼紙設定

 

登入後台後頁面中間按「新增自由欄位」 >> 貼入貼紙語法 >> 「儲存」 >> 更改排序數字後按「儲存變更」

 

天空yam 部落格貼紙設定

 

登入後台後上排最右邊選「自訂欄位」頁籤 >> 「新增小工具」 >> 按右邊+號新增「HTML/JaveScript」>>

貼入貼紙語法 >> 儲存 >> 可以直接用滑鼠按住拖移選擇位置

 

痞客幫pixnet 部落格貼紙設定


登入後台後左側選「側邊欄設定」 >> 到右邊選單選「新增版位」 >> 貼入貼紙語法 >> 儲存 >> 可以直接用滑鼠按住拖移更改排序


YAHOO BLOG 部落格貼紙設定


 YAHOO部落格的預設邊欄對於很多貼紙或小程式都過窄,所以要先做放寬的動作!!

登入後台後左側選「面板設定」 >> 上方選單選「自訂樣式」 >> 拉到最底下 >> 貼入放寬側邊欄的語法 >> 左側選單選「管理自訂欄位」貼入貼紙語法 >> 「儲存」 >> 可在「版型設定」更改排序


《三欄式》左右欄寬皆200px 語法
.thrcol .yc3main {width:100%;float:left;}
.thrcol .yc3mainbd {margin-left:210px;}
.thrcol .yc3pri {width:100%;float:right;}
.thrcol .yc3pribd {margin-right:210px;}
.thrcol .yc3subbd {width:200px;float:left;position:absolute;right:0px;}
.thrcol .yc3sec {width:200px;float:right;position:absolute;left:0px;}


《三欄式》 右欄放寬 語法
.thrcol .yc3main {width:100%;float:left;}
.thrcol .yc3mainbd {margin-left:160px;}
.thrcol .yc3pri {width:100%;float:right;}
.thrcol .yc3pribd {margin-right:210px;}
.thrcol .yc3subbd {width:200px;float:left;position:absolute;right:0px;}
.thrcol .yc3sec {width:150px;float:right;position:absolute;left:0px;}


《三欄式》 左欄放寬 語法
.thrcol .yc3main {width:100%;float:left;}
.thrcol .yc3mainbd {margin-left:210px;}
.thrcol .yc3pri {width:100%;float:right;}
.thrcol .yc3pribd {margin-left:0px;}
.thrcol .yc3subbd {width:150px;float:right;position:absolute;right:0px;}
.thrcol .yc3sec {width:200px;float:left;position:absolute;left:0px;}


《兩欄式》右欄放寬 語法
.twocolga .yc3main {width:100%;float:left;height:100%;}
.twocolga .yc3mainbd {margin-right:50px;}
.twocolga .yc3pri {width:100%;}
.twocolga .yc3subbd {width:200px;position:absolute;right:0px;}
.twocolga .yc3sec {display:none;}


《兩欄式》左欄放寬 語法
.twocoldr .yc3main {width:94%;float:right;}
.twocoldr .yc3mainbd {margin-left:0px;}
.twocoldr .yc3pri {width:100%;}
.twocoldr .yc3subbd {width:200px;float:left;}
.twocoldr .yc3sec {display:none;}

 

詳細圖文教學:http://mymagicalstar.blogspot.com/2009/03/yahoo-blog_17.html

 

 

 

 

 LJH可愛抗痘貼 - 語法

<P align=center><a href="http://www.ljh.com.tw/product.asp?pid=16"><img   src="http://www.ljh.com.tw/edm/0413_ad_170x307.gif" border="0"></a></P>

 

 

 

 

arrow
arrow
    全站熱搜

    LJH2010 發表在 痞客邦 留言(0) 人氣()