作者book90423 (blue shadow)
看板Blog
标题[分享] 制作属於自己的月历
时间Sat Feb 10 13:31:33 2007
这是我之前尝试在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