製作屬於自己的月曆 - 部落格

Hedy avatar
By Hedy
at 2007-02-10T13:31

Table of Contents

這是我之前嘗試在Blogger中放月曆時無聊的研究,
想說分享給大家知道一下^^

簡單的說就是把某些網站提供的月曆樣式改成你自己的圖片,基本上也不用
用到什麼特殊軟體,記事本就夠了~
如果對改造Blog的人有興趣的人可以參考看看

原月曆:
http://www.free-blog-content.com/Calendars/calendar0032.htm
改過的成品大約是這樣:
http://book90423.googlepages.com/004.html

放在Blog的樣子(請拉到右下角看)
http://book90423.blogspot.com/


簡單做一下說明:
(網誌那個教學雖然是圖文並茂版,但礙於程式碼的表現很難控制,所以寫的很糟~"~)

先到這個網站選取你想要的版型:
http://free-blog-content.com/index.html

我自己是選擇這區的做修改
http://free-blog-content.com/Animal-Calenders.htm

先將網站提供的程式碼貼到記事本上

<!-- FREE-BLOG-CONTENT.com -->
<br><center><iframe
src="http://www.free-blog-content.com/Calendars/calendar0032.htm" width="166"
height="332" marginwidth="0" marginheight="0" frameborder="no" scrolling=no
allowtransparency="true"></iframe></center>
<center><a style="font-size: 3mm"
href="http://www.free-blog-content.com/">Get your own
calendar</a></center></br>


http://www.free-blog-content.com/Calendars/calendar0032.htm
這種的網址擷取出來,貼在網址列上後按"enter"

接著在此網頁上按檢視→原始檔
然後就會出現一個寫滿程式碼的記事本,我們就要從其中改造出自己的月曆


改造的要點:
在原始檔中的程式碼找出下面幾列

<img border="0" src="pics/cal29.jpg" width="160" height="229"></td>
黃色是圖檔的位置,藍色則是圖檔的大小

接著,找一張圖,長寬比例最好與上列藍色中的長寬比相符,
將圖傳到網路空間,取得一個位址
例如我的是:http://book90423.googlepages.com/calendar.gif

然後將這個圖的圖檔位址貼到上列程式碼中黃色的區域(如下)
<img border="0" src="http://book90423.googlepages.com/calendar.jpg"
width="160" height="214">

之後將記事本裡的內容另存新檔,檔名可任取,副檔名要改成htm/html
(我是改成004.html)

將這個html檔傳至網頁空間,取得一個位址
例如:http://book90423.googlepages.com/004.html

回到一開始月曆網站所提供的那很短的程式碼
將html檔的位址取代掉下列這個網址
http://www.free-blog-content.com/Calendars/calendar0032.htm

然後整段程式碼會變成(注意黃色的地方已經被改掉了)
<!-- FREE-BLOG-CONTENT.com -->
<br><center><iframe src="http://book90423.googlepages.com/004.html"
width="166" height="332" marginwidth="0" marginheight="0" frameborder="no"
scrolling=no allowtransparency="true"></iframe></center>
<center><a style="font-size: 3mm"
href="http://www.free-blog-content.com/">Get your own
calendar</a></center></br>

接下來就到你的Blog新增一個HTML/JavaScript 的網頁元素
將這段貼上去後儲存即可

大略的方式大概是這樣,我的技巧可能還不太好,可能還有
畫蛇添足或缺漏之處,還請大家幫忙指正m(_ _)M
晚點再補上改月曆背景色的部份

--

All Comments

Doris avatar
By Doris
at 2007-02-11T22:35
很熱心的教學 :D
Linda avatar
By Linda
at 2007-02-14T14:37
推+1 不過有沒有辦法弄個像無名上的月曆在blogger上呢?!
Daph Bay avatar
By Daph Bay
at 2007-02-16T14:39
就是會在有po文的日期顯示連結的...
Daniel avatar
By Daniel
at 2007-02-18T10:05
前面文章好像有提到月曆找文章的功能
Adele avatar
By Adele
at 2007-02-21T08:44
推 我也在自己blog上用了一個
Madame avatar
By Madame
at 2007-02-23T13:03
感謝 我也做了一個放自己blog
Ula avatar
By Ula
at 2007-02-23T22:49
謝謝 我也放了一個~

Re: PTT Blog板友簽到簿(PTTBlogRolling!)

Sandy avatar
By Sandy
at 2007-02-10T06:02
ID: daff0408 網址: http://www.wretch.cc/blog/daff0408 站名: Daphneand#39;s Lab. 架設環境: 無名 簡介: 自己的生活雜七雜八 手工藝DIY等等的心得 - ...

請問BLOGGER背景的問題

Thomas avatar
By Thomas
at 2007-02-09T23:34
※ 引述《flypenguin (MARINE)》之銘言: : 標題: [問題]請問BLOGGER背景的問題 : 時間: Fri Feb 9 18:28:32 2007 : : 小弟想在blogger最上方的那個 「標頭」橫列加入背景, (怎麼會翻成標頭...) : : 而底下的地方都是素色無背景,請問這 ...

請問BLOGGER背景的問題

Bethany avatar
By Bethany
at 2007-02-09T18:28
小弟想在blogger最上方的那個 「標頭」橫列加入背景, (怎麼會翻成標頭...) 而底下的地方都是素色無背景,請問這樣子要如何加入語法呢? -- 親眼所見,是事實,卻不一定是真實。 - ...

樂多"插入欄位"的位置?

Carol avatar
By Carol
at 2007-02-09T17:56
最近把Blog搬到樂多了 剛剛把連結丟給同學的時候卻發現 他用IE6去開網址的話 原本在左邊的and#34;插入欄位and#34;會全部移到網頁下面 像這樣: http://myurl.com.tw/itf3 我自己在家用FireFox或IE7來開啟則不會有這個問題 板上的大大有沒有人知道問題出在 ...

blogger備份

Elma avatar
By Elma
at 2007-02-09T14:51
我看了精華區,也爬文 但我真的不懂要怎樣備份blogger 精華區提供的備份軟體我下載後打不開T_T 還是我得一篇篇的自己複製貼回電腦呢... 謝謝 - ...