昨天，我在博客园看了大神发的博客园样式的排版博客，看了看。 妈妈，很漂亮。 请什么都不说，早点学习。 昨天，我花了一天。 终于把我的博客也弄丢了，变得体面了。 有好东西。 当然会分享给大家。
如果大家想详细研究各项功能的实现，可以看大神的博客，想省事就省我的，简单，快速，省事。 当然我给他添加了背景音乐、背景图像、电子时间、鼠标点击特效等功能
效果图如下。 大家也可以访问我博客的主页进行查看
博客排版
1 .找到你的博客设置。 位置如图所示
2 .首先，必须申请博客公园的js权限
我不申请。 你们的js代码没用。 申请成功是这样的
3 .找到页面的自定义CSS代码区域，选中禁用默认CSS；
4.lypw粘贴以下代码css代码：
视图代码
5 .“”博客边栏公告(支持HTML代码) (支持JS代码) )，lypw添加以下代码：
视图代码
6 .找到题头Html代码并添加以下代码
视图代码
7 .找到页脚Html代码，然后添加以下代码
视图代码
8 .点击保存，你的界面和我的一样；
自定义自己的接口
1 .背景图像
在自定义CSS代码区域中，单击“https://files.cn blogs.com/files/clwydjgs/u=3285165615，2041443182 & amp； 调频FM=27&； 找到gp=0.BMP "位置的代码
body {
color: #000；
背景： URL (https://files.cn blogs.com/files/clwydjgs/u=3285165615，2041443182 & amp； 调频FM=27&； GP=0.BMP
(固定；
背景尺寸： 100 %；
后台- repeat :否- repeat；
字体系列： ' Helvetica neue '，Helvetica，Verdana，Arial，sans-serif；
min-height: 101%；
}
2 .改变背景音乐
a.
在“博客边栏公告(支持HTML代码)；支持JS代码)”中找到了以下代码。
b.
进入网络易云官网，找到想要设置为背景音乐的音乐，点击“生成额外链接播放器”。 在以下情况下，表示需要收费：
c.
我们可以选择可以生成外链的歌曲，当然也可以选择多首歌曲一起生成外链
d .单击以生成外链
选择flash插件的版本，粘贴HTML代码，并替换找到的代码。 大功告成。
9.15日以后，网易云音乐也不允许设置外部链接。 所以我得到了一个新的背景音乐：
3 .更换右侧的头像
a.
在“博客边栏公告(支持HTML代码)；支持JS代码)”中找到了以下代码。
b.
把“https://files.cn blogs.com/files/clwydjgs/touxiang.BMP”放在你头像的地址上，' https://www.cnblogs.com/clwydjgs/'
4 .交换打中的支付代码
a.
在“标题Html代码”区域中找到以下代码：
new tctip({ ((
top: '20%，
button: {
id: 9、
类型： ' dashang '，
(，
list: [
{
类型： ' AliPay '，
QR img : ' https://files.cn blogs.com/files/clwydjgs/Zhifu Bao.BMP '
、{
类型： '微信'，
QR img : ' https://files.cn blogs.com/files/clwydjgs/weixin.BMP '
}
]
().in
it()b.
将自己的微信和支付宝的付款码，保存到网络上或者上传到文件中，如下(点击即可获取图片地址)
c.
将代码中的”https://files.cnblogs.com/files/clwydjgs/zhifubao.bmp“替换成你的支付宝付款码图片地址
将'https://files.cnblogs.com/files/clwydjgs/weixin.bmp'替换为你微信的付款码地址，大功告成
4.更换”置顶“图片
a.
在页面定制CSS代码区中找到如下CSS代码：
/*scroll to top*/
#scrollTop div{
left:0;
overflow:hidden;
position:absolute;
top:0;
width:149px;
margin:0;
padding:0
}
#scrollTop .level-2{
background:url(http://images2015.cnblogs.com/blog/894443/201707/894443-20170716165243785-2122236756.png) no-repeat scroll -149px 0 transparent;
display:none;
height:250px;
opacity:0;
z-index:1
}
#scrollTop .level-3{
background:none repeat scroll 0 0 transparent;
cursor:pointer;
display:block;
height:150px;
z-index:2
}
#scrollTop{ background:url(http://images2015.cnblogs.com/blog/894443/201707/894443-20170716165243785-2122236756.png) no-repeat scroll 0 0 transparent;
cursor:default;
display:block;
height:180px;
overflow:hidden;
position:fixed;
right:0;
top:90%;
width:149px;
z-index:11;
margin:-125px 0 0;
padding:0
}
b.
跟换“http://images2015.cnblogs.com/blog/894443/201707/894443-20170716165243785-2122236756.png”和“http://images2015.cnblogs.com/blog/894443/201707/894443-20170716165243785-2122236756.png”为你想替换的图片的新地址
5.鼠标点击特效
在页首去加入下面代码
View Code
6.增加hsdyb：
在博客侧边栏公告加入如下代码：
说了那么多，就是希望大家能够让自己的博客美观大方，谢谢大家，欢迎大家提意见。
欢迎大家关注公众号，不定时干货，只做有价值的输出
作者：Dawnzhang
出处：https://www.cnblogs.com/clwydjgs/p/9291283.html
版权：本文版权归作者
转载：欢迎转载，但未经作者同意，必须保留此段声明；必须在文章中给出原文连接；否则必究法律责任