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

看板Blog作者 (blue shadow)時間19年前 (2007/02/10 13:31), 編輯推噓5(502)
留言7則, 5人參與, 最新討論串1/1
這是我之前嘗試在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="Get" rel="nofollow">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="Get" rel="nofollow">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

02/10 13:43, , 1F
很熱心的教學 :D
02/10 13:43, 1F

02/10 15:37, , 2F
推+1 不過有沒有辦法弄個像無名上的月曆在blogger上呢?!
02/10 15:37, 2F

02/10 15:39, , 3F
就是會在有po文的日期顯示連結的...
02/10 15:39, 3F

02/10 16:51, , 4F
前面文章好像有提到月曆找文章的功能
02/10 16:51, 4F

02/10 17:48, , 5F
推 我也在自己blog上用了一個
02/10 17:48, 5F

02/13 01:28, , 6F
感謝 我也做了一個放自己blog
02/13 01:28, 6F

04/12 14:50, , 7F
謝謝 我也放了一個~
04/12 14:50, 7F
文章代碼(AID): #15pLYsIg (Blog)