博客页⾯效果html代码，博客园页⾯设置（转载）⼀、编辑器
1.链接
我们很多时候需要引⽤别⼈或⾃⼰以前的代码。这⾥可以很⽅便的加上链接。
⼀个添加链接 ⼀个取消链接
选中要链接的⽂字右键就可以选中链接。
填⼊URL地址，⽬标⼀般选择在新窗⼝打开。
2.书签
插⼊书签
写⼊书签名
这样可以在⽂章开始写⽬录 跳到任意的书签。右键插⼊链接的时候可以绑定到书签。
3.html
点击
可以看到源码，任意修改。
4.插⼊代码
这⾥可以选中编程语⾔。如果代码量⽐较多可以全部折叠。
⼆、后台设置
1.页⾯定制CSS代码
这⾥就可以和前⾯编辑器联合起来。在编辑器⾥⾯的⽂字选中格式时
如果选择的是标题 那么对应的是标签，这样就可以在⽤CSS控制其样式。
显⽰效果，风格统⼀的⼩标题。
2.公告栏
公告栏⼀般⼤家都是贴上⾃⼰的靓照，加上⾃⼰的简单介绍。
还有的就是挂个漂亮的flash。阿门阿前一棵葡萄树
例1：
例2：
求投⾷~(点图即可)
补充：发现新⼤陆 好多时钟flash 地址
例3：
还可以贴上
例4：
还可以贴上你的主页被访问次数
先注册
访次: 次例5：
3.页⾸Html代码
这个我见得⽐较多的就是⼤家的GitHub，源码管理。
如：
这⾥还有很多别的样式图⽚ (注意，要将上图链接中的you换成⾃⼰的在Github上的账号)妄想山海岳云鲲二次进化
GitHub在windows中的使⽤
4.开通js权限
博客园默认是没有开通js权限的。可以向管理员申请开通。邮箱：contact@cnblogs
开通js权限后可以做很多事。
如：在公告栏中⾃⼰写个⽇历或者时钟表什么的。我的就是⾃⼰加了个时钟表
时钟代码
按 Ctrl+C 复制代码
按 Ctrl+C 复制代码
5.推荐按钮
原本的推荐按钮是在最底下，不熟悉的⼈有时候可能都不到。
为了⽅便我们可以设置样式，使之悬浮。
公务员级别工资档次对照表
/*快速评论*/
#div_digg {
position: fixed;
bottom: 10px;
right: 15px;
border: 2px solid #ECD7B1;
padding: 10px;
width: 140px;
background-color: #fff;
border-radius: 5px 5px 5px 5px !important;
box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5); }
摆摊卖烧饼如果开通了js权限的话，我们还可以动态添加别的快捷按钮。
如：关注，回到顶部，快速评价。
按 Ctrl+C 复制代码
升学宴祝福语按 Ctrl+C 复制代码
ps：平时看⼤家的博客看得特爽。今天才知道原来写博客是件费时⼜费⼒的事情。不过写博客的好处也只有谁写谁知道！
⼤家如果有⾃⼰的窍门谢谢分享到评论区。
-----------------------------------------------------分割线---------------------------------------------------------------------------------------
有朋友问代码具体放哪⾥，有朋友问放⼊了代码为什么没有效果。那么我在这⾥详细说说。
1.为什么没有效果必看的香港经典电影
注意没有效果很有可能是没有开通js权限。那么怎么测试⾃⼰是否有js权限呢？很简单放⼊⼀段测试代码就ok了。
把这句代码放⼊“页脚Html代码”保存即可。然后刷新你的页⾯。按F12点击Console，是否有打印了“测试成功”。(博客园貌似屏蔽了alert函数，所以不能弹出测试。)
如果没有，那么你可以发邮件到contact@cnblogs确认是否开通，没有开通的话可以申请开通。
2.代码具体放哪⾥
具体步骤图⽚分解
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论