updated on 2009/12/19

Blogger Logo

眾多 BSP(Blog Service Provider)之中,最自由的要算是 Blogger 了吧?
當然,自己架設 WordPress 的自由度一定更高,但除了麻煩還是麻煩…
不如通通託管給 google 的 blogger,樂得輕鬆自在,大概也不用擔心倒掉之類的問題
對 blogger 瞭解越多,就越能發現它的可愛和深不可測
把自己改過的地方做點筆記起來

標題:
 將單篇文章的視窗標題修改成 "文章標題 | 網站名稱"

<b:if cond='data:blog.pageName != &quot;&quot;'>
<title><data:blog.pageName/>&#65372;<data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>


favicon:
 把原本的 blogger favicon 改成自己的
<link href='favicon.ico' rel='shortcut icon'/>


導覽列:
 把 blogger 的 navbar 改成隱藏式,IE 似乎不適用?
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}


外部連結小圖示:
 在文章中的外部連結加上個小圖 辨識,站內的連結或加上 ref="nobg" 的連結就不會出現
.post-content a[href^="http:"] {
background: transparent url('link-outside.gif') 100% 50% no-repeat;
padding-right: 17px;
margin-right: 3px;
}

.post-content a[href^="http://geek.no19.com"] {
background: none;
padding-right: 0;
margin-right: 0;
}

.post-content a[ref^="nobg"] {
background: none;
padding-right: 0;
margin-right: 0;
}


相關文章 Related posts:
 Blogger Related Posts 相關文章 by BRPS

隨機文章 Random posts:
 [語法特效]Blogger系列-隨機文章(Random Posts)小工具讓舊文章浮上來!

最新文章帶縮圖 Recent posts with thumbnail images:
 Dis Continu Ous Mind: Blogger 最新文章 AJAX縮圖版

留言內嵌 embedded comment:
 有些非標準模板(範本 template)會發生內嵌留言無法顯示,只要找出
<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>

Facebook Like 按鈕:
 適當地方加上以下程式碼
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:px'/>

Others:
 隨機文章 Random Posts 2.0(似乎不適用自訂網域…)