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

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

如何自定义设置?

一.添加导航

要添加导航菜单先登录进入到仪表板: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”选项,点击它后出现下图所示:

YOUBLOG – 免费blogger博客视频模版 - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

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

YOUBLOG – 免费blogger博客视频模版 - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

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

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

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

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

1、文章标题包含引号或者双引号。举例标题为:任刚的个人主页 – “www.rengang.com.cn”,这样就可能会导致错误。
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=”https://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 – 免费blogger博客视频模版 - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界
YOUBLOG – Freebie blogger video template.zip
YOUBLOG – 免费blogger博客视频模版 - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界
没有

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

" /> 视频模板 · 任刚 · Ren Gang - 我的设计笔记

视频模板    330

YOUBLOG - 免费视频播客模版

YOUBLOG – 免费blogger博客视频模版

免费模版      

登 录 注 册