[分享] 製作屬於自己的月曆

[book90423 (blue shadow)]

這是我之前嘗試在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
晚點再補上改月曆背景色的部份

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 220.138.64.235
推 strellson:很熱心的教學  :D
推 WHOY:推+1  不過有沒有辦法弄個像無名上的月曆在blogger上呢?!
→ WHOY:就是會在有po文的日期顯示連結的...
→ strellson:前面文章好像有提到月曆找文章的功能
推 sdico:推 我也在自己blog上用了一個
推 miniggy:感謝 我也做了一個放自己blog
推 brianhuang15:謝謝 我也放了一個~