顯示具有 Blogger 標籤的文章。 顯示所有文章
顯示具有 Blogger 標籤的文章。 顯示所有文章

2009-06-18

Blogger模組套件-最新文章、最新回應及Blog聯播

由於本身自己javascript不強,沒辦法自己寫出(改天有空再研究研究),所以這篇就轉貼囉!!轉貼來自:Abin's Tech Note沒附上Blog聯播的code(因為本身沒用到),有興趣可以去原作者的Blog看看。
##CONTINUE##
紅色的部分字可以自行更改的,例如:我的Blog只有我一個作者,所以在最新文章裡面,我就將'+authorname+': 這串字給拿掉,因為不必要顯示!!
最新文章:
<div id="newPosts">
  Loading...
  <noscript>failed!<br/>Javascript not supported here!</noscript>
</div>
<script>
function handlePosts(json) {
  function compareentry(a,b) {
    order= Date.parse(a.published.$t.replace(/^(\d{4})-(\d{2})-(\d{2})T([0-9:]*)([.0-9]*)(.)(.*)$/, '$1/$2/$3 $4 GMT')) - Date.parse(b.published.$t.replace(/^(\d{4})-(\d{2})-(\d{2})T([0-9:]*)([.0-9]*)(.)(.*)$/, '$1/$2/$3 $4 GMT'));
    return 0-order;
  }
  var temp = '<ul>';
  var PostShow = 10;
  var sortentry = json.feed.entry.sort(compareentry);
  for (var i=0, Post; Post = sortentry[i]; i++) {
    if (i >= PostShow)
      break;
    var title=Post.title.$t;
    var j=0;
    while (j < Post.link.length && Post.link[j].rel != "alternate")
      j++;
    var link=Post.link[j].href;
    var authorname=Post.author[0].name.$t;
    var timestamp=Post.published.$t.substr(0,10);
    temp += '<li><span class="item-title">'+authorname+': <a href="'+link+'">'+ title +'</a> - '+timestamp+'</span></li>';
  }
  temp+="</ul>";
  document.getElementById("newPosts").innerHTML = temp;
}
</script>
<script src="/feeds/posts/default?alt=json-in-script&callback=handlePosts" type="text/javascript">


最新回應
<div id="newComments">
  Loading...
  <noscript>failed!<br/>Javascript not supported here!</noscript>
</div>
<script>
function handleComments(json) {
  function compareentry(a,b) {
  order= Date.parse(a.published.$t.replace(/^(\d{4})-(\d{2})-(\d{2})T([0-9:]*)([.0-9]*)(.)(.*)$/, '$1/$2/$3 $4 GMT')) - Date.parse(b.published.$t.replace(/^(\d{4})-(\d{2})-(\d{2})T([0-9:]*)([.0-9]*)(.)(.*)$/, '$1/$2/$3 $4 GMT'));
  return 0-order;
  }
  var temp = '<ul>';
  var CommentShow = 10;
  var sortentry = json.feed.entry.sort(compareentry);
  for (var i=0, Comment; Comment = sortentry[i]; i++) {
    if (i >= CommentShow)
      break;
    var title=Comment.content.$t.substr(0,30);
    title=title.replace(new RegExp("BR","gm"), "");
    title=title.replace(new RegExp("</>","gm"), " ");
    var link=Comment.link[0].href.replace("#", "#comment-");
    var authorname=Comment.author[0].name.$t;
    var timestamp=Comment.published.$t.substr(0,10);
    temp += '<li><span class="item-title">'+authorname+': <a href="'+link+'">'+ title +'</a> - '+timestamp+'</span></li>';
  }
  temp+="</ul>";
  document.getElementById("newComments").innerHTML = temp;
}
</script>
<script src="/feeds/comments/default?alt=json-in-script&callback=handleComments" type="text/javascript"/></script>

2009-06-17

Google提供免費的部落格-Blogger

個人是認為google的blogger是適合常常會在google大神找資料且又不喜歡複雜的操作介面的人使用,為什麼是要常常會在google上找資料的呢?因為google的blogger提供了精簡的功能及簡易的操作還有就是可以擴充模組元件,所以其他你想要的功能,你可能就要到網路上搜尋一下,都有很詳盡的解說安裝,如果沒辦法耐著性子到網路上找尋的話,不要輕易嘗試,個人是很喜歡google的blogger後台操作介面,很視覺化的從上至下的階層,只能用一目了然形容,寫文章時還會自動儲存。像是其他一些知名的blogger提供了很多強大的功能,但是有時要找那個功能,還真的是要花一點時間找,這是自己本身的經驗,因為平常coding已經眼花瞭亂了,想要輕鬆寫的Blogger還要給它整一下,可能就去睡覺了吧!!所以來試試google的blogger吧

使用google的blooger 相當簡單
1.註冊google的帳號一個(建議是先申請gmail再去使用google其他功能,因為直接申請google帳號需要一個email,而且登入時是要輸入email和密碼,如果是直接申請gamil的話,就是輸入帳號和密碼,個人是比較喜歡這樣,都要使用google還要輸入其他的email,還真是有點不舒服!!)
Google
  1. 進到google首頁點最上方的gmail
  2. 點選右下方的建立帳戶
  3. 填寫相關資料
  4. 完成後,即可使用google提供大量的功能

2.登錄google帳戶
3.最選網頁最上面的"更多"的連結
4.點選Blogger
接著就開始申請blogger囉~~