2011-10-10 部落格 [Blogger]改版面

2011-10-10 部落格 [Blogger]改版面 為 Activity 
Activity 資料 :
Web : http://btemplates.com/2011/blogger-template-activity/
Setup 教學 : http://www.premiumbloggertemplates.com/2011/06/activity-premium-blogger-template.html
===============================
最早使用Blogger時,原也以亮潔畫面為主，但因長時間看著螢幕，而Blogger也成為我自己Memo及查資料的地方，所以現在個人用的Blogger，主以暗色系看的清楚為主，以保護自己的眼睛。 :-)

Activity修改列表如下 :

outer-wrapper 950 改為 980 px width
main-wrapper 500 改為 605
lsidebar-wrapper 260 改為 200
rsidebar-wrapper 135 改為 120

fp-thumbnail ::: class='share-button sb-blog'  475 改為 580
featuredposts  498 改為 603
.
header-wrapper  height:68px 改為 38px
.
header2 {float:right;width:51%;overflow:hidden;margin-top:-20px;} 加 margin-top:-20px
header2 .widget{ ............... ;margin-top:-20px;} 加 margin-top:-20px
.
Head 下面的下拉連結 : class='menu-secondary-wrap'
首頁輪放圖片原474 W *  260H px 需改成 579H * 260H px

Javascript 內修改以下顯示 上一頁 1 2 3 4 下一頁 的每頁顯示數

var postperpage=10; (原為 4)
var numshowpage=6; (原為 4)

.post-body{...font-size:15px;line-height: 20px;} font-size:由13px 改為15px

Search 修改為 : <input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Type your search here...&quot;;}' onfocus='if (this.value == &quot;Search&quot;) {this.value = &quot;&quot;;}' type='text' value='Search'/>
＊＊＊ 改版後有些舊文章或資料, 顏色配置有些不美觀, 有空改天再一一修改吧 !
<a href='http://www.blogger.com/home' title='編輯設定'>EDIT</a>
<a href='http://www.blogger.com/logout.g' title='登出'>Logout</a>
==============================
最新文章 Hack - HTML/Javascript 直接加入 Javascript 即可
最新文章模組「終極版」教學連結
.

讓 Blogger 標籤 搜尋 存檔頁面的文章只顯示標題 
.

Blogger 文章的預設顯示設定是標題加內文，一般的部落格首頁都是這樣的，但如果是搜尋頁和標籤頁也這樣，就比較不易找到想找的資料，所以解決方法是將其他頁面都改成只顯示標題，這樣找起資料就方便多囉


以下是 Hack 的方法方法一　複製這段語法：(除了首頁外，其他頁面只顯示標題)

.

<!-- 標籤頁面、網誌存檔頁面、搜尋頁面只顯示標題開始 -->
<b:if cond='data:blog.homepageUrl != data:blog.url'>
 <b:if cond='data:blog.pageType != "item"'>
 <h3 class='post-title'>
 <a expr:href='data:post.url'>
<data:post.title/></a> </h3>
<b:else/> <b:include data='post' name='post'/>
</b:if> <b:else/>
<b:include data='post' name='post'/> </b:if>
<!-- 標籤頁面、網誌存檔頁面、搜尋頁面只顯示標題結束 -->
.
方法二　複製這段語法：(除了首頁和網誌存檔頁面外，其他頁面只顯示標題)
.............................
.
取代這行即可：(上面的方法任選其一使用)
<b:include data='post' name='post'/>

===============================
.