2008年5月23日 星期五

在文章下方放置訂閱RSS的文字敘述

網路資源何其多,現在很多人都習慣用Rss來訂閱自己有興趣的文章,如果能讓自己的訂閱人數增加,相對也會提高網站的流量,我想大部分的版主都願意看到自己的來訪人數及訂閱量增加,不僅是對自己的肯定也是促進自己寫文章的動力,綸太郎自從幫自己的Rss燒了個FeedBurner的網址,目前Rss的訂閱數每天都有穩定的成長。

如何增加訂閱,除了在部落格醒目的地方加上訂閱標誌,配合網路上可使用的各種Rss Icon資源增加其活潑性,讓網友一進網站就可以迅速找到訂閱的按鈕是必要的,目前我改版後新增的項目就是在每篇文章最後加上訂閱的文字敘述,其實一直想這麼做,常常看獨立架站的部落格有這個配置,我知道利用一些部落格寫作工具也可新增這項目,但是總覺得太繁瑣,而且通常是英文的,一堆網址連結堆積在文章頁尾,以我自己的瀏覽習慣,我很少會去看這部分,也覺得對中文環境的使用者,倒不如用一個簡潔有力的敘述,告訴網友如果喜歡自己的文章,按下按鈕就可訂閱。

這部分我是參考將Not My Business: Google AdSense只顯示在單篇文章裡 for Blogger的類似做法,不在首頁顯示,自己研究了一下,並參考網路上的語法把他做出來,目前使用上是沒有什麼問題,作法如下:

2008.9.23更新,這個語法不明原因的出錯,造成元件顯示一半,查出原因,我想應該是這個變數subscribe,被Blogger官方使用了,所以不行用,會跑出官方預設的格式,用個其他名稱就行了,我把它改成subscribe2,當然下方HTML處也要修正為subscribe2。

新增一個元件定義,可以自行設定,我是以Subscribe2定義Rss敘述的單元,你可自設名稱,記住Subscribe已經不能使用了(2008.9.23失效,我猜是被官方拿去用了)

更改前記得備份原始模板

將以下程式碼加到post-footer這塊區域,(圖片裡的subscribe應該為subscribe2)

這是橘色版本的語法

.subscribe2 {
background:#FCF4DF url('圖片網址') no-repeat 30px;
text-align:center;
border-bottom:2px solid #FF8928;
border-top:2px solid #FF8928;
margin:10px 0 0 0;
padding:5px 20px 5px 40px;
}

說明如下圖,(圖片裡的subscribe應該為subscribe2)

這是藍色版本的樣子

語法如下,
.subscribe2 {
margin:10px 0 0 0;
padding:5px 20px 5px 40px;
background:#ECF6F9 url('圖片網址’) no-repeat 50px;
text-align:center;
border-bottom:2px solid #80C0D8;
border-top:2px solid #80C0D8;
}


記得展開小裝置範本,將這段敘述加在<div class='post-footer'>之前
<div align='left'>
<b:if cond='data:blog.pageType == "item"'>
<div class='subscribe2'><a href='http://feeds.feedburner.com/lun01' title='訂閱0與1謎詭世界'>如果覺得本文對您有幫助,歡迎訂閱RSS Feed</a></div>
</b:if>
</div>

這樣便完成了,如下圖(圖片裡的subscribe應該為subscribe2)


其中,綠色的網址要改成你的訂閱網址,
如果覺得本文對您有幫助,歡迎訂閱RSS Feed」,則可以自己添加你想要的文字敘述,title則是滑鼠停在上面顯示的文字。

而圖片部分我是使用Zeusbox Studio » blog,或是參考下面提供的網路資源,選擇你喜歡的圖樣,下載到自己的空間即可使用。

其實從5月18日FeedBurner原本的訂閱人數是157個人,到5月22日是173人,我想放置這個訂閱的文字敘述還是可以提醒網友訂閱,看到文章覺得不錯時,順手就可以訂閱你的網站,增加你的訂閱數這也是個不錯的方法。



參考來源:
Not My Business:Google AdSense只顯示在單篇文章裡 for Blogger
增加订阅数的8个方法 后80花园
Free of charge RSS Feed Icons « ² Malevi4a

16 則留言:

  1. 站長你好:
    想請教您一個問題

    「新增一個元件定義,可以自行設定,
    我是以Subscribe定義Rss敘述的單元」

    找了好久都找不到跟你範例一樣的程式碼上面post-footer這個區塊。要從哪邊設定呢?
    謝謝

    回覆刪除
  2. 你已經做好這部分了,應該是已經找到了位置。

    回覆刪除
  3. 謝謝站長的回復:
    原本找了好久都找不到,所以都一行一行慢慢找,一邊尋找一邊對照,果然發現有類似的文字@@,因為我是使用METAMUSE站長製作的BlackCoffee樣板,找到裡面的的文字是
    /* Posts --------------------- */
    跟你說的
    /*--------- POST-FOOTER ------ */
    不太一樣,所以姑且試一試,發現成功了。
    所以有使用METAMUSE站長製作的BlackCoffee樣板的朋友可以試試看喔!

    很開心,謝謝站長用心寫了那麼多好的文章,
    造福像我這樣第一次寫部落格的人。

    回覆刪除
  4. 其實每個模板的定義元素名稱都大同小異,大概了解各個元素的用法,就比較能自己改版面了,也謝謝您的鼓勵。

    回覆刪除
  5. 您的blogger真的很有料
    挖到很多寶 感謝

    這篇剛開始我也碰到一點小問題
    後來才發現新增過訂閱小工具後
    .subscribe就會有一個預設值在了
    後來改了個名字才解決

    最後請問一下body中的換行程式碼要怎麼打?
    試了半天都無解

    回覆刪除
  6. 你是指文章或是後台html語法,通常打入<br/>就能換行

    回覆刪除
  7. 非常感謝0與1的詭迷世界提供的教學!

    網誌剛改版完成,套用了這項便利許多blogger的教學!

    非常感謝..

    回覆刪除
  8. 很謝謝您的鼓勵,知道自己的文章對他人有些小小幫助,很欣慰。

    回覆刪除
  9. 太郎兄~感謝你的熱心~

    還特地來我blog留言提醒~真的非常謝謝你~

    關於我文章上對你blog名稱的誤植,我已經更正。真的非常抱歉!你這樣還真是以德報怨..讓我非常感動啊~嗚嗚。

    你這朋友交定啦...太郎兄~

    回覆刪除
  10. 謝謝太郎的通知,我是昨天才發現到rss訂閱方塊變形了,把subscribe改了以后真的就正常了。

    我想請教太郎的網頁上“參考來源” 的藍色方塊程式碼,感恩,謝謝。

    我的電郵:
    fungnyitfen@gmail.com

    回覆刪除
  11. 以更正成功,謝謝提醒。

    回覆刪除
  12. To sango,哪有什麼以德報怨,那只是不小心,我也常寫錯別字。

    To 阿宏,其實那個是要給程式碼用,我偷懶把他拿來做參考網頁的框框。

    To毛毛牙,不客氣,因為我記得你有用這東西。

    回覆刪除
  13. 哈哈~開開玩笑的啦。
    不過綸太郎人真的很好啊..

    咦?我是在發好人卡嗎?

    回覆刪除
  14. 我常收到,多一張也無所謂,懂得稱讚別人是種美德。

    回覆刪除

設有留言驗證及核准,版主閱覽後,留言才會顯示,發問前請善用網站目錄Google搜尋功能