博客页⾯效果html代码,博客园页⾯设置(转载)⼀、编辑器
我们很多时候需要引⽤别⼈或⾃⼰以前的代码。这⾥可以很⽅便的加上链接。
⼀个添加链接 ⼀个取消链接
选中要链接的⽂字右键就可以选中链接。
填⼊URL地址,⽬标⼀般选择在新窗⼝打开。
2.书签
插⼊书签
写⼊书签名
这样可以在⽂章开始写⽬录 跳到任意的书签。右键插⼊链接的时候可以绑定到书签。
3.html
点击
可以看到源码,任意修改。
4.插⼊代码
这⾥可以选中编程语⾔。如果代码量⽐较多可以全部折叠。
⼆、后台设置
1.页⾯定制CSS代码
菊花的栽培这⾥就可以和前⾯编辑器联合起来。在编辑器⾥⾯的⽂字选中格式时
如果选择的是标题 那么对应的是标签,这样就可以在⽤CSS控制其样式
显⽰效果,风格统⼀的⼩标题。
2.公告栏
公告栏⼀般⼤家都是贴上⾃⼰的靓照,加上⾃⼰的简单介绍。
还有的就是挂个漂亮的flash。
例1:
例2:
求投⾷~(点图即可)usb调试
补充:发现新⼤陆 好多时钟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.代码具体放哪⾥
具体步骤图⽚分解