在 Blogger 日志下方嵌入评论表单

每次要发表评论的时候,大多数的部落都是采用预设的跳到评论整页来发表。这里e时代异想空间教大家如何直接将评论框嵌入日志下方。

方法如下:先在设置里面-评论-评论表单放置选择在下面嵌入贴子,而这个设置要在blogger测试区里面才会有。

进入到 控制台-模板-修改HTML ,打勾“扩展窗口小部件模板”。在模板内容里找到下面这段代码:

<p class='comment-footer'> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </p>

把它改为:

<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p>
然后把模板保存就可。

如果您找不到以上代码,也请别紧张。因为很多模板都没有这个代码,包括e时代异想空间使用的模板。

如果找不着的话,试试找找以下的代码:

<b:include data='post' name='comments' />
就在此代码下方加入以下代码保存就可。

<b:include data='post' name='comment-form'/>
如果在帖子下方还看不到嵌入评论表单的话,请确定您已经在blogger测试区修改设置及代码拷贝在正确的地方。

这个方法的问题就是如果该贴不允许评论的话,帖下会出现一段空白的地方。如果您们有什么解决的好方法,不若在这里留下评论吧!

后记:我发现一些模板已经是采用以上修改后的代码。如是这般,大家只要在blogger测试区的设置里面-评论-评论表单放置选择在下面嵌入贴子就可。


阅读全文

如何修改 Blogger 的页面主题



到目前为止,Blogger 预设的页面主题都是这样的,部落名称都是显示在文章主题的前方。对搜查器来说(SEO),这是不太友善的,因为您的文章关键字显示在后方。

幸好,有个很简单的方法可以让您解决这个烦恼。那就是修改您的模板里头的 代码。

首先,进入到 控制台-模板-修改HTML ,不用打勾“扩展窗口小部件模板”。在模板内容里找到下面这段代码,

<title><data:blog.pageTitle/></title>
把它改为:

<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>


然后把模板保存就可,很简单!

这样的修改能提高您的文章被搜查器收录的几率,以增加部落的流量。我希望这篇文章对大家能有所帮助。


阅读全文

在 Blogger 文章中加入程序代码框

写了两篇Blogger教学,觉得写代码没有代码框实在不行。我开始对此很头痛,只能直接将文本代码转换html代码,然后贴上。现在弄明白了,其实很简单,就是要先在模板中加入一段CSS代码。

第一步:进入到 控制台-模板-修改HTML ,不用打勾“扩展窗口小部件模板”。在模板内容里找到下面这段代码,你可以通过按Ctrl+F搜索“skin”两次找到 ]]></b:skin></head>

然后将以下的代码段拷贝加到上面代码的前面,就是那两个中括号前面。

CODE {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
color:#33f;
overflow:auto;
background: #f0f0f0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjifY7K7FAZpkglc1vaminDZM7cI_bquySV6sJJOa_lgfX1qTihNYGq68Yn5n4es3qqzve8YmcSsKc0v0X8XuJ80fGWkrVMm2BlDe6B6O1pZqH1hfcaQzNz-OhZXIR0EdpZY9WQ5nuWrfE/) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}


第二步:在Html模式下,把文章中将要引用的代码前后分别用《code》和《/code》 包起来,这样就可以显示成代码框了。

注:请用HTML转换工具来转换您的代码,然后才将代码贴在Blogger里。不然< >里头的内容就会被Blogger的编辑器当成代码执行而不显示。


阅读全文

如何在Blogger加入“分享文章”标签

这个“分享文章”标签对部落浏览者是一个很有用的功能。如果他们觉得您的文章值得收藏以供日后参考,这个功能不但能让他们这么做,也可提高您的部落曝光率。因为您的文章将会公布在一些高流量的网站,全世界的人将会由此而来到您的网站。

我的这个方法是由 AddThis 所提供的。我只是教大家如何把它加入部落。

以下是如何加入此功能的步骤:

首先进入“布局”=>“修改 HTML”,勾选“扩展窗口小部件模板”。在您的模板中找寻 <div class="post-footer"> ,然后再其下方粘贴上以下的代码:

<div align='left'><a expr:href='&quot;http://www.addthis.com/bookmark.php?pub=4QVQQ2TM5XDPAYVN&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Bookmark using any bookmark manager!'><img alt='AddThis Social Bookmark Button' height='16' src='http://s5.addthis.com/button1-bm.gif' style='border: 0px; padding: 0px' width='125'/></a></div> <!-- AddThis Bookmark Post Button END -->

在保存前,先预览一下以确保标签显示的地方正确。如果一切正常,那就保存模板完成了。

其实还有其他的网站提供类似的功能,如 TopRanking's social bookmarks button 。不过我个人较喜欢这个 AddThis 的,因为它给浏览者更多的选择。

以下是视频教程:



原文出处:http://www.bloggerbuster.com/2007/06/add-social-bookmark-buttons-to-your.html


阅读全文