自定义自己的博客园博客首页

直接上代码



博客侧边栏公告:

访问量会计算访问过自己博客的人数(只要刷新,就会累计)!正常的访问量不应该这么计算!

联系我是通过腾讯QQ的方式联系我,会根据QQ的在线状态显示不同颜色的图标。

访问量:<img src="http://s09.flagcounter.com/mini/6gcU/bg_FF2465/txt_21917B/border_ECF230/flags_0/" alt="Candyメ奶糖" border="0"><br />
联系我:<a target="_blank" href="tencent://message/?uin=359031282&Menu=yes"><img border="0" src="http://wpa.qq.com/imgd?IDKEY=28eac12ca4d1be25018066b061b85f810e433bfe2689572d&pic=52" alt="Candyメ奶糖" title="Candyメ奶糖"></a>


页首Html代码:

<div><a><img style="width:100%; padding:100px,100px, -500px, 100px;" src="http://s05.flagcounter.com/map/kLmY/size_l/txt_000000/border_CCCCCC/pageviews_0/viewers_0/flags_0/" alt="Candyメ奶糖" border="0"></a></div>

用地图的形式记录访问者的来源,鉴于博主的博客访问量有限,应该只会显示我大中华的国旗吧!



页脚Html代码:

<style type="text/css">
<!--
#share {
    width: 450px;
    margin: 0 auto;
    border: 1px solid #CC0;
    background: #F4FAED;
    padding: 5px 10px 3px
}

#share a {
    text-decoration: none;
    background: transparent
        url(http://image.dili360.com/www/img/sharelogo.png) no-repeat scroll 0
        0;
    line-height: 1.8;
    color: #333;
    margin: 0 0 0 10px;
    padding: 3px 0 3px 18px;
}

#share a#sina {
    background-position: 0 -79px
}

#share a#tent {
    background-position: 0 -129px
}
-->
</style>
<div id="share">请关注我的微博:  <a href="http://weibo.com/u/1986192324" target="_blank" id="sina">新浪微博</a>  <a href="http://t.qq.com/loverning" target="_blank" id="tent">腾讯微博</a></div>

在博客的最下方,浮出一个博客宣传框,

时间: 2024-12-09 04:04:30

自定义自己的博客园博客首页的相关文章

博客园博客转至个人网站博客声明

博客园博客不在提供维护更新,个人博客转至:https://monsterlin.com/

使用Windows Live Writer 发布博客园博客

看了下论坛的帮助,把自己喜欢的WLW内容整理了一下: 下载地址 http://windows.microsoft.com/en-us/windows-live/download-windows-essentials 账号配置 首次运行会弹出配置界面 当然也可以在菜单FileàOptions 项中进行账号配置 点击Add按钮在What blog service do you use? 对话框中选中 Other services 点击Next 进入 Add a blog account 对话框, 在

博客园博客自动生成三级目录(generate three levels content using JS in cnblogs)

博客园博客自动生成三级目录(generate three levels content using JS in cnblogs) JS代码(JS code) 最近参考了(http://www.cnblogs.com/wangqiguo/p/4355032.html)自动生成目录的方法,我增加了能够自动生成三级目录的JS代码. I learned from (http://www.cnblogs.com/wangqiguo/p/4355032.html) about generating cont

使用Windows Live Writer发布博客园博客

在管理中发现可以使用windows live writer来发布博客园博客. 具体可以参考:http://home.cnblogs.com/group/topic/8550.html 代码着色插件:http://www.cnblogs.com/cmt/archive/2012/06/26/live_writer_cnblogs_code_highlight.html

开通博客园博客说明

博客园博客说明 之前准备用hexo+github搭建的博客来记录自己的前端之旅,原先的博客确实搭建好了,但是由于自己对博客内容太在乎,一些平常的练习没有记录在其中.为了监督自己,为了给平时的练习存放,所以选择了博客园,博客园中的博客都是平常的练习,等到练习到一定程度,在总结至自己的博客上去. OK,博客园之旅就从今日开启. 原文地址:https://www.cnblogs.com/iDouble/p/8287678.html

博客园博客小优化

博客园博客小优化 Fork me on Github 页首Html 代码部分增加以下代码: <a href="https://github.com/WeihanLi" target="_blank"> <img style="position: fixed; top: 0; right: 0; border: 0;z-index:233" src="https://github-camo.global.ssl.fast

博客园 博客积分与排名 查看设置

博客园 博客积分与排名 查看设置 博客园 博客积分与排名 默认是不显示的. 如果想要显示出来,需要在博客园的“设置”里进行设置. 具体操作步骤如下: 1.在博客园的“设置”中,选择“常用选项”,点击进入. 2.在“选项”中,找到“积分与排名”,勾选,保存即可. 3.刷新博客页面,即可看到自己博客的积分与排名情况,效果如下: 原文地址:https://www.cnblogs.com/miracle-luna/p/11789269.html

博客园访客统计的实现

最近有人让我把博客园里面关于访客统计做一篇文章 一直没有写,今天就发了吧(对不起呀!!一直没有时间) 今天我会发多篇文章关于博客园的美化问题. 相信大家也看到了右侧公告栏的访客量统计的效果,我们可以看到有两个样式,一个是单独统计人数的,一个是统计访客来源的,是不是感觉还挺不错的? 本文就带大家一起详细了解这个样式的制作过程~~~ 首先是数字样式,效果如下 这个我们通过F12去查看下源码,我们可以看到如下图这段源码: <div align="center"> <a hr

让博客园博客自动生成章节目录索引

一个好的博文除了博文的质量要好以外,好的组织结构也能让读者阅读的更加舒服与方便,我看园子里面有一些园友的博文都是分章节的,并且在博文的前面都带有章节的目录索引,点击索引之后会跳转到相应的章节阅读,并且还可以回到目录顶端,其中 Fish Li 的博文就是这种组织,当然这种结构如果是在写博文的时候人工设置那是非常麻烦的,无疑是增加了写作人的工作量.如果能自动生成章节索引岂不是节省了一大堆工作量.本来想通过FireBug看看Fish Li源码是怎么实现的,但是好像js是加密过的.那我就自己动手了,其实