印度网页设计师 JDSANS 制作的blogger视频博客模板“ YOUBLOG ”,JDSANS 擅长HTML+CSS,改模版作者提供免费下载,后附“ 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”选项,点击它后出现下图所示:
点击“show options”选项后出现两个子选项,其中一个是“Long Link”,没错,就点这个,可以得到长期有效的分享链接,如下图:
拿到站外分享的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 – Freebie blogger video template.zip
没有
有些朋友问我wordpress安装后为什么一片空白,大哥,你也不仔细看看标题和描述,是blogger主题啊,前提是你得有yourname.blogspot.com博客,还得会跳墙。好了,还不会用的话那么去看作者的官方说明文档吧:https://www.bloggerzbible.com/2011/02/moonlight-new-premium-type-free-blogger.html
YOUBLOG – 免费blogger博客视频模版
https://www.rengang.com.cn/youblog-freebie-blogger-video-template.html
「真诚赞赏,手留余香」
赞助用于本站维护,手机长按识别二维码。
任刚(rengang.com.cn)整理分享,欣赏作品版权均归原作者所有,仅供学习交流。点击上方图标与好友分享!
发表回复
要发表评论,您必须先登录。