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



我们都知道如果在 Blogger Beta 中进行搜索或选择任何一个分类标签时,结果总会是以全文来显示的,存档文件也是如此。如果我们的文章数量很多内容又长,再加上其中也许会有大量的图片或音 频视频的内容,这样就会大大的影响了页面读取的时间。而且在众多内容面前,你的读者们也不可能马上就找到感兴趣的文章,浏览效率因此降低了。如果我们能让 它只显示文章的标题,并给出其固定链接,一目了然,这个问题自然就得到解决了。你可以先在本博客上看到效果,如果感觉不错,下面就开始进行操作:

  进入 控制台布局 再进入 修改HTML 页面,最好先备份自己的模板,以免出错不好恢复。 勾选 扩展窗口小部件模板 前的勾,找到如下一段代码:

<b:widget id='Blog1' locked='false'title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<!-- posts -->
<div id='blog-posts'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'>
<data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:loop>
</div>

  将其中红色的部分替换成以下代码:

<b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> <data:post.title/></a><br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if> <b:else/>
<b:include data='post' name='post'/>
</b:if>

  保存更新,这时你的标签、搜索与存档页面的显示结果就都是以文章标题来显示了。
原文由 GG 发布于 http://ggq1.blogspot.com/2006/12/bloggerblogger-beta_3690.html
(阅读全文...)

Blogger中添加版权声明的方法


版权问题是目前一个比较热门的话题。hhalloyy在他的Blog中提供了一个供Wordpress用户方便使用的添加版权声明的办法,很不错,虽然这样并不能很实际的解决抄袭成风的问题,但至少是一个态度的表明。代码如下:



  1. 作者: if ($count_users > 1) { ?> the_author_posts_link(); }  else { the_author()} ?>  发表于 the_time('F j, Y') ?> _e('at'); ?> the_time() ?>

    href="http://creativecommons.org/licenses/by-nc-sa/2.5/deed.zh">版权信息&
    lt;/a>: 可以任意转载, 转载时请务必以超链接形式标明文章
    原始出处作者信息及此声明

直接添加到帖子页或者其他你认为合适的页面就行了,无需改动什么,我这里想出一个专为Blogger的用户设计的代码,仅适用于Classic模式:


  1. <ItemPage>
  2. ...
  3. 作者: <$BlogItemAuthorNickname$>  发表于<$BlogItemDateTime$>
  4. <br>
  5. <a href="http://creativecommons.org/licenses/by-nc-sa/2.5/deed.zh">版权信息a>: 可以任意转载, 转载时请务必以超链接形式标明文章<a href="<$BlogItemPermalinkUrl$> ">原始出处a><a href="<$BlogURL$>">作者信息a>及此声明<br> 
  6. ...
  7. ItemPage>

将这段代码放在帖子页中你认为合适的地方即可。


(阅读全文...)



首先感谢作者kaie给我们带来这么有趣的技巧。

其次,本文是我转载自GG圈
也感谢他们..

样子大家参见这里,右方都有一个红色的数字,1,2,3,4。把鼠标放上去还会变大。有意思吧~~



具体增加方法为以下简单两步:

第一步: 切换到布局的修改HTML项目,在CSS的部份,即在]]<>/b:skin>上边添加如下代码:(稍懂CSS的可以根据您的博客做一定的修改,例如最简单的,你可以把控制字体颜色的代码color:red;中的red改成blue之类)



.CommentIndex{

float:right;

position:relative;top:25px;left:3px;

margin-left:-200px;

font: italic bold 30pt 'Century Gothic','Trebuchet MS';

color:red;

opacity:0.3;

-moz-opacity:0.3;

filter:alpha(Opacity=30);

}



.CommentIndex:hover{font-size:80px;}






保存后开始第二步,在扩展小窗口模板处打勾, 找到如下代码:



<dl id='comments-block'>

<b:loop values='data:post.comments' var='comment'>




將整段代码替换为下面的代码:



<dl id='comments-block'>

<script type='text/javascript'>Index = 1;</script>

<b:loop values='data:post.comments' var='comment'>

<span class='CommentIndex' title='你在几楼?'><script
type='text/javascript'>document.write(Index); Index= Index+1
;</script></span>




完成了~~我们终于可以在评论里喊“三楼的,你下来跟老子PK了~~”
(阅读全文...)

Blogger 一分钟修改页首图片



此文是使用浮动的div层来遮挡现有的图片的方法,比较适合不熟悉HTML的朋友,此文转载自色彩斑斓
以下正文:

对于像鱼一样的Slacker来说,修改模板是一件很痛苦的事.懒人就应该有懒办法,不用面对CSS/Html,只需要简单的复制/粘贴就能做到
1.切换到布局设置
2.在布局底部 添加小工具——>HTML/JavaScript

3.添加并根据实际情况修改代码

<div style="position: absolute; left: 0pt; top: 57px; text-align: center; width: 100%;">
<a href="链接地址">
<img src="图片地址" />
</a>
</div>
4.这个设置适于minima这个模板,修改top的值以适应不同的模板。
(阅读全文...)

如何隐藏Blogger上面的导航条Navbar



    如果你和我一样正在使用Google提供的博客,blogger的话,Google提供的最上面的Navbar是一个很方便的工具,可以搜索博客,提供帮助,标记博客等等.

    但有的人可能会觉得它有些碍眼,因为希望有自己的博客布局和设计,等等。那么应该如何去掉这个Navbar呢? Blogger 并没有给我们提供直接的方法,但是我们可以通过CSS的定义将其隐藏.

首先登陆你的Blogger Beta帐户,然后点击“布局”,接着点击“修改 HTML",先在代码中找到这一行

/* global
----------------------------------------------- */


再将如下代码添加至它的后面

#navbar #Navbar1 iframe{
height:0px;
display:none;
visibility:hidden;
}


    事实上,这段CSS代码添加到代码的CSS定义区域的任何地方都可以,只是为了方便记忆和容易查找,所以才放在刚才说的地方.

现在点"保存模板",然后刷新你的博客首页,你就会发现最上面的工具条已经消失了.

希望上文对你有所帮助,如有任何疑问可留言告知,我会尽快给予回复。
(阅读全文...)