三 28
说明:
之前推出了一个JS版的欢迎界面,无需两个博客来做博客,一个地址就可以了.但因为自定义程度较低,也存在一定BUG,所以这次换了一个,支持完全自定义.
特点:
1.无需申请两个博客来转域名,一个博客即可.目前只适应新模板系统.
2.完全自定义页面,理论上只要你能写出一个页面,直接就可以使用它做为你的欢迎页面.
使用方法:
step 1 : 将以下代码复制到你模板的index里的最前面 (必须):
Have a nice day! ^_^
进入博客
step 2 : 关于自定义:
在代码中的自定义区域,你可以改成任何你想要的HTML代码.但是其中蓝色的部分是[进入按钮],如果没有这个按钮,默认的是倒数5秒自动进入博客,如果你需要这个按钮,就必须保留蓝色部分(可更改’进入博客’字样).
测试地址(暂时): http://testlds.blogbus.com/
最后感谢大家的支持.
update 09/06/07: 鉴于大家的反映，希望只在首页显示欢迎界面，现已更新此功能。
update 09/07/20: 代码已更新.
update 09/07/29: 为兼容IE,进行了一处修改,并更改了使用方法.
update 09/08/04: 重新改版，目前只适合新模板系统.
update 09/08/22: 该代码已通过多数人的测试成功，故不再接受使用方法或其他模板的相关咨询，请谅解。若您无法正常使用，请参照以下几个原因进行排查：
1. 使用方法错误：代码放置的位置错误；语法错误；HTML标签套嵌不当。
2. 模板系统问题：使用的是旧模板。
3. 脚本代码冲突：一般是不会出现冲突的。如果出现，多半是有其他JS代码直接在window.onload上绑定了函数。
4. 最后的建议，如果您对CSS,HTML一点都不懂，最好只尝试一次，如果失败请直接放弃。
八月 24th, 2009 at 17:43
坊主,我想問一下..我想把這個歡迎畫面搬到另一個博客裏面可不可以呢..?因為如果用了這個歡迎畫面,主頁日誌裏的歌就不能播放,只顯示白色圖片..囧.
我嘗試搬過一下,發現沒有
<a id="lds_enter" onclick="return false" href="#">进入博客</a>
這條代碼就自動跳進博客裏面了,這很麻煩呃..
不知道有沒有解決方法呢.?謝謝坊主了..
八月 23rd, 2009 at 08:53
….请问，可不可以在导入博客的那个链接上加图片…？然后移动到连接处还有备注显示的那种
八月 22nd, 2009 at 14:08
额…
咳 也是啊…
那达到这个.有什么法子吗?
八月 22nd, 2009 at 12:41
为什么我把屏风代码放进去，然后博客页面的字体居然又变成没有css定义的样子，就是字体都变成大大的？？
八月 22nd, 2009 at 10:50
代码的作者就不知道是谁了…
我问过那做这个模板效果的作者，但她也知道怎么解决这个问题..不知道怎么加个翻页不显示的效果?????????
那时候有人说可以使用ajax无刷新.但是不懂啊..
哈哈,急切想解决这个问题。
但自己这方面不懂,希望楼主帮忙….
<script src="http://joco.blogbus.com/files/12439093640.js" type="text/javascript"></script>
<script type="text/javascript">
// When the document loads do everything inside here …
$(document).ready(function(){
// When a link is clicked
$("a.tab").click(function () {
// switch all tabs off
$(".active").removeClass("active");
// switch this tab on
$(this).addClass("active");
// slide all elements with the class ‘content’ up
$(".content").slideUp();
// Now figure out what the ‘title’ attribute value is and find the element with that id. Then slide that down.
var content_show = $(this).attr("title");
$("#"+content_show).slideDown();
});
});</script>
屏风JS是这样..不知道怎么改.使翻页不要回到屏风.
博主 对 Joco 的回复: 2009-08-22 11:38:00
你这个不好弄。代码只是在隐藏一部分和显示一部分内容而已。
八月 22nd, 2009 at 07:55
你好..看了很多博使用这个方法,很棒.
但我现在用的这个屏风,每次日志翻页就会回到屏风.
这样看日志很头疼，不知道能不能用这里的这个方法弄成我现在的屏风 .对JS有点不能。
我的目的就是希望日志不要翻页又能实现现在的效果
博主 对 joco 的回复: 2009-08-22 09:13:28
理论上可以，不过你代码用得太多，中间可能会遇见许多问题。挺浪费时间。
你可以询问下你现在用的代码的作者，看他能不能把代码改进一下。加个翻页不显示的效果即可。
八月 19th, 2009 at 15:37
能不能换字体和字体大小呢？
博主 对 夲宫丶妖孽 的回复: 2009-08-19 17:10:57
自定义区域可以自己修改，用CSS什么都可以控制字体和大小。
八月 19th, 2009 at 14:39
</div><script>if ( location.pathname == ‘/’ ) {document.write("<div id=’old_body’ style=’display:none’>"); }
应该是这一句有问题，去了他之后就可以回复链接了 但是屏风页和我的主页重合在一页上了。。。我无能为力了，希望你能帮我
博主 对 leeminhua 的回复: 2009-08-19 17:10:31
你把你的那几个脚本丢到HEAD里面去看看。
八月 19th, 2009 at 14:39
</div><script>if ( location.pathname == ‘/’ ) {document.write("<div id=’old_body’ style=’display:none’>"); }
应该是这一句有问题，去了他之后就可以回复链接了 但是屏风页和我的主页重合在一页上了。。。我无能为力了，希望你能帮我
八月 19th, 2009 at 14:36
楼主，继续请教。我用了这个欢迎界面之后导致我之后的链接都没法用了。就是点击图片不会跳出来日志或者其他的相关链接，怎么回事呢这是，麻烦你了。
八月 17th, 2009 at 20:04
我加了你了，您查看下。
八月 17th, 2009 at 19:34
没有额，msn登入不上额，你有QQ么？
博主 对 BING.GO 的回复: 2009-08-17 19:54:11
和MSN帐号一样
八月 17th, 2009 at 16:15
怎么样子让那个评论分页，和主页面上面的共几页考左啊~
博主 对 BING.GO 的回复: 2009-08-17 19:15:51
你是不是自己解决了？
八月 17th, 2009 at 14:49
msn 短路了，登不上了。
八月 17th, 2009 at 11:30
为什么我文本左边的距离就是比右边的多0.5厘米啊~
八月 16th, 2009 at 20:30
怎么样子能让博客版面居中啊~
博主 对 BING.GO 的回复: 2009-08-17 00:13:40
你这模板要居中，一两句那是说不清楚的。简单的说就是有个浮动没有清除干净。你不是在学CSS嘛,正好当个课题自己研究玩玩，会有很大收获的，起码可以了解到CSS的BOX模型和几种布局类型。
要是实在研究不出来，把你现在的模板代码［导出］，然后发我邮箱
lds2012@gmail.com
八月 16th, 2009 at 16:50
還是我啊..
<a href=”http://www.google.com">相册</a>
<a href=”http://www.google.com">留言板</a>
那個,我添加地址之後再試..
點擊我添加的那些鏈接,都不行啊.~
博主 对 5iuwe. 的回复: 2009-08-16 18:56:55
引号打错了。多了一个引号，引号要把网址框进去。
八月 16th, 2009 at 15:57
恩啊=-=我知道
我觉得如果要在其他页面不出现屏风页，那么进入的页面最好也是加上index_1.html比较好
我没什么想问 只是来说说而已~>_<
博主 对 ylen 的回复: 2009-08-16 16:18:43
谢谢
八月 16th, 2009 at 14:47
好吧，我上次试过了，那个东西拉不开来，我有空再试试，不懂再问您。不过谢谢你，哈哈。
博主 对 BING.GO 的回复: 2009-08-16 14:49:22
那个代码我看过的，它和许多代码都可能冲突。所以拉不下来，很正常。还有，不用谢。
八月 16th, 2009 at 14:42
哇哈哈哈，我好开心，你好神奇。
八月 16th, 2009 at 14:30
http://ffydetail.blogbus.com/files/12383339590.html
这个怎么弄得啊，我也不会。
博主 对 BING.GO 的回复: 2009-08-16 14:44:18
他的使用方法写得很清楚了，不能让我给你翻译一遍吧。。。
八月 16th, 2009 at 14:27
还是有一小条白色的额~
博主 对 BING.GO 的回复: 2009-08-16 14:40:06
刚才那个改成：
.lds_new_welcome {
background:#000000 none repeat scroll 0 0;
height:650px;
margin:-20px 0 0;
}
八月 16th, 2009 at 14:09
额，刺激到我了，不是很会额，只是很努力的再学啦。
博主 对 BING.GO 的回复: 2009-08-16 14:18:58
类似这样
.lds_new_welcome {
background: #000;
height:800px;
width:100%;
}
你上面的白色空白，还得加个
body {
padding:0;
padding:0 !important;
}
八月 16th, 2009 at 14:04
不是很懂，要怎么改动啊。
博主 对 BING.GO 的回复: 2009-08-16 14:08:16
你CSS会多少？
八月 16th, 2009 at 13:58
謝謝你得代碼哈,不過我想要它居中怎麼辦,謝謝了.~
博主 对 5iuwe. 的回复: 2009-08-16 14:04:52
就知道你们要问的这个的，代码我改了，你再看看。加了个<center>标签。
八月 16th, 2009 at 13:54
如果要该背景颜色是不是要在css区域定义。
博主 对 BING.GO 的回复: 2009-08-16 13:59:44
这个区域的背景用的是 body里的 background属性。也就是说和模板的底色共享一个。
如果要单独定义，需要手工用CSS控制 lds_new_welcome的样式。
八月 16th, 2009 at 13:50
可以加你好友么~
博主 对 BING.GO 的回复: 2009-08-16 14:25:03
你是要加blogbus的好友，还是？我首页有常用联系方式，都可以加的。
八月 16th, 2009 at 13:49
OK了，谢谢你的代码，试验了很多次，可以了！你很厉害额~
博主 对 BING.GO 的回复: 2009-08-16 13:53:28
不客气
八月 16th, 2009 at 13:36
很难额，为什么我点击了进入空间一篇空白啊!
博主 对 BING.GO 的回复: 2009-08-16 13:44:17
你把下面代码复制了两遍。
<script>if ( location.pathname == ‘/’ ) {document.write("<div id=’old_body’ style=’display:none’>"); } else {document.write("<div id=’old_body’ style=”>"); }</script>
八月 16th, 2009 at 10:16
那個,如果我想在那個歡迎畫面上添加除了進入博客之外的東西呢,.?例如Links,留言板啊那些的..謝謝..
博主 对 5iuwe. 的回复: 2009-08-16 13:43:51
<a href=”http://www.google.com">相册</a>
<a href=”http://www.google.com">留言板</a>
链接要自己改。
八月 16th, 2009 at 02:26
……对 又是我=，=
<a id="lds_enter" onclick="return false" href="#">进入博客</a><br />
但是如果进入博客之后-点击进入日记，然后按返回上一页的时候，会弹回屏风页。（当然不知道其他人有没有我这种习惯=。=）
所以，我把进入博客的链接改为<a href="http://{#domain}/index_1.html">。而且，日志内页的“首页”也需要加上index_1.html（如果希望点首页不出现屏风的话……）
博主 对 ylen 的回复: 2009-08-16 09:29:32
我没看懂你说的….你说的“返回上一页”是点击的浏览器按钮，还是什么，如果是点击浏览器按钮，那返回的URL就还是绝对首页，肯定会弹出屏风的。
出不出现屏风，主要看的是URL。
会弹出屏风页的URL，只有 http://xxx.blogbus.com/ 这一个，也就是绝对首页。
日志页：http://xxx.blogbus.com/logs/xxxxxx.html
其他分页：http://xxx.blogbus.com/index_x.html （包括index_1.html）都是不会弹出屏风页的。
八月 15th, 2009 at 21:21
好啦。我知道是怎么回事啦。
太感谢啦。
大感谢～
八月 15th, 2009 at 18:50
去掉了。可是每次翻页次页都会是空白….下面浏览器状态是完成….又是怎么…我好抑郁
博主 对 Zoey 的回复: 2009-08-15 19:09:15
你检查你自己写的自定义区域的代码，有个<div>没有正常关闭（没有对应的</div>）。所以把下面的框进去了，就显示不出来了。
八月 15th, 2009 at 13:55
谢谢分享，可是我的这里每到了翻页的时候还会出现最开始的欢迎代码….
成了子模板的一部分….这样怎么办？
博主 对 Zoey 的回复: 2009-08-15 15:44:20
<!—自定义区域:开始—> <br /><br /> <br /><br /> <br />
</div> <br />
<br /><br /> <br /><br /> <br />
<body> <br />
<br />
<br />
————————————–<br />
你代码写错了，去掉上面的 </div>和<body>两个标签<br />
八月 14th, 2009 at 16:41
這個代碼是在是太有用了>_<~~~~~~~~非常感謝~~
博主 对 小麥殷殷 的回复: 2009-08-14 17:40:16
客气
八月 12th, 2009 at 10:17
为什么我的屏风会显示在最左边？
而且进入后
博客的模版没有了
只剩下博客的名称和简介
其余的什么东西都没有了
博主 对 然而。 的回复: 2009-08-12 13:47:55
1, 出现在最左边是正常的，屏风的内容和初始一张空白页面是一样的，都是左对齐，你要自己控制样式。
2.模板没有，有两种可能，一是旧模板系统，二是新模板系统放错了位置，三是有脚本冲突。
3，另外，我看你现在的代码，head里面的最后一行是这个：
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
这个有问题，应该去掉。这个mete应该是head里的第一行。
八月 12th, 2009 at 01:05
就是看到你的在ie6下能显示（……）
而且大巴前段时间屏蔽了某个实现的代码？
谢谢解答！不过可不可以给出你的代码呢？>///<
博主 对 ylen 的回复: 2009-08-12 01:16:29
<link href="http://lds2008.blogbus.com/files/12354827390.ico" type="image/ico" rel="shortcut icon" />
我记得当时弄这个的时候好像试过，ie下没有动画效果，只有第一帧，ico的文件大了也确实无法显示。主要还是ico的文件大小问题。再就是刷新页面没有用，要重启浏览器才能看到效果。
八月 12th, 2009 at 01:00
favicon.ico
打错字了，网址栏的那个图标。
博主 对 ylen 的回复: 2009-08-12 01:02:10
google说favicon太大了，IE6就不会显示，一般1K左右可以显示吧。（我没测试过。）
八月 11th, 2009 at 19:11
请问网之前那个16*16的ico，用什么代码让ie6支持？
谢谢解答！
博主 对 ylen 的回复: 2009-08-12 00:58:29
什么16*16的ico？
八月 8th, 2009 at 11:25
谢谢楼主。已经知道了，太感谢了～
八月 6th, 2009 at 19:59
那个…我想把你给我的源代码放到我的blog的文件中…可是怎么样才能让它后缀名变成.js？好像变成http://miaok.blogbus.com/files/12492838000.js 要怎么做？
博主 对 enxuwong 的回复: 2009-08-06 20:51:09
….
1.你把代码保存到本地的一个新建文本例如 123.txt 里面，然后将其保存，改名为 123.js
2.将123.js 上传到你的博客–［文件］中。
3.然后在［博客］-［文件］中可以得到该文件的链接地址，例如：http://lds2008.blogbus.com/files/12494092510.js
八月 6th, 2009 at 16:52
js是要申请的么？去哪里获得js程序的代码？
博主 对 enxuwong 的回复: 2009-08-06 17:27:41
源代码在里面啊。
http://lds2008.blogbus.com/files/12494092510.js
八月 5th, 2009 at 15:50
错了错了
JS要放在INDEX里才行= =
不然日志内页会不显示内容
八月 5th, 2009 at 15:40
来谢谢博主，实验成功了
另外，我是旧系统，我也可以用的
我是把代码部分放在INDEX的<body>后面
JS放在了Header模块中
博主 对 F. 的回复: 2009-08-05 16:54:29
原本旧系统是可以用的，之前也有几个人测试成功过。但我这次测试后发现确实存在一定BUG，目前还没找到原因。
八月 5th, 2009 at 09:49
非常感谢呢O(∩_∩)O~
八月 4th, 2009 at 20:56
现在是成功了……
可是翻页后又回到屏风了……呃
我看了下测试地址，好像也是这样子
博主 对 F. 的回复: 2009-08-04 22:42:07
已修复。请重新复制代码。
八月 4th, 2009 at 20:47
摁,我想再问个问题 就是旧模板的话 这代码放在那里 ?
也是INDEX里么? 我试过了 可是点击进去后 整个模板变了 怎么办呢?
博主 对 PingzI 。 的回复: 2009-08-04 22:41:20
目前不支持旧模板系统。
八月 4th, 2009 at 17:26
LZ能不能举个实际的例子
博主 对 Elavant 的回复: 2009-08-04 17:36:35
你可以先看看截图
http://lds2008.blogbus.com/files/12493807070.gif
然后看看测试地址的源代码.
http://testlds.blogbus.com/
八月 4th, 2009 at 11:13
有新旧模板之分吗？而且LZ说得不详细啊、
<!—请在以下区域写你的HTML代码—>
这里是放什么呢 LZ解释下吧
<!—请在以上区域写你的HTML代码—>
博主 对 猴猴 的回复: 2009-08-04 17:15:22
新旧都可以用.
比如
<!—请在以下区域写你的HTML代码—>
<h2>这里是欢迎界面</h2>
<a id="lds_enter" onclick="return false" href="#">进入博客</a>
<!—请在以上区域写你的HTML代码—>
八月 4th, 2009 at 09:17
自动跳转的就可以 可是手动点进去的不行!
博主 对 PingzI 。 的回复: 2009-08-04 17:14:08
已修复,请重新复制.
八月 4th, 2009 at 07:53
<!—请在以下区域写你的HTML代码—>
以上这个是什么意思……
博主 对 凡拾夕 的回复: 2009-08-04 17:17:27
就是直接在里面写html代码 就可以显示出来.
例如:
比如
<!—请在以下区域写你的HTML代码—>
<h2>这里是欢迎界面</h2>
<a id="lds_enter" onclick="return false" href="#">进入博客</a>
<!—请在以上区域写你的HTML代码—>
你直接在里面打字也可以.
八月 3rd, 2009 at 19:53
我想提问
我用的是旧系统，JS部分放在了HEAD
然后在INDEX按
<body>
<div id="old_body" style="display:none">
<a id="lds_enter" onclick="return false" href="#">进入博客</a>
我的博客代码
</body>
这样的格式放的代码
为什么打开首页能显示“进入博客”四个字，但是点击它却没有反应？
博主 对 F. 的回复: 2009-08-04 17:12:08
已修复,请重新复制.
还有js脚本最好放index里面 不要放head里
七月 31st, 2009 at 10:44
这个方法很棒啊~不知道放在自定义HTML里面有效吗？这样就可以做成成套的模板让人使用了~
博主 对 kkyuki 的回复: 2009-07-31 13:28:01
只能放在index的最前面。也就是body标签里的第一个元素。
七月 19th, 2009 at 09:33
<script type="text/javascript" src="http://whitree.blogbus.com/files/12474024690.js">
</script>
<body>
<!—请在以下区域写你的HTML代码—>
<!—请在以上区域写你的HTML代码—>
<div id="old_body" style="display:none">
<style type="text/javascript">if ( location.pathname != ‘/’ ) {document.write(‘–>
</style>
我用的是这个代码,也是以前在你这里看到的,自己存了下来,这个就没有问题
博主 对 乔木 的回复: 2009-07-19 22:41:10
那就用原来那个吧. 那个旧的标签我写错了,所以改了过来,测试这个新的也是好的.
既然旧的能用,就用旧的吧.
七月 19th, 2009 at 09:18
我发现不行了,没反应~~不过我用以前存的你那代码还行啊.
七月 18th, 2009 at 14:47
好麻烦啊 – -我用了没反应啊
博主 对 卡小卡~ 的回复: 2009-07-18 20:10:01
你换上后,告诉我一声,我去帮你看看.
七月 11th, 2009 at 22:27
不行呢！我的按你的方法加了你的代码，点进去后什么也没有。
可以教教我吗？
我用的是旧模板，加在了header的最后面。
http://hemrs.blogbus.com/
麻烦了！
博主 对 yupire 的回复: 2009-07-20 12:15:26
代码已更新,可以再试试.
六月 8th, 2009 at 12:00
问题解决了
十分感谢呢
：）
六月 7th, 2009 at 23:44
试过了 可是没有变化 不知道为什么
T-T
博主 对 miaok 的回复: 2009-06-08 00:01:40
你用的方法有问题。代码需要用我新写的。注意我写的使用方法（JS代码不能到处放）。
六月 7th, 2009 at 17:39
学习了 感谢 不过能不能克服
翻页的时候又回到欢迎界面的状态呢
总之
这个代码很有用
博主 对 miaok 的回复: 2009-06-07 21:30:29
这个问题已解决，方法已更新。
六月 3rd, 2009 at 12:27
就是翻页进入日记的时候都会出现屏风啊
博主 对 summer 的回复: 2009-06-03 12:52:14
这个问题已解决，方法已更新。
五月 1st, 2009 at 11:20
今天偶然来到这里，这很好很强大喔。
这个很好呀。支持呀。
“默认的是等待五秒就自动进入,但如果你加了进入的按钮,就变成点了按钮才会进入”
我想问下，这个有没有可能做成：
“在添加入了进入的按钮后，即使没有操作，过5秒后也会自动进入。”
这种效果呀？？？
谢谢~
博主 对 .CbiN 的回复: 2009-05-01 15:53:41
帮你改了一下，用这个即可。
http://testlds.blogbus.com/files/12411641160.js
四月 26th, 2009 at 17:56
哇~！ 太喜欢这个啦~！！感谢ing……
四月 6th, 2009 at 14:52
那BO主加油，我们等着哦
四月 5th, 2009 at 14:33
謝謝解答^ ^ 期待新教程：）
四月 3rd, 2009 at 13:21
覺得這個程序非常的實用：），試著做了一下，想請問兩個問題:)
這個方法並非是點擊鏈接進入而是等待數秒后自動載入頁面嗎？
我的似乎是這個情況：）
每一次翻頁和進入日誌内頁的時候都會出現屏風，可以只在進入博克的時候顯示嗎？
期待解答:)
博主 对 ying 的回复: 2009-04-05 08:31:45
第1个问题:
默认的是等待数秒就自动进入,但如果你加了进入的按钮,就变成点了按钮才会进入,按钮的HTML代码,文章里已写.
第2个问题:
这个问题很好解决,我有时间就写一下.
九月 20th, 2009 at 21:51
你好，这个代码很好用，只是有个问题搞不明白，
为什么放进去后 博客的字间距变了？ 怎么样 才能和LOG里的一样？
九月 20th, 2009 at 22:03
仔细看了看 是字体发生变化了 到底为什么？
九月 20th, 2009 at 22:23
代码放错了位子，放index里的最前面
十月 9th, 2009 at 13:33
謝謝作者提供這么有用的代碼。
可惜這樣一來屏風的背景就一定是和內頁一樣的，我試了很久也解決不了這個問題。
所以只好又回歸兩個網站了。。。T________T