【部落格素材教學法】端午節應景時計+桌布＠☆★風吹向落葉。隨風飄落的楓葉。學習的園地-落葉之楓的新聞台★☆

2013-06-12 22:12:17 | 人氣98| 回應0 | 上一篇 | 下一篇

【部落格素材教學法】端午節應景時計+桌布

推薦 0 收藏 0 轉貼0 訂閱站台

目前﹝.swf動畫檔或影音檔﹞只能用﹝原始碼﹞引用文章，造成不便，懇請見諒。

寬124 像素_標準二、三欄式﹝黑色背景﹞自訂欄位語法

http://blog.roodo.com/happy104/b9cc4aef.swf" width="124" height="88">

寬150 像素_加大﹝黑色背景﹞自訂欄位語法

http://blog.roodo.com/happy104/b9cc4aef.swf" width="150" height="106">

寬170 像素_加大﹝黑色背景﹞自訂欄位語法

http://blog.roodo.com/happy104/b9cc4aef.swf" width="170" height="120">

寬124 像素_標準二、三欄式﹝透明背景﹞自訂欄位語法

http://blog.roodo.com/happy104/b9cc4aef.swf" width="124" height="88" wmode="transparent">

寬150 像素_加大﹝透明背景﹞自訂欄位語法

http://blog.roodo.com/happy104/b9cc4aef.swf" width="150" height="106" wmode="transparent">

寬170 像素_加大﹝透明背景﹞自訂欄位語法

http://blog.roodo.com/happy104/b9cc4aef.swf" width="170" height="120" wmode="transparent">

在 (紅色網址) 按右鍵『另存目標』即可收藏。

可依自己的欄位需求更改圖檔大小(數字增減) width="寬" height="高"

在語法框裡面空白處用左鍵﹝快速按三下﹞，讓語法全部反黑，再按右鍵複製即可。

端午節應景桌布1024x768 像素-按右鍵『另存圖片』即可收藏。

按網址看圖

http://farm8.staticflickr.com/7112/7409422364_61d86b1ba4_b.jpg

(自定背景圖) 語法 (紅色部份為上方背景圖網址)

↓

/*Background固定背景*/
body {
background-image:url(http://farm8.staticflickr.com/7112/7409422364_61d86b1ba4_b.jpg );
background-repeat:no-repeat;
background-position:0% 0%;
background-attachment:fixed;}

(自定背景圖) 語法教學

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

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

CSS語法內沒有背景圖語法就直接貼上有的話請（覆蓋原先的設定）

(重覆貼取語法會干擾程式，可能會造成效果無法顯示，或是其他無法預期的事情，除非把語法清除重新設定)

【進階樣式和自訂樣式的設定也會相互干擾】

找圖檔網址教學

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

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

把【網址】複製 → 套用到語法裡面，就OK囉！

背景圖片必須是放置在網路空間的圖片

不能用自己電腦內的圖片 ~ 也不可用各部落格相簿內的圖片

(您現在看得的到的圖片都可以使用)

可以直接使用的【漂亮背景圖】

↓

精選45張1024x768 像素_玫瑰花背景圖(桌布)

精選12張超漂亮 1024x768 像素聖誕 + 新年桌布

精選39 + 97張 1024x768 像素聖誕桌布

10張 1024x768像素【花卉】背景圖

11張漂亮大背景圖

24張 1024x768 像素夜景背景圖

自定欄位教學

↓

請從管理部落格進入 → 管理自訂欄位 → 寫好自定欄位名稱

請將上面語法 → 複製到自定欄位內容裡面 → 輸入完成按儲存。

自定欄位 →【可以自己增加設定5個欄位】一個欄位可以把很多東西放在一起喔！

本篇文章﹝原始碼﹞引用文章 10秒鐘快速完成！希望能帶給您更方便，也希望您會喜歡。

http://blog.roodo.com/happy104/eaec42df.gif" />

目前﹝.swf動畫檔或影音檔﹞只能用﹝原始碼﹞引用文章，造成不便，懇請見諒。

http://blog.roodo.com/happy104/b9cc4aef.swf" type="application/x-shockwave-flash" allowscriptaccess="never">

寬124 像素_標準二、三欄式﹝黑色背景﹞自訂欄位語法

寬150 像素_加大﹝黑色背景﹞自訂欄位語法

寬170 像素_加大﹝黑色背景﹞自訂欄位語法

http://blog.roodo.com/happy104/b9cc4aef.swf" type="application/x-shockwave-flash" allowscriptaccess="never" wmode="transparent">

寬124 像素_標準二、三欄式﹝透明背景﹞自訂欄位語法

寬150 像素_加大﹝透明背景﹞自訂欄位語法

寬170 像素_加大﹝透明背景﹞自訂欄位語法

在 (紅色網址) 按右鍵『另存目標』即可收藏。http://l.yimg.com/f/i/tw/blog/smiley/1.gif" />

可依自己的欄位需求更改圖檔大小(數字增減) width="寬" height="高"

在語法框裡面空白處用左鍵﹝快速按三下﹞，讓語法全部反黑，再按右鍵複製即可。

http://l.yimg.com/f/i/tw/blog/smiley/39.gif" />

端午節應景桌布1024x768 像素-按右鍵『另存圖片』即可收藏。

按網址看圖

http://blog.roodo.com/happy104/eaec42df.gif" />

http://farm8.staticflickr.com/7112/7409422364_61d86b1ba4_b.jpg" target="_blank">http://farm8.staticflickr.com/7112/7409422364_61d86b1ba4_b.jpg

(自定背景圖) 語法 (紅色部份為上方背景圖網址)

↓

/*Background固定背景*/
body {
background-image:url(http://farm8.staticflickr.com/7112/7409422364_61d86b1ba4_b.jpg"> color="#ff0000">http://farm8.staticflickr.com/7112/7409422364_61d86b1ba4_b.jpg );
background-repeat:no-repeat;
background-position:0% 0%;
background-attachment:fixed;}

(自定背景圖) 語法教學

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

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

CSS語法內沒有背景圖語法就直接貼上有的話請（覆蓋原先的設定）

(重覆貼取語法會干擾程式，可能會造成效果無法顯示，或是其他無法預期的事情，除非把語法清除重新設定)

【進階樣式和自訂樣式的設定也會相互干擾】

找http://tw.myblog.yahoo.com/jw!wYx0YyCGQUXR43yXjqsCSvL5Kg--/article?mid=5505&prev=5507&next=5442"> color="#ff0000">圖檔網址教學

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

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

把【網址】複製 → 套用到語法裡面，就OK囉！

背景圖片必須是放置在網路空間的圖片

不能用自己電腦內的圖片 ~ 也不可用各部落格相簿內的圖片

(您現在看得的到的圖片都可以使用)

可以直接使用的【漂亮背景圖】

↓

http://tw.myblog.yahoo.com/jw!wYx0YyCGQUXR43yXjqsCSvL5Kg--/article?mid=249795&prev=-1&next=249732" target="_blank">精選45張1024x768 像素_玫瑰花背景圖(桌布)

http://tw.myblog.yahoo.com/jw!wYx0YyCGQUXR43yXjqsCSvL5Kg--/article?mid=226637&prev=226745&next=226602&l=f&fid=17" target="_blank">精選12張超漂亮 1024x768 像素聖誕 + 新年桌布

http://tw.myblog.yahoo.com/jw!wYx0YyCGQUXR43yXjqsCSvL5Kg--/article?mid=226193&prev=226229&next=-1" target="_blank">精選39 + 97張 1024x768 像素聖誕桌布

http://tw.myblog.yahoo.com/jw!wYx0YyCGQUXR43yXjqsCSvL5Kg--/article?mid=27377&prev=36685&next=23070&l=f&fid=13" target="_blank">10張 1024x768像素【花卉】背景圖

http://tw.myblog.yahoo.com/jw!wYx0YyCGQUXR43yXjqsCSvL5Kg--/article?mid=15546&prev=15755&next=15380&l=f&fid=13" target="_blank">11張漂亮大背景圖

http://tw.myblog.yahoo.com/jw!wYx0YyCGQUXR43yXjqsCSvL5Kg--/article?mid=15257&prev=15259&next=15256" target="_blank">24張 1024x768 像素夜景背景圖

自定欄位教學

↓

請從管理部落格進入 → 管理自訂欄位 → 寫好自定欄位名稱

請將上面語法 → 複製到自定欄位內容裡面 → 輸入完成按儲存。

自定欄位 →【可以自己增加設定5個欄位】一個欄位可以把很多東西放在一起喔！

http://l.yimg.com/f/i/tw/blog/smiley/39.gif" />

本篇文章﹝原始碼﹞引用文章 10秒鐘快速完成！希望能帶給您更方便，也希望您會喜歡。

http://img253.imageshack.us/img253/5208/1301300.jpg" style="border: 3px ridge rgb(255, 0, 0);" bgcolor="#ff0000">

不必傷腦筋10秒鐘快速引用本篇文章﹝原始碼﹞教學：

1.在語法框黑色文字上面用左鍵快速按三下( IE 瀏覽器適用 ) ，等約2秒鐘讓語法全部反黑，再按右鍵複製。( 其它瀏覽器請用傳統方式複製上面原始碼引用即可) http://tw.myblog.yahoo.com/jw!wYx0YyCGQUXR43yXjqsCSvL5Kg--/article?mid=274988&prev=275032&next=274940" target="_blank">→ 3套最新版瀏覽器

2.點文章右下角的﹝我要引用﹞。

3.點了﹝我要引用﹞之後就直接連結到您要﹝發表文章﹞的地方。

4.把﹝ 口觀看 HTML 原始碼﹞打勾。

5.貼上剛才複製的 →﹝整篇文章原始碼﹞。

6.﹝寫好文章標題﹞按﹝立即發表﹞→ 完成。

☞ 文章發表後如果再重新編輯﹝語法﹞會全部失效，須要重新﹝引用﹞喔！ ☜

不必傷腦筋10秒鐘快速引用本篇文章﹝原始碼﹞教學：

1.在語法框黑色文字上面用左鍵快速按三下( IE 瀏覽器適用 ) ，等約2秒鐘讓語法全部反黑，再按右鍵複製。( 其它瀏覽器請用傳統方式複製上面原始碼引用即可) → 3套最新版瀏覽器

2.點文章右下角的﹝我要引用﹞。

3.點了﹝我要引用﹞之後就直接連結到您要﹝發表文章﹞的地方。

4.把﹝ 口觀看 HTML 原始碼﹞打勾。

5.貼上剛才複製的 →﹝整篇文章原始碼﹞。