-->
显示标签为“blogger”的博文。显示所有博文
显示标签为“blogger”的博文。显示所有博文

实现blogger同步新浪博客(sinablog)

今天突然间我找到了这个方法
也许你们已经知道了
可我也要分享一下
先说一下原理:blogger同步到wordpress,在同步到新浪博客。

方法:
此方法可能看起来很麻烦的样子,但是可以说是一劳永逸

优化blogger的搜索结果-使帖子标题在前

    今天闲来无聊搜索了自己的帖子,发现搜索结果中显示方式是:博客标题在前,帖子标题在后。

情况如下图所示:



这可是很不利于我们的文章出现几率的,所以搜索如何改善,经过测试,发现我搜索到的方法中可用的如下,用来分享:

方法:
其实方法很简单, 只要在博客的模板中修改一行代码就好了。

具体如下:

 1. 从Blogger博客的后台控制面板开始, 点击左侧的模板->修改HTML, 会弹出一个“博客模板代码编辑器”的窗口。 

2. 先用鼠标点一下“编辑器”窗口内的任何地方,然后在键盘上同时按 CTRL和 F 键, “编辑器”窗口内就弹出一个搜索框。 

3. 在搜索框里填入:<title><data:blog.pageTitle/></title> 然后打回车,光标会在模板编辑器里把这行代码标亮, 结果如下:


4. 把以上标亮的这行代码用下列5行代码替换掉:
<b:if cond='data:blog.pageType == &quot;index&quot;'>
    <title><data:blog.title/></title>
<b:else/>
    <title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>

5. 最后一步, 点击 “编辑器”顶部的橙色按钮“保存模板”,好了 !

这时你的搜索结果已经改好了,只是google反应过来还需要一段时间,这时为了验证结果你可以刷新自己的页面,查看这里:

这样就说明一切OK!

Google作者计划

今天收到一封邮件
提示我加入了Google作者计划,

加入之后提示: 你已经建立了自己的作者身份。现在, 搜索结果中你的内容旁边会显示你的照 片和指向你的个人资料的链接。

而且邮件最后提示: 注册为作者后,你就能了解 自己的信息页在 Google 搜索结果中出现 的频率。了解更多

关联你的 Google+ 个人资料和你创作的内容:网址,根据提示即可注册为地址:第四部中,验证你的电子邮件地址,其域名需要与你的内容所在域名相同

如果没有相应域名的电子邮件地址,可以采用另外一种方法
方法 2:通过将您的内容与自己的 Google+ 个人资料相关联来设置作者信息

1.在您的网页上创建指向您 Google+ 个人资料的链接,例如:
 <a href="https://plus.google.com/109412257237874861202?%20%20%20rel=author">Google</a>

将其中的 [profile_url] 替换为您的 Google+ 个人资料网址,例如:

  <a href="https://plus.google.com/+SheldonChanhoneyshine?%20%20%20rel=author">Google</a>

您的链接必须包含 ?rel=author 参数。如果缺少该参数,Google 就无法将您的内容与 Google+ 个人资料关联。 

2.向您刚更新过的网站添加可返回您个人资料的双向链接。
a.修改以下网站的撰稿者部分。
b.在显示的对话框中点击添加自定义链接,然后输入网站网址。
c.如果您愿意,也可以点击下拉列表指定可以看到此链接的人员。
d.Click Save.

3.要了解 Google 会从您的网页提取哪些作者数据,请使用结构化数据测试工具。



设置blogger相册

不说废话了,今天有事

设置相册代码如下:

<table align="center" border="2" bordercolor="#5B4BEB" cellpadding="0" cellspacing="0" style="border-bottom-color: #5B4BEB; border-bottom-style: ridge; border-left-color: #5B4BEB; border-left-style: ridge; border-right-color: #5B4BEB; border-right-style: ridge; border-top-color: #5B4BEB; border-top-style: ridge; height: 276px; width: 200px;">
<tbody>
<tr>
<td bgcolor="#000000"><embed allownetworking="internal" flashvars="照片链接1|照片链接2|照片链接3|照片链接4&amp;borderwidth=501&amp;borderheight=708" height="708" invokeurls="false" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://st.blog.163.com/bin/pixviewer.swf" type="application/x-shockwave-flash" width="501" wmode="transparent"></embed></td></tr>
</tbody></table>
<br />
<div>

效果如图

为Blogger添加背景音乐

我的音乐播放依靠的是:SCM Music Player。

这个播放器的好处是比较小巧,唯一的缺点就是,当你点开音乐列表的时候有广告出现,也许这就是它的盈利模式,可以理解。

接下来开始介绍:


1.进入网址:进入


2.选择自己喜欢的皮肤,然后next


3.添加默认播放列表,比如我设置的这样,然后next


4.设置自动播放和其它选项,如图


5.这时就会生成代码,只需要把代码写入html中就可以了

代码像是这样:
<!-- SCM Music Player  -->
<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'skins/black/skin.css','volume':50,'autoplay':false,'shuffle':false,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'%u81F3%u4E0A%u52B1%u5408 - %u68C9%u82B1%u7CD6','url':'https://www.youtube.com/watch?v=KXXz0oS_jvA'},{'title':'Sweety - %u6AFB%u82B1%u8349','url':'http://www.youtube.com/watch?v=vYcl7cw8gWo'},{'title':'%u97D3%u5E9A - %u5FC3%u75BC%u7B14%u8BB0%u672C','url':'https://www.youtube.com/watch?v=68ECDy0SlaA'}]}" ></script>
<!-- SCM Music Player script end -->

6.自定义播放列表

一般情况下,如果你的目的仅仅是实现一两首的背景音乐那么以上的教程就够了


但是,经过我半天的努力终于实现了如我的网页中的效果:自定义添加新的歌曲到列表中

此功能的目的是在原有的播放列表中添加新的歌曲

实现的原理:利用函数调用

实现代码:
<head>
<script>
function myFunction()
{
SCM.play({title:'此处为音乐名(如:Beyond - 岁月无声)',url:'此处为音乐的youtube链接(如:https://www.youtube.com/watch?v=QEOCahGzR08)'});
}
</script>
</head>

<body>
<button onclick="myFunction()">播放</button>
</body>
</html>

此代码写入与第5步同一个html代码中便可实现目的


问题:添加多首音乐时,无论点击那个“播放”按钮,都只唱第一首

答:添加多首时,把代码中的红色部分“myFunction()”改变成myFunction01(),myFunction02(),myFunction03(),记住,两处都要修改,以免调用错误!!!

20160503更新:
之前写的可能不是足够详细,再次更新一张图片,希望能帮助大家更好理解(点击放大):



原创博客,转载请注明网址,本页网址:http://honeyshine75.blogspot.com/2014/02/blogger-SCM-Music-Player.html

特别说明

由于众所周知的原因,本博客以往文章的图片无法显示,请谅解。

标签

生活纪实 (192) 感想 (116) ingress (54) 软件 (49) 小诗 (35) 梦境 (28) 教程 (21) 科幻 (21) 体会 (20) 杭州 (11) blogger (5) wordpress (5) Google adsense (4) Google voice (3) Chrome (2) Tensorflow (1) 谷粉 (1)