歡迎進入鬼地方~~
Powered By Blogger

2009-04-04

網誌改版了

    今天把網誌改版了,首先換了一個新的樣本,以前那個太窄,現在換這個可以隨著視窗大小改變文字寬度,第二是加入隱藏文章的功能,基於google的blogger沒有內建的縮文功能,所以找好自己來摟,不過我不會寫html、xml、javascript,找好抄一下網路上大家寫好的樣本,我找到一個對岸同胞寫的網誌,照他的方法改一改,效果還不錯。詳細步驟如下:
1.進入版面設定,進入修改html,
2.找到</head>,在他的前面加一段程式碼
 <!-- 隐藏文章内容 -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
span.fullpost {display:inline;}
</style>
<b:else/>
<style type='text/css'>
span.fullpost {display:none;}
</style>
</b:if>
3.在每次寫文章的時候,把要隱藏的部份包在下面兩個程式碼中間:
<span class="fullpost">
需要隱藏的文字
</span>

好險我post的文章很少,所以一篇一篇改還OK,就慢慢改摟。

4.還有一個問題就是,文章縮了以後,會讓人家覺得文章怎麼只有一半,所以要在文章的下面,加入 閱讀全文 的連結,在範本的html中找到<data:post.body/>,再將他代換成以下程式碼,
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/><br/>
<b:else/>
<data:post.body/>
<br/><a expr:href='data:post.url'>閱讀全文... </a>
</b:if>
基本上這樣子設定之後就OK了,感謝這位大大寫的網誌。
這個作法缺點就是如果你之前已經post很多文章,那可能要改很久,還有顯示文章的長度比較難統一,而優點就是你可以自己決定要隱藏的區段,或是不隱藏。
要po這篇網誌也不簡單,我還要查怎麼把html碼放上網,而不會變成程式。

飲水思源,附上它的連結:参考資料參考資料2

沒有留言:

張貼留言