Blog 板


LINE

這是我之前嘗試在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
1F:推 strellson:很熱心的教學 :D 02/10 13:43
2F:推 WHOY:推+1 不過有沒有辦法弄個像無名上的月曆在blogger上呢?! 02/10 15:37
3F:→ WHOY:就是會在有po文的日期顯示連結的... 02/10 15:39
4F:→ strellson:前面文章好像有提到月曆找文章的功能 02/10 16:51
5F:推 sdico:推 我也在自己blog上用了一個 02/10 17:48
6F:推 miniggy:感謝 我也做了一個放自己blog 02/13 01:28
7F:推 brianhuang15:謝謝 我也放了一個~ 04/12 14:50







like.gif 您可能會有興趣的文章
icon.png[問題/行為] 貓晚上進房間會不會有憋尿問題
icon.pngRe: [閒聊] 選了錯誤的女孩成為魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一張
icon.png[心得] EMS高領長版毛衣.墨小樓MC1002
icon.png[分享] 丹龍隔熱紙GE55+33+22
icon.png[問題] 清洗洗衣機
icon.png[尋物] 窗台下的空間
icon.png[閒聊] 双極の女神1 木魔爵
icon.png[售車] 新竹 1997 march 1297cc 白色 四門
icon.png[討論] 能從照片感受到攝影者心情嗎
icon.png[狂賀] 賀賀賀賀 賀!島村卯月!總選舉NO.1
icon.png[難過] 羨慕白皮膚的女生
icon.png閱讀文章
icon.png[黑特]
icon.png[問題] SBK S1安裝於安全帽位置
icon.png[分享] 舊woo100絕版開箱!!
icon.pngRe: [無言] 關於小包衛生紙
icon.png[開箱] E5-2683V3 RX480Strix 快睿C1 簡單測試
icon.png[心得] 蒼の海賊龍 地獄 執行者16PT
icon.png[售車] 1999年Virage iO 1.8EXi
icon.png[心得] 挑戰33 LV10 獅子座pt solo
icon.png[閒聊] 手把手教你不被桶之新手主購教學
icon.png[分享] Civic Type R 量產版官方照無預警流出
icon.png[售車] Golf 4 2.0 銀色 自排
icon.png[出售] Graco提籃汽座(有底座)2000元誠可議
icon.png[問題] 請問補牙材質掉了還能再補嗎?(台中半年內
icon.png[問題] 44th 單曲 生寫竟然都給重複的啊啊!
icon.png[心得] 華南紅卡/icash 核卡
icon.png[問題] 拔牙矯正這樣正常嗎
icon.png[贈送] 老莫高業 初業 102年版
icon.png[情報] 三大行動支付 本季掀戰火
icon.png[寶寶] 博客來Amos水蠟筆5/1特價五折
icon.pngRe: [心得] 新鮮人一些面試分享
icon.png[心得] 蒼の海賊龍 地獄 麒麟25PT
icon.pngRe: [閒聊] (君の名は。雷慎入) 君名二創漫畫翻譯
icon.pngRe: [閒聊] OGN中場影片:失蹤人口局 (英文字幕)
icon.png[問題] 台灣大哥大4G訊號差
icon.png[出售] [全國]全新千尋侘草LED燈, 水草

請輸入看板名稱,例如:Gossiping站內搜尋

TOP