如何增加訂閱,除了在部落格醒目的地方加上訂閱標誌,配合網路上可使用的各種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
實用,非常感謝.
回覆刪除謝謝你的鼓勵。
回覆刪除站長你好:
回覆刪除想請教您一個問題
「新增一個元件定義,可以自行設定,
我是以Subscribe定義Rss敘述的單元」
找了好久都找不到跟你範例一樣的程式碼上面post-footer這個區塊。要從哪邊設定呢?
謝謝
你已經做好這部分了,應該是已經找到了位置。
回覆刪除謝謝站長的回復:
回覆刪除原本找了好久都找不到,所以都一行一行慢慢找,一邊尋找一邊對照,果然發現有類似的文字@@,因為我是使用METAMUSE站長製作的BlackCoffee樣板,找到裡面的的文字是
/* Posts --------------------- */
跟你說的
/*--------- POST-FOOTER ------ */
不太一樣,所以姑且試一試,發現成功了。
所以有使用METAMUSE站長製作的BlackCoffee樣板的朋友可以試試看喔!
很開心,謝謝站長用心寫了那麼多好的文章,
造福像我這樣第一次寫部落格的人。
其實每個模板的定義元素名稱都大同小異,大概了解各個元素的用法,就比較能自己改版面了,也謝謝您的鼓勵。
回覆刪除您的blogger真的很有料
回覆刪除挖到很多寶 感謝
這篇剛開始我也碰到一點小問題
後來才發現新增過訂閱小工具後
.subscribe就會有一個預設值在了
後來改了個名字才解決
最後請問一下body中的換行程式碼要怎麼打?
試了半天都無解
你是指文章或是後台html語法,通常打入<br/>就能換行
回覆刪除非常感謝0與1的詭迷世界提供的教學!
回覆刪除網誌剛改版完成,套用了這項便利許多blogger的教學!
非常感謝..
很謝謝您的鼓勵,知道自己的文章對他人有些小小幫助,很欣慰。
回覆刪除太郎兄~感謝你的熱心~
回覆刪除還特地來我blog留言提醒~真的非常謝謝你~
關於我文章上對你blog名稱的誤植,我已經更正。真的非常抱歉!你這樣還真是以德報怨..讓我非常感動啊~嗚嗚。
你這朋友交定啦...太郎兄~
謝謝太郎的通知,我是昨天才發現到rss訂閱方塊變形了,把subscribe改了以后真的就正常了。
回覆刪除我想請教太郎的網頁上“參考來源” 的藍色方塊程式碼,感恩,謝謝。
我的電郵:
fungnyitfen@gmail.com
以更正成功,謝謝提醒。
回覆刪除To sango,哪有什麼以德報怨,那只是不小心,我也常寫錯別字。
回覆刪除To 阿宏,其實那個是要給程式碼用,我偷懶把他拿來做參考網頁的框框。
To毛毛牙,不客氣,因為我記得你有用這東西。
哈哈~開開玩笑的啦。
回覆刪除不過綸太郎人真的很好啊..
咦?我是在發好人卡嗎?
囧
我常收到,多一張也無所謂,懂得稱讚別人是種美德。
回覆刪除