v 在文章下方放置訂閱RSS的文字敘述 >> 0 與 1 謎詭世界
★★★請勿任意轉載本站的文章及圖片但歡迎網摘及連結並註明網站名稱與網址,勿全文轉載,彼此尊重,
是網路的基本禮儀。


>
2013 曬書節 - 萬種商品49元起!

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搜尋功能

Related Posts Plugin for WordPress, Blogger...