前幾天偶然的翻閱幾本手邊現有的雜誌，突然像挖到寶似的，開始狂熱起 Blog，順手把另一個荒廢的 Blog 給轉了過來，只是...這裡不像過去的 Blog 有一樣的發文模式，過去常用的都不見了，變得不知該怎麼辦才好，趁著找到解決這些水土不服的問題方法，於是就寫了篇文章，試著把所有用過的方法給記錄下來。
改造一、 怎麼沒有「繼續閱讀」 的內文區
這個大概是用慣其他 Blog 後會產生的第一號問題吧！沒錯！Blogger 就那麼一個輸入區，意思就整篇要亮給人家看就是了，這個好不習慣啊！對個人來說，整篇亮在那，文章一長，頁面落落長，難看死了，其二，有用「Google Analytics」工具的人，就會傻眼了，因為沒人點進去，這樣就不會統計哪個文章比較受歡迎，這樣幾乎是等於白裝了，那麼就要一個好方法來做一下改造，個人找過網路上許多方法，個人採用 Blog 客「程式設計 NEXT SERVICES」的方法，這個是以樣板為使用對象的方法，千萬不要誤用了，不然你的樣式就會整個跑了了啦！
首先開啟「版面配置」→「修改 HTML」，將「展開小裝置範本」打勾後，
尋找下列字串
<p><data:post.body/></p>將其替換成下列代碼，藍色部分起替換成自己喜歡的樣式。
<b:if cond='data:blog.pageType == "item"'> 如果找不到，試著將<p></p>去掉再尋找，有找到的話，將標紅色的地方也跟著去掉。最後只要在文章中將要隱藏的部分以 <div class="fullpost"></div> 或 <span class="fullpost"></span> 括住就行了。
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<br></br>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'>More......</a>
<b:else/>
<data:post.title/>
</b:if>
</p>
</b:if>
以上程式碼截自「程式設計 NEXT SERVICES - 有關 Blogger in Beta」
改造二、 為文章區加上方便瀏覽的頁數按鈕
這個是個人無意間找的，有沒有必要看每個人所需，裝上去個人覺還蠻方便的啦～
同樣開啟「版面配置」→「修改 HTML」，將「展開小裝置範本」打勾後，
尋找下列字串
</b:skin>在其前方插入下列程式碼
/*---標頁數css部份語法開始---*/ 找到下面語法
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}
/*---標頁數css部份語法結束---*/
<b:section class='main' id='main'再其對應的</b:section>之後加上下面語法
<!--//標頁數javascript部份語法開始--> 接著做以下的參數調整
<script type="text/javascript">
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==".com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var pageCount = 5;
var displayPageNum = 5;
var upPageWord = 'Previous';
var downPageWord = 'Next';
</script>
<script type="text/javascript" src="http://pcnick100.googlepages.com/addpages.js"></script>
<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999"; type="text/javascript"></script>
<!--//標頁數javascript部份語法結束-->
1. 如果您的網址不是「 .com」結尾的話，請找到下面語法
var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==".com/";將其改為正確的網址結尾。
2. 整除首頁外，每一頁出現的文章數，找到下面語法
var pageCount = 5;將語法中的數字「5」改為你所需要呈現的文章數！
3. 顯現的頁數按鈕範圍
找到下面語法
var displayPageNum = 5;將語法中的數字「5」改為你所需要顯現的頁數。
以上來自「Find the way out... - 為文章區加上方便瀏覽的頁數按鈕」
改造三、 在 Blogger 中放入 funP 推推王按鈕
個人正巧想起前陣子註冊的帳號，於是也想將它放進來，只是用網路上的方法，卻導致整版面的樣式變的不美觀，個人找了一下 CCS 語法，總算是讓它變得比較可以看了～
開啟「版面配置」→「修改 HTML」，將「展開小裝置範本」打勾後，
尋找下列字串
在<head></head>之間加入下列代碼
<script language='JavaScript' src='http://funp.com/tools/js/funp_button.js'/>尋找下列字串
<data:post.body/>在上方加入
<span style='float: right;'><script>funp_genButton("<data:post.url/>", 1);</script></span>
後言
慢慢玩 Blogger 還蠻有趣的，最近再試著調整版面大小，不過後台好像也會跟著變就是了，只是變得超不美觀，算了，慢慢再來專研看看還有什麼東西能夠改的！
嗯～就先從 Blogger 的 xml 樣板開始吧～
4 則留言:
繼續閱讀的這個功能，我也是前一陣子才加入呢~~還在那邊搞了半天才寫進去XD
另外文中提到的兩個東西，我倒是沒有想過要加入就是了~~
總之，這篇我就收下了= =+
直到三個月後才看到這篇文章，
要不因為進到系統的編輯文章區，
還不會發現有這一篇文章(因為我都不是用網路編輯器發文的～XD
這種事情是見仁見智啦～
不需要得當然不會去加囉～
我是因為有需要也才會去試著要調調看，順便稍微做一下紀錄～
看到你回應我那邊的文章，也是過了三個月，還真的就這樣忽略了別人的回應了，真是糟糕@@"
看來改天最新留言的功能出來好了，
不然光是近 Blog 也不會發現有人回覆了～
不過這之前要先改改樣式，側邊欄已經落落長了～
話說...這篇在兩個半月後被發現～(汗
原因是測最新留言隨便按才發現～XD
張貼留言