前幾天偶然的翻閱幾本手邊現有的雜誌,突然像挖到寶似的,開始狂熱起 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
張貼留言