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