如何在部落格描述的部分插入圖片

 

(『管理部落格』-->『面板設定』-->『自訂樣式』)

然後在『管理部落格』的裡面，『外觀設計』單元中的『面板設定』裡面的『自訂樣式』中，加入下列CSS語法：

/*Opacity for blast*/
#yblast{zoom:1;position:relative;top:110px;left:-150px;margin:0 0 -55px 0;z-index:2;}
#yblast .text,#yblast .bg{overflow:hidden;padding:5px 5px;width:47px;height:45px;}
#yblast .text{zoom:1;margin:-55px 0 0;}
#yblast .text a{display:none;}
#yblast a.edit{background:url(http://www.xxx.com/xxx.gif);width:13px;height:13px;}
#yblast .bg {zoom:1; filter:alpha(opacity:100); background: url(http://www.xxx.com/xxx.gif) no-repeat}
#yblast .text{color:#817254;}

 

語法說明：

#yblast{zoom:1;position:relative;top:110px;left:-150px;margin:0 0 -55px 0;z-index:2;}

top:110px;  招呼語與頁面上方的距離

left:-150px;  招呼語與左方區塊的距離

margin:0 0 -55px 0;   控制"最新文章"區塊與頁面上方的距離

z-index:2;  設定招呼語的層次層級

#yblast .text,#yblast .bg{overflow:hidden;padding:5px 5px;width:47px;height:45px;}

width:47px;height:45px;  招呼語的大小，也就是整張招呼語框的大小

#yblast .text a{display:none;} 

設定顯示或隱藏當別人進來時看到的"我要留言"四各字是否出現，現在是不出現，若要出現把display:none;拿掉即可

#yblast .bg {zoom:1; filter:alpha(opacity:100); background: url(http://www.xxx.com/xxx.gif) no-repeat;}

background: url(http://www.xxx.com/xxx.gif) no-repeat;   招呼語的框，no-repeat是設定不要重複拼貼