YOUBLOG – 免费blogger博客视频模版

印度网页设计师 JDSANS 制作的blogger视频博客模板“ YOUBLOG ”,JDSANS 擅长HTML+CSS,改模版作者提供免费下载,后附“ YOUBLOG ”下载链接。

Freebie blogger video template YOUBLOG

模版作者唠叨说他和我一样忙,所以花了很长时间(大概三个月吧)来完善“ YOUBLOG ”,作者和我一样坚信“分享他人,快乐自己”,所以他很高兴能免费提供给大家下载。这是作者第一次制作视频类模版,难能可贵的是该模板兼容YouTube视频,作者还承诺在不久的将来,他还放出更多更酷又简单易用的新功能。

来看一下“ YOUBLOG ”模版都有哪些特色吧:

  • 简洁大方
  • 前5篇博客自动轮播
  • 下拉式菜单
  • 漂亮的评论系统
  • 带有其自己的“最近博客”部件
  • 浏览器兼容性
  • 标题和描述的兼容性
  • 两列布局

如何自定义设置?

一.添加导航

要添加导航菜单先登录进入到仪表板:dashboard/design/page elements 在那里,你会看到名为“ADD TOP MENU CODE HERE”的小部件。点击“edit”,并添加下面的代码:

<ul class=”sf-menu”>
<li><a href=”/”>Home</a></li>
<li><a href=”#”>Example Page</a></li>
<li><a href=”#”>Browse categories</a>
<ul>
<li><a href=”#”>Trailers</a></li>
<li><a href=”#”>Music videos</a></li>
<li><a href=”#”>Tutorials</a></li>
<li><a href=”#”>TV shows</a></li>
<li><a href=”#”>Live Events</a></li>
</ul>
</li>
<li><a href=”#”>About</a></li>
<li><a href=”#”>Contact</a></li>
</ul>

你也可以在上面的代码中添加子菜单。

二.发表博客

首先,让我们看看如何从YouTube获得视频的分享URL。YouTube视频的下方有一个“SHARE”选项,点击它后出现下图所示:

Freebie blogger video template sharing_thumb 1

点击“show options”选项后出现两个子选项,其中一个是“Long Link”,没错,就点这个,可以得到长期有效的分享链接,如下图:

Freebie blogger video template sharing_URL_thumb 2

拿到站外分享的url后就可以创建视频播客啦,代码如下:

[youtube]http://www.youtube.com/watch?v=OEBo0Hf3LqE[/youtube]

标签必须是闭合的,[youtube]开始,[/youtube]结束。建议在插在博客文章的顶部,如果你插入了两个及两个以上该代码,只有第一个生效。

请注意,下面的做法可能会导致模版奔溃或者错误。

1、文章标题包含引号或者双引号。举例标题为:任刚的个人主页 – “www.rengang.org”,这样就可能会导致错误。
2、插入视频的代码中不能有空格或者其他字符,举例代码为:[youbube] LINK [/ youbube],这样导致视频不能显示。

三.添加最新博客小部件

下方的代码就可以为博客添加最新博客小部件,可以显示最新更新的视频或者文章。它只能在该主题下生效,请谨慎使用。

<script type=”text/javascript”>
var numposts = 3;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
</script>
<script type=”text/javascript” src=”http://f.cl.ly/items/0f430p1Y0S0f2q32453w/recent_videos.js”></script>
<script src=”/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs”></script>
<div class=”clear”/></div>

下载链接奉上:


YOUBLOG – Freebie blogger video template.zip

没有

有些朋友问我wordpress安装后为什么一片空白,大哥,你也不仔细看看标题和描述,是blogger主题啊,前提是你得有yourname.blogspot.com博客,还得会跳墙。好了,还不会用的话那么去看作者的官方说明文档吧:http://www.bloggerzbible.com/2011/02/moonlight-new-premium-type-free-blogger.html

任刚(rengang.org)整理分享,欣赏作品版权均归原作者所有,仅供学习交流。点击上方图标与好友分享!

发表评论

登 录 注 册