码迷,mamicode.com
首页 > 其他好文 > 详细

博客美化分享

时间:2016-05-05 12:54:51      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:

1.效果预览

1.1导航栏

技术分享

1.2自动目录

技术分享

1.3悬浮按钮

技术分享

2.设置主题

选择LesslsMore主题

技术分享

3.添加页首Html代码

页首HTML代码添加如下代码

技术分享

<link href="http://files.cnblogs.com/files/longsheng/LesslsMore.longsheng.v1.css" rel="stylesheet">

4.添加页脚Html代码

页脚HTML代码添加如下代码

技术分享

<script type="text/javascript" src="http://files.cnblogs.com/files/longsheng/catalog.js"></script>
<script>
$(function(){
$("a").remove("#MyLinks1_Admin");
$("a").remove("#MyLinks1_NewPostLink");
$("a").remove("#MyLinks1_ContactLink");
$("a").remove("#MyLinks1_Syndication");
$("a").remove("#MyLinks1_MyHomeLink");
$("#navList").append(‘<li><a id="liuyan" class="menu" rel="nofollow" href="http://www.cnblogs.com/longsheng/">本站首页</a></li>‘);
$("#navList").append(‘<li><a id="liuyan" class="menu" rel="nofollow" href="http://www.cnblogs.com/longsheng/category/824393.html">.NET</a></li>‘);
$("#navList").append(‘<li><a id="liuyan" class="menu" rel="nofollow" href="http://www.cnblogs.com/longsheng/category/767710.html">每日英语</a></li>‘);
$("#navList").append(‘<li><a id="liuyan" class="menu" rel="nofollow" href="http://i.cnblogs.com/Configure.aspx">ADMIN</a></li>‘);
    //加载图片
    var ponum1 = $(".postTitle").length;
    var ponum2 = $(".entrylistPosttitle").length;
    if(ponum1!=0)articleimg(ponum1);
    if(ponum2!=0)entrylistarticleimg(ponum2);
});
</script>
<div class="scrollBtn" id="scrollBtn">
    <ul class="clearfix">
        <li class="sB-home">
            <a href="http://www.cnblogs.com/longsheng/" class="ff-t" title="首页"></a>
        </li>
        <li class="sB-share"><a onclick="if(cb_entryId !=undefined){AddToWz(cb_entryId)}" href="javascript:void(0);" title="收藏"></a></li>
        <li class="sB-goTop" id="goTop" style="display: list-item;">
            <a href="#top" title="回顶部"></a>
        </li>
    </ul>
</div>

 

博客美化分享

标签:

原文地址:http://www.cnblogs.com/longsheng/p/5461252.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!