2007/05/27

如何在blogger 加入FunP推推王按鈕?




2007/08/24 更新 : Funp 8/22 改版, 原本的推文按鈕失常. 請參考以下修改後的程式碼.

或參考這篇 加入改版後的FunP Push推文按鈕 到部落格標題列或文章區, 有較詳細的解說.

FunP推推王推出"推文按鈕", 可以在部落格文章中, 顯示這篇文章目前已有多少人推薦, 而且如果有推推王的帳號, 還可以直接推文, 這個功能很類似digg.

要如何在blogger加入這個按鈕呢?

兩個步驟搞定!


加入程式碼之前,先記得備分一下template.
然後,選範本-->選修改HTML-->勾取 展開小裝置範本(一定要勾取,否則無法加入在每篇文章內)

1.在<head> </head>之間, 加入以下程式碼.


<script language='JavaScript' src='http://funp.com/tools/js/funp_button.js'/>




2.找到 <h3 class='post-title'> 這一行
在之後,加入以下的程式碼

<script>funp_genButton(&quot;<data:post.url/>&quot;);</script>


預覽就可以看到效果了....


相關文章 :

43 comments:

jimmy 提到...

我依你的方法打推推加入blogger,但是不好用,我就把他拿掉了,但是我的連結都跑掉了,原本連結到http://www.soho1.ws的,都連到http://sohogdi.blogspot.com//www.soho1.ws,重點是改不回來,怎麼辦呢?在編輯中看是沒問題的。怎麼改回來呢
這是我的首頁http://sohogdi.blogspot.com/

Skyvee 提到...

Jimmy你好,
我看了你的原始碼, 請你在html的模式下, 把 "http:.//www.soho1.ws" 改成 "http://www.soho1.ws" , 原因是您在[http:]後面, 多打一個句點符號[.]了. 試看看哦!

jck11 提到...

等回來去試試看
謝謝你的分享啦

Skyvee 提到...

jck11,
歡迎一起討論哦! =)

cyber runner 提到...

要加入推推王按鈕
又找到大大的文
真好
謝謝你造福人群

可是我有個小問題不知道大大有解否?

放批的按鈕好醜

有小一點的嗎

也去放批去查了一下

好像沒這樣的圖檔和文

謝謝囉

Skyvee 提到...

如果只是要讓讀者貼文到funp, 是有比較小的button, http://funp.com/pages/tools/badgegen.php

如果是希望也顯示已推人數的話, 我想這個可能要建議funp 再設計囉! :)

希望特快車 提到...

您好~為什麼我放到我的部落格之後..我要推薦此文章~卻會連接到推推王的登入頁面??那沒有帳號的不就不能推薦@@?可是我推薦你這裡的文章就不會有這樣的問題耶...怎麼回事??

Skyvee 提到...

你好, 的確是要先登入推推王才能推薦的呢! 也許你推我這裡的文時,是在登入狀態下,所以就推成功了!如果沒有推推王帳號, 就要先申請帳號才能推文哦! :)

異塵行者 提到...

嗨嗨,我試用了這個教學後,雖然成功了。可是推推王的按鈕是跑到文章標題上方,而不是標題的最左邊,不知道是什麼問題呢?

Skyvee 提到...

異塵行者你好,

可以試著在 .post h3 strong { } 那段程式碼, 先找到這行 display:block;

把 display:block; 移除, 應該就可以跟標題排排站了! :)

異塵行者 提到...

原來如此,問題解決囉^^謝謝啦!

Skyvee 提到...

異塵行者, 別這麼客氣啦!

Jecky 提到...

版主你更新的還真快~~
昨天發現blog 一直出現.網頁錯誤的訊息.
原來是Funp 的java 位置換了..
感謝你的更新~~

skyvee 提到...

jecky, :) 不用客氣.

匿名 提到...

你好,可以入改blogger 的階梯式按鈕名稱嗎?例如, 我想把菜單 【▼ 2007 (2) 】改成「旅遊」【▼ 九月 (2) 】改成「長城」.....請賜請呀,謝謝!

lifemirror (笨貓) 提到...

您好~請問如果是您目前左下角的ClickComments工具, 要如何顯示在sidebar裡?因為我怎麼裝都是跑到文章尾部去....

Skyvee 提到...

貓, clickcomments 主要是對每篇文章做回應的, 所以都是放在文章的footer, 如果放到sidebar, 就不知道是對哪一篇文章的回應呢?

lifemirror (笨貓) 提到...

謝謝熱心的Skyvee大哥, 另外有個像是"看到鬼"的問題, 我有一篇blogger文章在firefoy裡看都很正常, 但是在ie就會當掉視窗,不過如果下載下來, 以一個page看, ie又能使用....請問這怎麼解決啊??
http://www.icashbox.net/flashcatclock.html

Skyvee 提到...

貓, 我將程式碼, 貼到blog後, 看起來沒什麼問題, 只是一開始時, 會當一下下, 等一會兒, 網頁就載入完畢了.連結也可以正常work.

lifemirror (笨貓) 提到...

謝謝Skyvee大哥~不知您的當一下下是多久?我的當掉IE視窗一直到1分鐘還開啟不了~不知這跟IE版本有關麼?IE6.029 SP2

skyvee 提到...

版本一樣, 只有幾秒鐘的時間, 不過這樣的方式並不夠準確, 最好是在你的BLOG上測, 因為有可能是受到sidebar, 或 blog其他外掛程式影響. 也許你再發一次文章看看, 搞不好當時是其他外掛程式出問題, 不一定是這篇文章也說不定.

lifemirror (笨貓) 提到...

唉~確定是那兩篇出問題~我乾脆設了個浮動框架~情況有好一些~但還是嫌慢~唉~~~~ but 感謝你的幫忙喔

lifemirror (笨貓) 提到...

還有我發現了好玩的東西~不知skyvee大哥要不要一起加入呢? http://mymagicalstar.blogspot.com/ 最底下的BlogLive

Skyvee 提到...

貓, 那個小玩意很有意思! 等你寫文章介紹一下吧! :)

土人 123 提到...

skyvee 大大你好,我想把 funP 的小按鈕放在「繼續閱讀」之後的整篇文章結尾,就在現在的 Hemidemi 按鈕旁邊,請問該怎麼做??

謝謝你!你的內容好豐富,我把你加入我的部落囉!^_^b

Skyvee 提到...

土人您好, 首先謝謝您的支持!funp的按鈕會比你目前放的hemidemi大一點哦!如果要放在目前黑米的旁邊, 第二步驟的程式碼放在 div class='comments' id='comments' 的前面, 就可以了! 另外, 你的照片拍的好棒, 而且還有個超夢幻團隊.^^

土人 123 提到...

謝謝謝謝 skyvee 大大,這麼快就回覆!

趕快回家試試看 ^_^

有空常來喔~

Skyvee 提到...

土人兄,可別這麼說, 不敢當啊!!以後還請多多指教!

土人 123 提到...

Skyvee 大大,不好意思又來麻煩你了。
我照你所說的位置貼上程式碼之後,卻出現:

很抱歉,我們無法完成您的要求。
向「Blogger 支援」回報這項錯誤或在「Blogger 說明論壇」上回報錯誤時,請:
請說明您正在執行什麼動作時收到這個錯誤訊息。
請提供下列錯誤代碼及其他資訊。
bX-btcv0r

請問我是哪裡做錯了嗎?

還有請問一下,「貼文按鈕」跟「推文按鈕」有什麼不同嗎?看起來好像作法也不一樣耶?

Skyvee 提到...

土人您好, 這訊息應該是blogger網站當時有問題, 所以才導致更新程式碼後,無法儲存的訊息.有空的話, 不妨再試看看. 另外,,「貼文按鈕」是讓讀者把文章送到FunP,但不會出現目前有多少人推薦, 而推文按鈕是可以出現目前推薦數.也謝謝您的提問, 剛上去看了一下,FunP推出不少按鈕了, 看來我得再補一下文章了.^^

Skyvee 提到...

土人您好, 如果您只希望在單篇文章出現這個按鈕, 第一步驟的程式碼加入後, 第二步驟的程式碼改成 funp_genButton('', 11); 其中11 是http://funp.com/tools/buttongen.php倒數第二個按鈕.

土人 123 提到...

謝謝 skyvee 大的清楚解說!

回家再去試試看~~ ^_^b

米茶 提到...

感謝Skyvee清楚的說明
我終於把FunP加入了..之前花了我好多時間

Skyvee 提到...

米茶,也謝謝你的留言, 歡迎常來逛逛!^^

Wei 提到...

請教您,

我用的是 yahoo 的部落格,
無論我怎麼試, 都不會出現推薦的貼紙 !!

可以請您教我如何用嗎 ??

大大的感謝您 !!

Wei 敬上

ps. 我的 mail:cw8588@gmail.com

米茶 提到...

Skyvee大大,也請您協助囉
Wei的問題,我也有朋友在Yahoo上面遇到
若您方便的話, 是否也能讓我知道該怎麼解決呢?

Skyvee 提到...

wei, 米茶兩位好, yahoo部落格由於不支援javascript的語法, 所以此篇文章所介紹的推鈕並不適用, 但是可以用另一種方式, 我把做法寫在這裡,如何在Yahoo部落格加入FunP貼文按鈕?, 請參考一下.

橘子 提到...

我也想請問一下
天空部落要怎麼放呢??
我在樣版裡找修改CSS好像不行
我也想要能有個推推鈕



請多多指教 ><

skyvee 提到...

天空部落好像不能放這一類型(有推文及顯示目前推數的功能)的推文按鈕, 不過有另一種方式可解決.就是加入書籤.可以參考一下這篇一次將 13 個社群書籤加入至部落格的作法

匿名 提到...

謝謝分享!試下!

Skyvee 提到...

這語法有點歷史了,不知道還能不能適用? :)

提到...

我是yahoo的部落格,好像不能放funp是嗎?
請教教我,,,感恩啊

skyvee 提到...

羚,我在yahoo也貼了一篇加funp推文鈕的文章,可以參考看看.如何在Yahoo部落格加入FunP貼文按鈕?

張貼留言

謝謝您願意在此分享心得, 讓文章內容更豐富.