天兴工作室

主题演示站

zblog用js控制文章内容页正文字体大小的方法2014-06-11 20:42:00

今天做一个zblog模板的时候遇到这个问题，这个模板要求文章内容页的字体可以控制字体大小，网上查找了下代码，设置成功后把代码整理下分享出来，希望会对大家有所帮助。

先上代码：

js代码

<SCRIPT language=JavaScript>function doZoom(size){document.getElementById('zi').style.fontSize=size+'pt'}</SCRIPT>

html代码：

选择字号： <A href="javascript:doZoom(12.5)">超大</A> <A href="javascript:doZoom(10.5)">标准</A>

下面来说下怎么用，js代码和html代码都放在post-single模板文件内（zblogasp是post-single.html；zblogphp是post-single.php），需要修改的是：

js代码中"etElementById('zi')"，将其中的zi修改成你模板内放置正文内容的div的id属性即可；

html代码中的”javascript:doZoom(12.5)“，修改阿拉伯数字即可控制字体的大小，修改到自己满意位置。然后把html代码放置在合适的位置，还可以用css美化下。

后台刷新，前台即可看到效果了。

作者:txcstx | 分类:教程 | 浏览:5288 | 评论:0

zblogphp文章内容页添加关键词描述的方法2014-06-11 20:12:48

这是一位天兴工作室模板用户提的一个问题，由于一句话两句话的说不清楚，因此就写了这一篇文章。

事先说明，现在zblogphp有一个插件“标题seo”可以简单方便的设置zblogphp的所有页面的描述和关键词，但是这位用户反映用了此插件后添加的关键词和描述不在网页标题的下面而跑到<body>里面去了，其实这也不是什么大问题，但是如果碰上有强迫症的朋友就不好了，所以要用另外一种办法直接修改模板源文件，请继续阅读下面内容吧。

PS：之前本站写过一篇“zblogphp网站添加关键词、描述的方法”，不过这个是针对zblogphp首页添加关键词和描述的办法。

zblogphp文章内容页添加关键词和描述的步骤如下：

  1. 找到头部模板文件“header.php”，复制里面全部代码新建一个“header1.php”文件，并把刚才复制的代码全部粘贴在这里然后保存；

  2. 文章页调用的模板是“single.php”接着找到此文件，然后打开看到到第一行代码是“{template:header}”修改成“{template:header1}”；

  3. ok，接着来修改刚才新建的“header1.php”文件，找到此处代码“<title>{$name}-{$title}</title>”，在下面添加以下代码： 

<meta name="keywords" content="{foreach $article.Tags as $tag}{$tag.Name}{/foreach}" />    
<meta name="description" content="{$article.Title}是{$name}中一篇关于{foreach $article.Tags as $tag}{$tag.Name}{/foreach}的文章，欢迎您阅读和评论,{$subname}" />

好了，保存，后台更新下缓存，就OK了。


接着来给大家介绍下以上代码的意思：

以上代码调用出来的关键词是发布文章时填写的tag，调用出来的描述是“文章标题/是/网站标题/中一篇关于/文章tag/的文章，欢迎你阅读和评论，/网站副标题/”

为什么要这样写呢，第一是增加页面的关键词密度，有利于seo，其实描述也可以调用文章的摘要，我们只需要这样修改下描述的代码：

“<meta name="description" content="{$article.Title}是{$name}中一篇关于{foreach $article.Tags as $tag}{$tag.Name}{/foreach}的文章，欢迎您阅读和评论,{$subname}" />”修改成“<meta name="description" content="{$article.Intro}" />”即可。

但是调用文章摘要有个问题，就是如果你的摘要中带有html代码的话会出错，所以想文章页描述想调用文章摘要的朋友请一定要记得发布每一篇文章的时候去摘要里面设置下，清楚掉所有的html代码，最好把摘要改成你想要的文字。

好了，这样就全部说完了，还有弄不清楚怎么找到“header.php”这写文件的朋友推荐阅读“zblog主题怎么修改？zblogasp主题修改方法”，还有其他问题欢迎在文字下部评论区提问，有时间会回答的。

作者:txcstx | 分类:教程 | 浏览:11107 | 评论:3

一段代码 电商即达 zblog安装商品购买模块方法2014-06-09 12:56:12

用zblog制作了一个网站，网站上还想卖点东西，用zblog来构建一个商城系统显然是不现实的，怎么办呢？

JiaSale加加购物按钮很好的为我们解决了这个问题，“一段代码 电商即达”这是一句很形象的广告语了，使用JiaSale加加购物按钮就是这样，只需要在你的zblog网站上放置一段代码，即可瞬间让你的网站变成一个小型商城。

具体案例请打开本站的模板中心，然后随便打开一个收费模板详情页，即可体验。使用截图如下：

安装JiaSale加加购物按钮步骤：

  1. 先去jiasale网站注册，地址：点击进入

  2. 注册完成后申请代码并对代码设置，JiaSale加加购物按钮可以自定义的选项还是很多的，可以选择按钮类型，颜色，还可以自己上传按钮图片，具体订单页也可以自由定制，注意：免费版的会有版权链接，收费版的则没有而且发布商品数量不限还可以得到更多的其他支持，当然先期肯定是搞个免费版的试下，做大了再去想收费版的事情。

  3. 代码设置完成后获取代码，将代码放置到你网站的具体页面。

  4. 后台更新下，前台即可看到效果了额。

如果你确实不会设置这个，天兴工作室提供付费设置，具体价格按照你的具体要求来定，详情请咨询我们的在线QQ：1109856918.

作者:txcstx | 分类:教程 | 浏览:6816 | 评论:2

zblog怎么做网站地图？zblog网站地图制作方法2014-06-08 20:23:14

网站地图是一个很重要的seo手段，网站地图的作用如下：

网站地图是一个网站所有链接的容器。很多网站的连接层次比较深，蜘蛛很难抓取到，网站地图可以方便搜索引擎蜘蛛抓取网站页面，通过抓取网站页面，清晰了解网站的架构，网站地图一般存放在根目录下并命名为sitemap，为搜索引擎蜘蛛指路，增加网站重要内容页面的收录。网站地图就是根据网站的结构、框架、内容，生成的导航网页文 网站地图 网站地图 件。大多数人都知道网站地图对于提高用户体验有好处：它们为网站访问者指明方向，并帮助迷失的访问者找到他们想看的页面。

本文就为大家介绍下zblog的网站地图怎么制作。现在zblog分为zblogasp和zblogphp两个版本，分别来说明。

zblogasp网站地图：zblog后台页面管理--新建页面，命名为“网站地图”，别名为sitemap。然后在正文里面把你网站所有的分类都带链接填写进去，这样一个初步的网站地图就完成了，当然这很简陋，我们可以美化网站地图页面：新建一个page1.html模板页面，复制page.html页面所有代码粘贴到page1.html里面。网站地图页面模板选择page1.html，然后根据自身需求美化即可。（不知道page.html模板文件在哪里的推荐阅读：zblog主题怎么修改？zblogasp主题修改方法）


zblogphp网站地图：大致方法可以同zblogasp版的网站地图操作，只是模板文件需要改下，zblogphp的单页调用模板是page.php，我们新建一个page1.php，复制page.php页面所有代码粘贴到page1.php里面。然后再根据自身需求美化即可；

zblogphp还有一个插件可以做出网站地图，插件名字叫“SitemapXML生成器”，下载地址：http://app.zblogcn.com/?id=229,这个插件会自动生成一个sitemap.xml的网站地图文件，不过这个插件可自定义化程度不高，适合不会修改模板的新手们使用。


给大家看一个最好的案例：卢松松博客网站地图http://lusongsong.com/map.html

 

作者:txcstx | 分类:教程 | 浏览:9598 | 评论:2

zblog如何添加分享按钮？zblog添加分享按钮方法2014-06-04 20:17:00

网站使用分享按钮好处多多：“用户将网站内容分享到第三方网站,第三方网站的用户点击专有的分享链接,从第三方网站带来社会化流量”，现在的的分享按钮网站也蛮多的，为大家介绍几个主流的：

百度分享：http://share.baidu.com/

加网分享：http://www.jiathis.com/

bshare分享：http://www.bshare.cn/

天兴工作室推荐大家使用百度分享，百度分享官方介绍说了网站使用百度分享可以提高网页抓取速度 使用了百度分享的网页可以更快地被百度收录，在个人站长主要靠百度的现状下，这两点还是蛮有吸引力的。

好了，为大家介绍下zblog添加分享按钮的方法：

  1. 先去百度分享网站获得分享代码。

  2. 打开zblog模板的对应文件（zblogasp的文件地址为：zb_users\THEME\你正在使用主题的id\TEMPLATE\b_article-single.html；zblogphp的文件地址为：\zb_users\theme\你正在使用主题的id\template\post-single.php）。

  3. 将获得的百度分享代码放置在你想要放的位置，推荐放在<#article/content#>标签下，这样分享按钮会紧贴着正文内容，可以增加分享成功率。

  4. 后台更新缓存或者文件重建，前台即可看到效果

如果你还有其他疑问或者过程中碰到其他问题，欢迎在本文下评论版块留言，推荐阅读：zblog主题怎么修改？zblogasp主题修改方法

作者:txcstx | 分类:教程 | 浏览:7133 | 评论:2

zblog安装在二级目录后调用教程2014-06-02 19:38:22

先说明下本篇教程的目的，举例，一个企业站，在二级目录下安装了一个zblog程序用来做企业百科或者企业博客什么的，然后想在网站的首页调用zblog的文章。这就是本篇文章要讲清楚的东西。

首先说一下怎么在二级目录下安装zblog，在网站根目录下新建一个文件夹“blog”，当然这个文件夹名称你自己决定，然后下载zblog，然后按照这篇文章安装好zblog程序：    zblog程序安装教程 zblog安装步骤 有截图。

好了现在来讲调用，要想在外部网站调用zblog网站内容，只有一种办法就是js调用（现在新出的zblogphp用的是php+sql也许会有其他更好的方法），外部调用js完整代码如下： 

<script language="JavaScript" charset='utf-8' src="
你的域名/function/c_html_js.asp?include=previous
" type="text/javascript"></script>

注意上面代码的“你的域名”要改成你的zblog网站首页地址，这个代码调用出来的结果下面这样的10条文章，用css稍微美化即可： 

<li><a href="文章链接">文章标题</a></li>

调用其他的tag或者评论的什么代码如下：

最新日志: <#ZC_BLOG_HOST#>function/c_html_js.asp?include=previous

最新评论: <#ZC_BLOG_HOST#>function/c_html_js.asp?include=comments

最新留言: <#ZC_BLOG_HOST#>function/c_html_js.asp?include=guestcomments

站点统计: <#ZC_BLOG_HOST#>function/c_html_js.asp?include=Statistics

文章归档: <#ZC_BLOG_HOST#>function/c_html_js.asp?include=Archives

最新引用: <#ZC_BLOG_HOST#>function/c_html_js.asp?include=TrackBacks

日历: <#ZC_BLOG_HOST#>function/c_html_js.asp?include=Calendar

作者列表: <#ZC_BLOG_HOST#>function/c_html_js.asp?include=Authors

标签列表: <#ZC_BLOG_HOST#>function/c_html_js.asp?include=Tags

作者:txcstx | 分类:教程 | 浏览:8505 | 评论:2

zblog添加“回到顶部”滑动图标教程2014-06-01 20:38:56

先上这个教程要做的事情最终出来的结果，截图如下：


详细效果可以看本站右侧的回到顶部模块，。


好的，教程开始。


要做出这个效果我们要增加四处处东西：

js部分：新建一个top.js文件，复制以下代码粘贴并保存，上传至你正在使用的主题中的“script”文件夹内。

function b(){
    h = $(window).height();
    t = $(document).scrollTop();
    if(t > h){
        $('#gotop').show();
    }else{
        $('#gotop').hide();
    }
}
$(document).ready(function(e) {
    b();
    $('#gotop').click(function(){
        $(document).scrollTop(0);    
    })
});

$(window).scroll(function(e){
    b();        
})

html部分：将以下代码复制粘贴到你正在使用的主题的TEMPLATE文件夹内的“footer.html”（zblogphp是footer.php）文件内，放在</body>之前就行，注意要把QQ和留言本链接改成你自己的。

<script language="javascript" type="text/javascript" src="<#ZC_BLOG_HOST#>zb_users/theme/<#ZC_BLOG_THEME#>/script/top.js"></script>
<div id="tbox">
    <a id="gotop" href="javascript:void(0)"></a>
    <a id="pinglun" href="http://wpa.qq.com/msgrd?v=3&uin=1109856918&site=qq&menu=yes" target="_blank" title="通过QQ联系我们"  rel="nofollow"></a>
    <a id="xiangguan"  href="http://demo.txcstx.cn/guestbook.html"  target="_blank" title="如果您有任何意见，欢迎反馈给我们！" ></a>
</div>

css部分：复制以下css代码至你正在使用主题的css文件里面，随便放在哪个位置都行。css代码如下：

/*---返回顶部--*/
*{padding:0px; margin:0px;}
*html{background-image:url(about:blank);background-attachment:fixed;}
#tbox{position:fixed;left:50%;bottom:50px;margin-left:500px;width:50px;height:150px
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;right: 90px;}
#pinglun,#xiangguan,#gotop{width:50px;height:50px;display:block;background-image: url(img/top.png);background-repeat: no-repeat;margin-bottom: 5px;}
#pinglun:hover,#xiangguan:hover,#gotop:hover{width:50px;height:50px;display:block;background-image: url(img/top1.png);background-repeat: no-repeat;}
#pinglun{background-position:0 0;}
#xiangguan{background-position:0 -55px;}
#gotop{background-position:0 -110px;}

图片部分：下载下面的两张图片放在你正在使用的主题的图片文件夹内。

http://demo.txcstx.cn/zb_users/theme/tianxing/style/img/top.png

http://demo.txcstx.cn/zb_users/theme/tianxing/style/img/top1.png

ok，后台更新下缓存，前台就出现了这个还蛮漂亮的zblog回到顶部效果了，还有一个补充说明，如果你搞不懂什么叫“你正在使用的主题的xx文件夹”，那么请参考这篇文章：    zblog主题怎么修改？zblogasp主题修改方法

作者:txcstx | 分类:教程 | 浏览:8745 | 评论:11

zblog怎样设置伪静态？zblog设置伪静态的方法讲解2014-05-31 17:33:31

在写文章之前事先声明两点：

1、本文教程仅针对zblogphp版本；

2、请一定要确定你的主机支持伪静态功能（如何辨别主机是否支持伪静态呢？很简单，问问你的主机提供商就知道了的）


好了，开讲。

zblogphp版本有一个很好用的”静态管理中心“的设置zblog伪静态插件，安装zblogphp会附带这个插件，直接在后台的插件管理里面找到它打开设置即可，插件使用截图如下：

我们要先一个一个的选择配置选项，配置选项的意义就是你可以自己决定zblog设置伪静态后网页地址以什么形式展现出来。每一个配置下都有多个选择，大家可以根据自己喜好自由选择。重点给大家介绍的就是让大家看懂这写参数：

{%host%}=网站域名

{%id%}.=文章id或者分类id

{%alias%}=别名（发布文章或者新建栏目有一个别名选项，这个参数调用的就是这里的别名）

{%page%}=翻页条数字id（你点击分页条的”2“这个参数就会显示数字2）

{%year%}=年

{%month%}=月

好了，大家了解以上参数所代表意思后就可以自己慢慢尝试了。


所有的页面配置参数都填写完后点击提交会自动跳转至”ReWrite规则“页面，一般来说zbolg会自动匹配你主机的参数，我们只需要点击下面的”创建.htaccess“或者”创建web.config“即可。那么设置zblog设置伪静态就已经完成了。


不行？页面打不开？提示错误？

我们接着来，还是需要联系你的主机提供商看你的主机是 Apache + .htaccess或者IIS7,8 + URL Rewrite Module 或者 IIS6 + ISAPI或者 Rewrite 2.X    Nginx，找到对的，回到”ReWrite规则“页面选择适合的再次点击创建。如果还不行，在确认你的伪静态配置规则没错的情况下还是联系你的主机提供商们吧，因为各主机情况复杂，导致错误原因多样性，毕竟他们才是专业人员，所以交给专业人员去解决实在解决不了的问题吧！

作者:txcstx | 分类:教程 | 浏览:29868 | 评论:13

zblog列表页和内容页调用同栏目文章的方法2014-05-30 20:18:27

zblog的列表页和内容页要调用相同栏目的文章，这个功能好多朋友都咨询过我，其实这在其他cms程序来说是一个很简单的功能，但是不要忘记zblog只是个博客程序，虽然说zblog是个很优秀的博客程序，但是也不能拿它来当cms用啊！

那怎么办呢？

还好有“瑜廷”大侠开发的“ytcms”插件，话说这真是一个强大的插件，强大到zblog+ytcms=一个强大的cms系统。

那么zblog在列表页和内容页调用同栏目文章就必须要用到ytcms了，方法如下：

大家都知道用ytcms调用分类文章的代码是这样的：

{YT:Article DataSource="GetArticleCategorys(10,'7')"}

上面的这句代码意思是调用分类id为7的栏目内的10篇文章，重点来了，列表页调用同栏目内的文章就直接用“<#articlelist/category/id#>”代替分类id7即可，完整代码是

{YT:Article DataSource="GetArticleCategorys(10,'<#articlelist/category/id#>')"}

zblog内容页调用当前页面同栏目文章的完整代码是：

{YT:Article DataSource="GetArticleCategorys(10,'<#article/category/id#>')"}

其他的可以自己去定义，这样就ok了，恩，YTCMS强大之处就在于这些地方，对ytcms感兴趣的朋友可以去阅读下这片文章”    转载:zblog的YTCMS插件使用技巧集合-天兴工作室    “

作者:txcstx | 分类:教程 | 浏览:7691 | 评论:4

zblog程序安装教程 zblog安装步骤 有截图2014-05-29 19:54:05

天兴工作室提供了最新版的zblog下载，也就顺带为大家奉献上这一篇zblog安装教程：

本文以最新版的zblog2.2为例，zblog全新安装文件有两种，一种是全文件安装，一种是单文件安装，分别讲解。

zblog2.2全文件详细安装步骤如下：

1、下载最新版的zblog2.2程序文件，下载地址：http://demo.txcstx.cn/post/625.html

2、解压得到Release文件夹，将此文件夹下的文件全部用ftp软件上传至服务器，如图：

3、打开浏览器地址栏，输入“你的网址/zb_install/default.asp”，出来以下页面：

4、勾选“我已阅读并同意此协议”并点击下一步，进入以下页面：

5、确定此页面全部都是绿色的对号，如果出现红色的叉叉请联系你的主机提供商咨询是什么原因造成的。如果全部是绿色的对号请点击下一步来到以下页面：

6、选择数据库类型（注意access是免费的，推荐。mysql数据库是需要另外购买的），勾选access数据库后不需要任何操作，如果你选择了mysql数据库，那么就需要你填写你的mysql数据库的地址、数据库名称、数据库用户名、数据库密码。数据库部分操作完之后填写下网站名称，网站后台管理的用户名和密码然后点击提交。整个zblog安装过程就完成了，现在你可以尽情的折腾你的zblog了。

如果你还有其他疑问请在文章页面下评论区域留言咨询。我会一一给予答复的。

作者:txcstx | 分类:教程 | 浏览:16193 | 评论:3

<< < 31 32 33 34 35 36 37 38 39 40 > >>
«    2026年4月    »
一 二 三 四 五 六 日
12345
6789101112
13141516171819
20212223242526
27282930
控制面板
您好，欢迎到访网站！
  查看权限
网站分类
搜索
最新留言
文章归档
网站收藏
友情链接

Powered By Z-BlogPHP 1.7.5

天兴工作室主题演示站点，如遇到问题请联系我们的在线qq：207649916咨询