为了加强浏览者的体验,不在等待页面加载时感到枯燥，从而关闭网页，很多网站都会制作一个“网页正在加载中”的提示效果或显示加载进程，加载完成后提示消
失，大部分都应用在网站的首页，今天我教大家把这一特效添加到Emlog主题中。要实现该特效同样要用到jquery，如果大家和我目前用的主题一样，为
了实现其它特效已提前加载了jquery，那么正好充分利用jquery的强大功能，添加此特效何乐而不为呢？当然仅仅为了实现这个特效，而去加载50几
K的jquery就有点得不偿失了。

1.首先在</body>之前加上如下代码：

<div id="circle"></div>
<div id="circletext"></div>
<div id="circle1"></div>

2.再加上一段JS

<script type="text/javascript">
$(function () {
$("#circletext").text("加载肿");
    $(window).load(function() {
        $("#circle").fadeOut(400);
        $("#circle1").fadeOut(600);
        $("#circletext").text("完成鸟").fadeOut(800);
    });
});
//-->
</script>

3.加上css

 /* 圆圈加载*/
#circle{background-color:rgba(0,0,0,0);border:5px solid rgba(10,10,10,0.9);opacity:.9;border-right:5px solid rgba
(0,0,0,0);border-left:5px solid rgba(0,0,0,0);border-radius:50px;box-shadow:0 0 35px #808080;width:60px;height:60px;margin:0 auto;position:fixed;left:30px;bottom:30px;-moz-animation:spinPulse 1s infinite linear;-webkit-animation:spinPulse 1s infinite linear;-o-animation:spinPulse 1s infinite linear;-ms-animation:spinPulse 1s infinite linear;}
#circle1{background-color:rgba(0,0,0,0);border:6px solid rgba(20,20,20,0.9);opacity:.9;border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);border-radius:50px;box-shadow:0 0 15px #202020;width:40px;height:40px;margin:0 auto;position:fixed;left:39px;bottom:39px;-moz-animation:spinoffPulse 1s infinite linear;-webkit-animation:spinoffPulse 1s infinite linear;-o-animation:spinoffPulse 1s infinite linear;-ms-animation:spinoffPulse 1s infinite linear;}
#circletext{width:46px;height:20px;margin:0 auto;position:fixed;left:46px;bottom:53px;}
@-moz-keyframes spinPulse{0%{-moz-transform:rotate(160deg);opacity:0;box-shadow:0 0 1px #505050;}50%{-moz-transform:rotate(145deg);opacity:1;}100%{-moz-transform:rotate(-320deg);opacity:0;}}
@-moz-keyframes spinoffPulse{0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(360deg);}}
@-webkit-keyframes spinPulse{0%{-webkit-transform:rotate(160deg);opacity:0;box-shadow:0 0 1px #505050;}50%{-webkit-transform:rotate(145deg);opacity:1;}100%{-webkit-transform:rotate(-320deg);opacity:0;}}
@-webkit-keyframes spinoffPulse{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}
@-o-keyframes spinPulse{0%{-o-transform:rotate(160deg);opacity:0;box-shadow:0 0 1px #505050;}50%{-o-transform:rotate(145deg);opacity:1;}100%{-o-transform:rotate(-320deg);opacity:0;}}
@-o-keyframes spinoffPulse{0%{-o-transform:rotate(0deg);}100%{-o-transform:rotate(360deg);}}
@-ms-keyframes spinPulse{0%{-ms-transform:rotate(160deg);opacity:0;box-shadow:0 0 1px #505050;}50%{-ms-transform:rotate(145deg);opacity:1;}100%{-ms-transform:rotate(-320deg);opacity:0;}}
@-ms-keyframes spinoffPulse{0%{-ms-transform:rotate(0deg);}100%{-ms-transform:rotate(360deg);}}

滚动侧边栏的方式，好处显而易见，当博文较长的时候就不会因为侧边栏太短而产生不美观了。其实有集中方法：另一种方法请参考侧边栏滚动教程；滚动侧边栏的教程，其实很简单，先来看看代码。需要加载jquery。emlog可以直接使用/include/lib/js/jquery/jquery-1.7.1.js。js代码如下：

<pre style="overflow:auto" ;class="prettyprint lang-php linenums"><script>
$(function () {
if ($(".fixed_side").length > 0) {
var offset = $(".fixed_side").offset();
$(window).scroll(function () {
var scrollTop = $(window).scrollTop();
//如果距离顶部的距离小于浏览器滚动的距离，则添加fixed属性。
if (offset.top < scrollTop) $(".fixed_side").addClass("fixed");
//否则清除fixed的css属性
else $(".fixed_side").removeClass("fixed");
});}});
</script>
html代码：

<div class="fixed_side"><img src="http://www.shuyong.net/aliyun.jpg"></div>

css代码(尺寸根据自己的情况来更改)：

.fixed_side{clear:both;overflow:hidden;text-align:center;margin:5px} .fixed_side img{max-width:100%;} .fixed{position:fixed;top:0px;width:237px;margin:5px}

演示请看本站首页侧边栏

Emlog#默认的模板文件是没有index.php的，而是用log_list.php这个博客列表页作为首页模板。增加index.php模板作为首页的方法很简单，只需要在log_list.php顶部增加一段代码即可。如下：

<pre style="overflow:auto" ;class="prettyprint lang-php linenums"><?php if($pageurl == Url::logPage()){include View::getView('index');exit;}?>
然后在模板文件中建立一个index.php文件即可，当然你也可以把index.php改成其他的名称，只需要把上面代码中的index改成你自己修改的就可以了，内容就自己慢慢捣鼓了，想实现一些功能可以参考>>Emlog教程

首页找到模板的module.php并在其最后加入如下代码：

<pre style="overflow:auto" ;class="prettyprint lang-php linenums"><?php //分页函数
function sheli_fy($count,$perlogs,$page,$url,$anchor=''){
$pnums = @ceil($count / $perlogs);
$page = @min($pnums,$page);
$prepg=$page-1; //shuyong.net上一页
$nextpg=($page==$pnums ? 0 : $page+1); //shuyong.net下一页
$urlHome = preg_replace("|[\?&/][^./\?&=]*page[=/-]|","",$url);
//开始分页导航内容
$re = "";
if($pnums<=1) return false; //如果只有一页则跳出
if($page!=1) $re .=" <a href=\"$urlHome$anchor\">首页</a> ";
if($prepg) $re .=" <a href=\"$url$prepg$anchor\">前页</a> ";
for ($i = $page-2;$i <= $page+2 && $i <= $pnums; $i++){
if ($i > 0){if ($i == $page){$re .= " <span>$i</span> ";
}elseif($i == 1){$re .= " <a href=\"$urlHome$anchor\">$i</a> ";
}else{$re .= " <a href=\"$url$i$anchor\">$i</a> ";}
}}
if($nextpg) $re .=" <a href=\"$url$nextpg$anchor\">后页</a> ";
if($page!=$pnums) $re.=" <a href=\"$url$pnums$anchor\" title=\"尾页\">尾页</a>";
//下拉跳转列表,循环列出所有页码
$re .="　跳转到第 <select name='topage' size='1' onchange='window.location=\"$url\"+this.value'>\n";
for($i=1;$i<=$pnums;$i++){if($i==$page) $re .="<option value='$i' selected>$i</option>\n";
else $re .="<option value='$i'>$i</option>\n";}
$re .="</select> 页，共 $pnums 页";
return $re;}
?>
列表页调用方法（即log_list.php页）：

<pre style="overflow:auto" ;class="prettyprint lang-php linenums"><?php echo sheli_fy($lognum,$index_lognum,$page,$pageurl);?>
微语页调用方法：

<?php echo sheli_fy($twnum,Option::get('index_twnum'),$page,BLOG_URL.'t/?page=');?>

在进行模板文件代码修改的时候，最好使用编程软件，建议不要使用记事本进行编程，不然有可能出现乱码的哦~~不说废话了，以下的详细操作步骤：以默认模版为例在log_list.php找到

<?php echo gmdate('Y-n-j', $value['date']); ?> 

替换为

<?php $weekarray=array("日","一","二","三","四","五","六");echo gmdate('Y年n月j日 G:i', $value['date']);echo" 星期".$weekarray[gmdate('w', $value['date'])];?>

<?php echo gmdate('Y-n-j', $date); ?>

替换为

<?php $weekarray=array("日","一","二","三","四","五","六");echo gmdate('Y年n月j日 G:i', $date);echo " 星期".$weekarray[gmdate('w',$date)];?>

实现EMLOG实现用户登录才可以查看文章，当用户为游客时无法查看文章；只有注册登录后才有权限查看文章，其实这个功能实现起来是相当简单的；三行代码 即可搞定，在echo_log.php中找到<?php echo $log_content; ?>替换为

<pre style="overflow:auto" ;class="prettyprint lang-php linenums"><?php if(ROLE == ROLE_VISITOR): ?>
本文只有登录后的用户才能查看，请登录后查看
<?php else: ?><?php echo $log_content; ?>
<?php endif; ?>
本文5.3.1中测试正常，其它版本未做测试，如有疑问请本页留言反馈！

本站在修改侧边栏的时候，进行了侧变栏内容固定浮动跟随浏览器，但是问题来了，固定浮动侧边栏之后随机文章的比较长的标题会凸出去外边、或者两行显示，感觉很难看的样子，所以寻找办法修改标题字数使之截断过长的标题！

    EMLOG博客侧边栏最新日志标题字数修改方法，博客网站程序使用EMLOG，有一些地方想按自己的要求修改修改，好让博客更加美观整洁，其中有一处就是想把侧边上的最新日志、热门日记和随机日志控制字数。侧边栏日记标题太长我想改短一点，网站后台没有设置，也没有插件可以使用，其实这个可以修改程序模板文件解决的。需要修改什么代码才能截断标题字数？有两个方法。

    一、找到侧边栏文件：模板文件module.php(以默认主题为例)：

<pre style="overflow:auto" ;class="prettyprint lang-php linenums"><li><a href="<?php echo Url::log($value['gid']); ?>"><?php echo $value['title']; ?></a></li>
修改替换为：

<pre style="overflow:auto" ;class="prettyprint lang-php linenums"><li><a href="<?php echo Url::log($value['gid']); ?>" title="<?php echo $value['title']; ?>"><?php echo subString(strip_tags($value['title']),0,10); ?></a></li>
上面的数字10是字符数，按自己需要的宽度自行修改，记住是修改10那个数字为最适合自己网站的长度。侧边栏的其他栏目字数修改方法同上，这里就不多说了，希望能够帮到大家。

二、用css控制，直接在css中设置一个高度，然后防止溢出就ok了，自己慢慢倒腾吧，就不细讲了。

自定义调用分类标题和描述代码，特地分享出来以方便大家开发出功能更多、更加人性化的主题来，废话不多说了，以下的是操作方法：首先我们在modul.php文件中加入一个自定义函数，代码如下：

<pre style="overflow:auto" ;class="prettyprint lang-php linenums"><?php
//自定义输出分类标题及分类描述
function index_sort($sid){
global $CACHE;
$sortid = explode(",",$sid);//分割数组
$sort_cache = $CACHE->readCache('sort');
$title = $sort_cache[$sid]['sortname'];//分类标题的代码
$description = $sort_cache[$sid]['description'];//分类描述的代码
$cname = $sort_cache[$sid]['alias'];//分类别名的代码
?>
<li><h3><a href="<?php echo Url::sort($sid); ?>"><?php echo $title; ?></a><span><?php echo strtoupper("$cname"); ?></span></h3>
<p><?php echo $description; ?></p></li>
<?php }?>
其次，在需要调用的地方直接键入如下代码就可以轻松调用了

说明：上面代码中的1是代表的分类栏目的id号，至于这个怎么看就不需要我再说了吧！其实就是分享给一串代码而已！
当然，以上代码只能在5.3以上版本中使用，以前的版本未做测试，个人感觉应该不行！不过朋友们可以看下！

  如何在emlog博客首页第几篇日志下面加上广告？emlog判断是否是第一篇日志后加AD的方法。效果:首页添加一个广告放在博客首页第2篇日志简要的下面(PS:本方法以默认模版为例，其他模版请根据当前自行修改添加)

    操作方法步骤：

 第一步：找到代码

foreach($logs as $value) 

修改为

foreach($logs as $key=>$value)

第二步：在文章循环里面加入如下代码

<?php if ($key == 1): ?>广告代码<?php endif; ?> 

其中的"1"表示第二篇文章下面

如何实现评论显示楼层？几楼几楼的样子。这个方法是我在动点那里看到的，我感觉很不错，虽然说EMLOG的博客程序是属于开源的程序，但是对于我们这些菜鸟来说开源的还不够，哈哈。因为不懂什么代码，所以好多的东西都是拿人家的来用的。东拼西凑给补补丁丁 ，补起来的。看起来我的站点的模版很不错，其实都是借用人家的成果来用的。好了，不多说了，切入正题。

    在一些模版中加入一些楼层的样式是很不错的。按照原文说：其实很简单实现的。

    在你的主题module.php文件中的评论列表函数找到，以下以默认板子为例：

1、找到

function blog_comments($comments){

替换为如下代码：

blog_comments($comments,$params){

2、然后在找到“$isGravatar = Option::get('isgravatar');”并在后面添加代码：<pre style="overflow:auto" ;class="prettyprint lang-php linenums">$comnum = count($comments);foreach($comments as $value){if($value['pid'] != 0){$comnum--;}} $page = isset($params[5])?intval($params[5]):1; $i= $comnum - ($page - 1)*Option::get('comment_pnum');

3、然后找到尾部的<?php endforeach; ?>  (注：是评论列表的最后)替换为<?php $i--;endforeach;?>

4、调用代码为：<?php echo $i; ?>，放入你想要实现的位置，这样的话就能显示评论里面的楼层了，具体样式见本站留言板。

5、最后把echo_log.php和page.php两个文件中调用评论的函数<?php blog_comments($comments);>改为<?php blog_comments($comments,$params); ?> 



调用代码为：<?php echo $i; ?>，放入你想要实现的位置，这样的话就能显示评论里面的楼层了，具体样式见本站留言板。