博客园添加背景音乐,给你的博文加点料

博客园背景音乐调用,让音乐为你的博文加点料

 

 

  单调的文字怎么行,让音乐为你的博文加点料。什么?你写的是技术型博客不搞这么多文艺,大叔,技术型博客也可以很文艺的诶。

  今天下三分,网易云、虾米、所有的XX音乐各占据了国内的音乐市场,不过要论曲库哪家全,网易云虾米撕破脸。所以呢,要想博客加上稳定的音乐外链,就在这两者之间选择吧。

在网站上选择合适的背景音乐并外链

  何为“合适的背景音乐”呢?首先是前奏不要太唐突,不然网友一打开你的博客就是“咚咚咚”的声音,撸管到一半犯心脏病怎么办?其次就是曲调柔和,柔和的曲调可以使听众最大化,因为大部分人对这种音乐都不反感。做到这两点,就可以去网易云虾米上搜索选定歌曲了,当然也可以外链歌单。

  在歌曲/歌单页面下,点击“生成外链播放器”(网易)、“转帖”(虾米)就可以看到歌曲的HTML代码了。这里以歌曲 Echo 为例,展示下两种不同播放器的区别。

 

<embed src="http://www.xiami.com/widget/0_1770124689/singlePlayer.swf"

 type="application/x-shockwave-flash"

 width="257"

 height="33"

 wmode="transparent">

</embed>

<iframe frameborder="no"

 border="0"

 marginwidth="0"

 marginheight="0"

 width=330 height=86

 src="http://music.163.com/outchain/player?type=2&id=18607260&auto=0&height=66"></iframe>

  值得注意的是,虾米使用的是 embed 而网易云则是 iframe,而 iframe 有个很大的毛病,这个网易云也有提示——“很多博客网站不支持嵌入iframe,请试一下您的网站是否支持”。这些都不重要,重要的是博客园就不支持 iframe。当然要解决也很简单,把 iframe 替换成 embed 就行了,注意前后两个标记都要替换哦,此外,既然都没有 iframe 了,自然 frameborder 也可以去掉了,结果就是:

<embed border="0"

 marginwidth="0"

 marginheight="0"

 width=330 height=86

 src="http://music.163.com/outchain/player?type=2&id=18607260&auto=0&height=66"></embed>

  注意:auto=1 为自动播放,0为不自动播放;width 和 height 修改前面的,根据自己的博皮调整。

将外链播放器应用在博客园首页

  这个想必大家都知道了,进入博客园设置,复制之前得到的代码添加在 页首/页脚/公告 里,刷新一下博客页面,就可以看到播放器妖娆地躺在页面上了。

效果图(放置在公告栏)

下面是歌曲推荐时间

 

作者:RhinoCodec 
来源:http://rhinoc.cnblogs.com/ 
本文版权归作者和博客园共有,欢迎转载,但未经作者允许必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

时间: 2024-10-25 12:19:24

博客园添加背景音乐,给你的博文加点料的相关文章

【店长推荐&amp;非广告】手把手教你为博客园添加IP、PV统计

每个努力写博客的人都想让自己的博客有更多的人看到,即满足自己的虚荣心又能帮助到他人,何乐而不为呢. 像我这种写出来文章拿不到多少推荐,不能当上推荐博客,写的东西还总被移除首页的人来说,只能靠PV这种东西刷刷荣誉感了. 本篇就来手把手教大家如何为自己的博客进行IP PV统计! 什么是IP和PV IP就是独立的IP数,一般来说,统计的方法是一天之内重复的IP算作一条.PV则是一次网页的请求了,每次刷新都会增加一次PV. 盗用鹅厂的图来说明一下: 先来一发兴奋弹! 先来看看效果: 点击链接,能清晰的看

博客园(cnblogs)右侧添加悬浮打赏功能

博客园(cnblogs)右侧添加悬浮打赏功能 原文地址:http://www.cnblogs.com/yingzi1028/p/6253718.html 小麦苗博客园地址:http://www.cnblogs.com/lhrbest 今天小颖逛博客园时,发现有的园友的博客右侧都有一个:                                                                         看了后,小颖也想给自己的博客里弄一个,所以就百度了一下,在参考:博客

博客园随笔添加自己的版权信息

这几日,看了一些博客.发现在一些博客的底部添加了一些版权信息,很新颖.如下图: 写信给博客园的客服,问如何做出来的.回复是添加自己的"签名".无语了,只能自己研究了. 在分析了别人的页面后,终于摸索出制作方法.效果看文末的"版权信息".现在把制作过程公开,和大家探讨. 先点"维护签名",进入到制作签名的页面.在"内容"的文本框输入如下信息: <div>作者:<a href="http://grene

PHP仿博客园个人博客数据库与界面设计

自学PHP大半年多了,断断续续地,但是最终还是坚定了我的想法,将PHP继续下去,所以写这个PHP的博客是为了找个稳定的 PHP工作,不求工资多高,但求一收留之地.我能看懂大部分英语文档,人不蠢,爱学习,有兴趣地可以联系下!有诚意的来吧!qq:240382473 我会分3-5次发布所有关键代码和文档说明,博客后台所有的样式均套用博客园! 说明: 1. 不完全采用MVC架构,但是理念就是这样的.因为还不能写出很稳定的MVC架构. 2.几乎不采用JQUERY AJAX 因为不是特别熟悉,运用起来还不自

javascript实现博客园页面右下角返回顶部按钮

 这篇文章主要介绍了使用javascript实现博客园页面右下角返回顶部按钮的思路及源码,非常不错,这里推荐给小伙伴们     博客园中很多博友的博客中在Page右下角都有个图标,不论屏幕怎么拉伸,都始终停留在右下角.点击后页面置顶.后面想想写一个Demo来实现这种效果吧. 一. 图标右下角固定. 1.SS 里面提供了4中布局方式. 其中fixed表示绝对定位元素.所以我们选择使用fixed来实现图标固定.   absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进

博客园配置windows live writer,实现本地代码高亮

你是否还在为只能用浏览器在博客后台写文章而苦恼? 你是否还在纠结于live writer没有代码高亮而苦恼? 现在一切都能解决: 其实博客园支持SyntaxHighlighter代码着色,可以用相应的Live Writer代码着色插件进行代码着色.他们推荐的代码高亮插件是 :推荐代码着色插件:Source Code plugin for SyntaxHighlighter. :Windows Live Writer下载地址:http://download.live.com/writer. 但是无

小技巧:如何在(博客园)TinyMCE编辑器模式下同时插入Flash和Sliverlight以及代码运行框

如标题,已经知道的同学们就不用往下看了,以免浪费时间,本文内容是为博客园新手准备的.   众所周知,博客园发布博文时提供了二种html编辑器:CuteEditor 和 TinyMCE.(其实还有一种纯文本方式,不过很少有用人它,本文就不讨论它了)   TinyMCE相对在代码着色方面更出色,排版出来的文章也更好看,所以博客园推荐大家使用它,但是这东西有一个致命的缺点:如果用它直接插入Sliverlight(Xap),保存后会自动识别为Flash,这令银光侠们苦恼不已,昨天我向博客园团队反馈了,得

使用C#发送Http 请求实现模拟登陆(以博客园为例)

原文:使用C#发送Http 请求实现模拟登陆(以博客园为例)         模拟登陆的原理很简单,就是发送一个Http 请求服务器获得响应,然后客户端获取到cookie即可实现模拟登陆,比如一些抢票软件的原理无非也是这样模拟客户端的cookie 然后发送请求去抢票,然后12306 本文将演示如何用C# 来实现模拟登陆的,推荐一款工具Fiddler,这是一款监听http 请求的利器.废话不多说,我就以博客园为例来实现模拟登陆.首先我登陆博客园 http://passport.cnblogs.co

如何利用http协议发布博客园博文评论_php实例

先给大家介绍下实现原理: 给博文提交评论的实质就是通过http协议服务器发送一个post请求.在发布评论前,我们需要做什么呢?对,是必须要登录的.但登录是另一件事情,我们这里先不讨论.用户登录后,服务器给客户端设置一个cookie.http是无状态的.也就是说客户端向服务器发送请求后,服务器返回响应.一次通信完成.服务器不会记得刚才是谁向自己发送请求.所以客户端需要拿着服务器给自己设定好的cookie向服务器发送请求并告知服务器自己的身份,服务器根据cookie产生响应. 准备工作: 为了完成本