zblog网页背景特效 zblog主题制作教程

如何在博客上加特效

常用博客网页特效代码

创新互联一直秉承“诚信做人，踏实做事”的原则，不欺瞒客户，是我们最起码的底线！ 以服务为基础，以质量求生存，以技术求发展，成交一个客户多一个朋友！为您提供成都网站设计、成都做网站、外贸网站建设、成都网页设计、微信小程序开发、成都网站开发、成都网站制作、成都软件开发、重庆App定制开发是成都本地专业的网站建设和网站设计公司，等你一起来见证！

2005年 01月10日

博客介绍特效、状态栏特效、收藏夹特效、首页特效、如何加入背景音乐、加入百度、google搜索栏............

常用特效全包括。

说明：把下面的特效代码粘贴到博客介绍栏既可。但状态栏特效同时只能用一种。

特效一 博客介绍栏文字滚动

可是设置为向上、向下、向左、向右。可以设置高度，滚动速度。

MARQUEE scrollAmount=1 direction=up

height=120你的文字介绍/MARQUEE

特效二 状态栏滚动文字介绍

自左向右，循环滚动。

script

!--

function Helpor_net(seed)

{ var m1 = "你要显示的文字，如：欢迎来到晓寒工作室" ;

var m2 = "" ;

var msg=m1+m2;

var out = " ";

var c = 1;

var speed = 120;

if (seed 100)

{ seed-=2;

var cmd="Helpor_net(" + seed + ")";

timerTwo=window.setTimeout(cmd,speed);}

else if (seed = 100 seed 0)

{ for (c=0 ; c seed ; c++)

{ out+=" ";}

out+=msg; seed-=2;

var cmd="Helpor_net(" + seed + ")";

window.status=out;

timerTwo=window.setTimeout(cmd,speed); }

else if (seed = 0)

{ if (-seed msg.length)

{

out+=msg.substring(-seed,msg.length);

seed-=2;

var cmd="Helpor_net(" + seed + ")";

window.status=out;

timerTwo=window.setTimeout(cmd,speed);}

else { window.status=" ";

timerTwo=window.setTimeout("Helpor_net(100)",speed);

}

}

}

Helpor_net(100);

--

/script

特效三 状态栏文字打字机效果特效

script language="JavaScript"

var msg = "你要显示的文字，如：欢迎来到晓寒工作室，请多提意见。谢谢! " ;

var interval = 120

var spacelen = 120;

var space10=" ";

var seq=0;

function Helpor_net() {

len = msg.length;

window.status = msg.substring(0, seq+1);

seq++;

if ( seq = len ) {

seq = 0;

window.status = '';

window.setTimeout("Helpor_net();", interval );

}

else

window.setTimeout("Helpor_net();", interval );

}

Helpor_net();

/script

特效四 点击即可把你的网站添加到浏览器的收藏菜单下

span style="CURSOR: hand"

onClick="window.external.addFavorite('你的域名','你的网站名')"

title="你的网站名"收藏本站/span

特效五 点击即可把你的网站设置为浏览器的起始页

span onclick="var

strhref="/blog/window.location.href";this.style.behavior='url(#default#homepage)';this.setHomePage('你的域名');"

style="CURSOR: hand"设为首页/span

特效六 浏览器的状态栏里出现一个字接一个字往左跑的欢迎语！

script language="JavaScript"

!--

function statusMessageObject(p,d) {

this.msg = MESSAGE

this.out = " "

this.pos = POSITION

this.delay = DELAY

this.i = 0

this.reset = clearMessage

}

function clearMessage() {

this.pos = POSITION

}

var POSITION = 100

var DELAY = 5

var MESSAGE = "你要显示的文字，如：欢迎来到晓寒工作室 "

var scroll = new statusMessageObject()

function scroller() {

for (scroll.i = 0; scroll.i scroll.pos; scroll.i++) {

scroll.out += " "

}

if (scroll.pos = 0)

scroll.out += scroll.msg

else scroll.out =

scroll.msg.substring(-scroll.pos,scroll.msg.length)

window.status = scroll.out

scroll.out = " "

scroll.pos--

if (scroll.pos -(scroll.msg.length)) {

scroll.reset()

}

setTimeout ('scroller()',scroll.delay)

}

function snapIn(jumpSpaces,position) {

var msg = scroll.msg

var out = ""

for (var i=0; iposition; i++)

{out += msg.charAt(i)}

for (i=1;ijumpSpaces;i++)

{out += " "}

out += msg.charAt(position)

window.status = out

if (jumpSpaces = 1) {

position++

if (msg.charAt(position) == ' ')

{position++ }

jumpSpaces = 100-position

} else if (jumpSpaces 3)

{jumpSpaces *= .75}

else

{jumpSpaces--}

if (position != msg.length) {

var cmd = "snapIn(" + jumpSpaces + "," + position + ")";

scrollID = window.setTimeout(cmd,scroll.delay);

} else {

window.status=""

jumpSpaces=0

position=0

cmd = "snapIn(" + jumpSpaces + "," + position + ")";

scrollID = window.setTimeout(cmd,scroll.delay);

return false

}

return true

}

snapIn(100,0);

// --

/script

特效七 鼠标一碰就弹出 设为首页 对话框

a href="#"

onmouseover="this.style.behavior='url(#default#homepage)';this.setHomePage('你的域名');return(false);"

style="behavior: url(#default#homepage)"设为主页/a/td

特效八 鼠标一碰就弹出收藏本站对话框

a href="#"

onmouseover="javascript:window.external.AddFavorite('你的域名',

'你的网站名')" target="_self"收藏本站/a

特效九 加入背景音乐

EMBED src="完整的音乐地址" autostart="true" loop="5" width="0"

height="0"

特效十 google搜索栏

!-- Search Google --

center

FORM method=GET action=""

TABLE bgcolor="#FFFFFF"trtd

A HREF=""

IMG SRC=""

border="0" ALT="Google" align="absmiddle"/A

INPUT TYPE=text name=q size=23maxlength=255 value=""

INPUT TYPE=hidden name=hl value=zh-CN

INPUT TYPE=hidden name=ie value=GB2312

INPUT TYPE=submit name=btnG value="Google搜索"

/td/tr/TABLE

/FORM

/center

!-- Search Google --

特效十一 百度搜索栏

iframe id="baiduframe" border="0" vspace="0" hspace="0"

marginwidth="0" marginheight="0"

framespacing="0" frameborder="0" scrolling="no"

width="200" height="30"

src=";cv=1cid=31577csid=102rkcs=2bgcr=EDEDEBftcr=FF0000rk=1bd=1bdas=0"

/iframe

特效十二 显示ip及地址

SCRIPT src=''/SCRIPT

zblog网页图标如何更改，找不到路径和文件？

zblog的网页图标一般位于主题文件夹下的images目录中，您可以尝试在这个目录下找到对应的qq图标文件。如果您找不到该文件，可以尝试在网页代码中搜索相关关键词，看看是哪个文件调用了该图标。

具体操作步骤如下：

登录zblog后台，进入主题设置页面。

在左侧导航栏中找到“自定义设置”或“编辑模板”等相关选项。

找到关于QQ图标的相关代码，一般位于作者模块或社交媒体模块中。可以尝试搜索“qq”、“icon-qq”等关键词，找到相关代码段。

在代码中找到图片文件的路径，一般是类似于“images/icon-qq.png”这样的路径。根据路径，到主题文件夹下的images目录中查找对应的图片文件。

如果您仍然无法找到对应的文件，可以尝试在zblog官网或相关技术论坛上搜索相关问题，或者联系主题作者或zblog技术支持人员获取帮助。

blog模板的怎么在后台修改，背景颜色

模板安装：在z-blog官网下载程序并上传空间根目录上，打开浏览器输入你的域名就可以安装了，或是输入：www.你的玉米./login.asp ，就可以进入安装界面了。其中用户名，密码自己设置

进入后台进行关键词初步设置：其中：BLOG的名称（网站的名称）； BLOG的简介（网站名称的下面一段文字，简介，加一些关键词）； 网站的标题（就是你选择的关键词，网站最上面一条文字）； 网站的子标题（也是关键词，同网站的标题）；主题名称，界面样式名称（这两个不用管）； BLOG版权说明（就是你的网站最下面的说明性文字，可以加上站长统计）

静态目录配置及文件重建设置：一定要把--启用自定义静态日志目录功能--这项功能打勾，启动。这样是网页静态，对seo好！最后重建。

进入博客后台进入主题样式管理，Z-Blog模板安装过程：

登陆后台,A入口主题样式管理--B获得更多主题跟从本地安装主题. 选择样式,然后直接激活就可以了.点应用此主题生效.

第一种:在线安装主题

:现在我们一起来看下B处两个安装方法.

获得更多主题(这是官方提供的在线安装办法,里面有很多的模板.)选择好自己喜欢的模板,点安装主题,就可以自动安装了,安装完后点应用此主题即可安装成功.

第二种:安装自己电脑里面下载的主题包

首先要了解下安装文件文件名称一般是.zti.xml结尾(详细见箭头入的链接说明)浏览上传,接下来的步骤上面已经介绍了.下面我们一起学习下用FTP上传主题包.

第三种:用FTP软件上传安装包进行安装产题.

主题包直接上传到/PLUGIN/ThemeSapper/Export/放到这儿,没明白意思的看图片.箭头所指的既是我已经上传好的主题包.下面我们一起来看如何安装.我们可以从管理主机上的ZTI文件看到下面有三个通过FTP上传好的主题包,只要点红色箭头指的按钮就可以安装了,方法上面已详细说明.

第四种:就是直接上传模板文件,这种情况是指别人没有把模板打包提供下载,或者自己备份的模板.

G:\5er网站4月23备份\THEMES\Sunnymoor,我现在要把Sunnymoor这个模板上传到网上,如何操作呢?看Sunnymoor目录下面有这些文件,我们要连同Sunnymoor这个目录上传到自己网站的根目录\THEMES目录里面即可.

模板修改：在zblog根目录下有个THEMES,此目录下的所有文件就是网站的模板文件.通晓里面的每个文件的作用,就能随心所欲的修改网站的样式.

default.html

站点首页面模板，不包含日志页模板，即仅为外部框架，在其中调用日志页标签

single.html

日志页模板，包括外部框架和内部框架，外部框架可直接使用default.html的样式，也可设计为不同的。内部框架即日志列表、内容显示样式。

b_article-single.html

日志全文显示页面模板，仅为内部框架，外部框架由single.html提供

b_article-multi.html

日志列表，有日志摘要内容列表，仅为内部框架，外部框架由single.html提供

b_article-multi-list.html

日志列表，无日志摘要内容列表，仅为内部框架，外部框架由single.html提供

b_article_comment.html

评论内容显示页面，仅为内部框架，外部框架由single.html提供

b_article_commentpost.html

评论内容发布区，仅为内部框架，外部框架由single.html提供

b_article_commentpost-verify.html

评论内容发布验证码显示样式

b_article_nvabar_l.html

日志全文显示页面文章导航，显示“上一篇”日志链接

b_article_nvabar_l.html

日志全文显示页面文章导航，显示“下一篇”日志链接

b_article_tag.html

日志列表页、日志全文显示页的tags显示样式

b_article_trackback.html

日志全文页面中部，显示引用站点地址部分的样式

b_pagebar.html

日志列表底部分页栏，与评论内容分页栏无关