自製訂閱圖示

訂閱圖案樣式分享與應用

 

本文出處引用請帶走

語法：

/*btnsbsrb訂閱部落格圖示*/
div#btnsbsrb a{display:block;width:200px;height:150px;overflow:hidden;background:url(網址) no-repeat;margin:0;}
.yc3pribd .text {color: #141873;}

點選喜愛的圖款按右鍵→內容→複製網址→貼於紫色字體部份

綠色字體/200/為*寬*

紅色字體/150/為*高*

●數字部份要自行修改至適當位置否則較大的圖會被切掉

貼於管理部落格→面版設定→自訂樣式中

若有重覆要先刪除

完成後另開視窗檢視**在自己的部落格是看不到訂閱圖示的**

  

/*btnsbsrb訂閱部落格圖示*/ div#btnsbsrb a{display:block;width:200px;height:150px;overflow:hidden;background:url(http://hk.geocities.com/pipi66ggg/g-1.gif) no-repeat;margin:0;} .yc3pribd .text {color: #141873;} /*btnsbsrb訂閱部落格圖示*/ div#btnsbsrb a{display:block;width:200px;height:100px;overflow:hidden;background:url(http://hk.geocities.com/pipi66ggg/kitty-2.gif) no-repeat;margin:0;} .yc3pribd .text {color: #141873;} /*btnsbsrb訂閱部落格圖示*/ div#btnsbsrb a{display:block;width:200px;height:150px;overflow:hidden;background:url(http://hk.geocities.com/pipi66ggg/g-6.gif) no-repeat;margin:0;} .yc3pribd .text {color: #141873;}     /*btnsbsrb訂閱部落格圖示*/ div#btnsbsrb a{display:block;width:300px;height:250px;overflow:hidden;background:url(http://hk.geocities.com/pipi66ggg/g-40.gif) no-repeat;margin:0;} .yc3pribd .text {color: #141873;} /*btnsbsrb訂閱部落格圖示*/ div#btnsbsrb a{display:block;width:200px;height:150px;overflow:hidden;background:url(http://hk.geocities.com/pipi66ggg/g-7.gif) no-repeat;margin:0;} .yc3pribd .text {color: #141873;}	/*btnsbsrb訂閱部落格圖示*/ div#btnsbsrb a{display:block;width:200px;height:350px;overflow:hidden;background:url(http://hk.geocities.com/pipi66ggg/g-3.gif) no-repeat;margin:0;} .yc3pribd .text {color: #141873;}       /*btnsbsrb訂閱部落格圖示*/ div#btnsbsrb a{display:block;width:200px;height:180px;overflow:hidden;background:url(http://hk.geocities.com/pipi66ggg/g-4.gif) no-repeat;margin:0;} .yc3pribd .text {color: #141873;}   /*btnsbsrb訂閱部落格圖示*/ div#btnsbsrb a{display:block;width:200px;height:350px;overflow:hidden;background:url(http://hk.geocities.com/pipi66ggg/g-2.gif) no-repeat;margin:0;} .yc3pribd .text {color: #141873;}
/*btnsbsrb訂閱部落格圖示*/ div#btnsbsrb a{display:block;width:250px;height:350px;overflow:hidden;background:url(http://hk.geocities.com/pipi66ggg/doll-1.gif) no-repeat;margin:0;} .yc3pribd .text {color: #141873;}	/*btnsbsrb訂閱部落格圖示*/ div#btnsbsrb a{display:block;width:200px;height:150px;overflow:hidden;background:url(http://hk.geocities.com/pipi66ggg/c2-1.gif) no-repeat;margin:0;} .yc3pribd .text {color: #141873;}
/*btnsbsrb訂閱部落格圖示*/ div#btnsbsrb a{display:block;width:200px;height:200px;overflow:hidden;background:url(http://hk.geocities.com/pipi66ggg/kitty-4.gif) no-repeat;margin:0;} .yc3pribd .text {color: #141873;}	/*btnsbsrb訂閱部落格圖示*/ div#btnsbsrb a{display:block;width:200px;height:350px;overflow:hidden;background:url(http://hk.geocities.com/pipi66ggg/kitty-3.gif) no-repeat;margin:0;} .yc3pribd .text {color: #141873;}