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("<data:post.url/>");</script>
預覽就可以看到效果了....
2007/05/27
如何在blogger 加入FunP推推王按鈕?
43 comments:
我依你的方法打推推加入blogger，但是不好用，我就把他拿掉了，但是我的連結都跑掉了，原本連結到http://www.soho1.ws的，都連到http://sohogdi.blogspot.com//www.soho1.ws，重點是改不回來，怎麼辦呢?在編輯中看是沒問題的。怎麼改回來呢
這是我的首頁http://sohogdi.blogspot.com/
Jimmy你好,
我看了你的原始碼, 請你在html的模式下, 把 "http:.//www.soho1.ws" 改成 "http://www.soho1.ws" , 原因是您在[http:]後面, 多打一個句點符號[.]了. 試看看哦!
等回來去試試看
謝謝你的分享啦
jck11,
歡迎一起討論哦! =)
要加入推推王按鈕
又找到大大的文
真好
謝謝你造福人群
可是我有個小問題不知道大大有解否?
放批的按鈕好醜
有小一點的嗎
也去放批去查了一下
好像沒這樣的圖檔和文
謝謝囉
如果只是要讓讀者貼文到funp, 是有比較小的button, http://funp.com/pages/tools/badgegen.php
如果是希望也顯示已推人數的話, 我想這個可能要建議funp 再設計囉! :)
您好~為什麼我放到我的部落格之後..我要推薦此文章~卻會連接到推推王的登入頁面??那沒有帳號的不就不能推薦@@?可是我推薦你這裡的文章就不會有這樣的問題耶...怎麼回事??
你好, 的確是要先登入推推王才能推薦的呢! 也許你推我這裡的文時,是在登入狀態下,所以就推成功了!如果沒有推推王帳號, 就要先申請帳號才能推文哦! :)
嗨嗨，我試用了這個教學後，雖然成功了。可是推推王的按鈕是跑到文章標題上方，而不是標題的最左邊，不知道是什麼問題呢？
異塵行者你好,
可以試著在 .post h3 strong { } 那段程式碼, 先找到這行 display:block;
把 display:block; 移除, 應該就可以跟標題排排站了! :)
原來如此，問題解決囉^^謝謝啦！
異塵行者, 別這麼客氣啦!
版主你更新的還真快~~
昨天發現blog 一直出現.網頁錯誤的訊息.
原來是Funp 的java 位置換了..
感謝你的更新~~
jecky, :) 不用客氣.
你好，可以入改blogger 的階梯式按鈕名稱嗎？例如, 我想把菜單 【▼ 2007 (2) 】改成「旅遊」【▼ 九月 (2) 】改成「長城」.....請賜請呀，謝謝！
您好~請問如果是您目前左下角的ClickComments工具, 要如何顯示在sidebar裡？因為我怎麼裝都是跑到文章尾部去....
貓, clickcomments 主要是對每篇文章做回應的, 所以都是放在文章的footer, 如果放到sidebar, 就不知道是對哪一篇文章的回應呢?
謝謝熱心的Skyvee大哥, 另外有個像是"看到鬼"的問題, 我有一篇blogger文章在firefoy裡看都很正常, 但是在ie就會當掉視窗,不過如果下載下來, 以一個page看, ie又能使用....請問這怎麼解決啊??
http://www.icashbox.net/flashcatclock.html
貓, 我將程式碼, 貼到blog後, 看起來沒什麼問題, 只是一開始時, 會當一下下, 等一會兒, 網頁就載入完畢了.連結也可以正常work.
謝謝Skyvee大哥~不知您的當一下下是多久？我的當掉IE視窗一直到1分鐘還開啟不了～不知這跟IE版本有關麼？IE6.029 SP2
版本一樣, 只有幾秒鐘的時間, 不過這樣的方式並不夠準確, 最好是在你的BLOG上測, 因為有可能是受到sidebar, 或 blog其他外掛程式影響. 也許你再發一次文章看看, 搞不好當時是其他外掛程式出問題, 不一定是這篇文章也說不定.
唉~確定是那兩篇出問題~我乾脆設了個浮動框架~情況有好一些~但還是嫌慢~唉~~~~ but 感謝你的幫忙喔
還有我發現了好玩的東西~不知skyvee大哥要不要一起加入呢? http://mymagicalstar.blogspot.com/ 最底下的BlogLive
貓, 那個小玩意很有意思! 等你寫文章介紹一下吧! :)
skyvee 大大你好，我想把 funP 的小按鈕放在「繼續閱讀」之後的整篇文章結尾，就在現在的 Hemidemi 按鈕旁邊，請問該怎麼做？？
謝謝你！你的內容好豐富，我把你加入我的部落囉！^_^b
土人您好, 首先謝謝您的支持!funp的按鈕會比你目前放的hemidemi大一點哦!如果要放在目前黑米的旁邊, 第二步驟的程式碼放在 div class='comments' id='comments' 的前面, 就可以了! 另外, 你的照片拍的好棒, 而且還有個超夢幻團隊.^^
謝謝謝謝 skyvee 大大，這麼快就回覆！
趕快回家試試看 ^_^
有空常來喔～
土人兄,可別這麼說, 不敢當啊!!以後還請多多指教!
Skyvee 大大，不好意思又來麻煩你了。
我照你所說的位置貼上程式碼之後，卻出現：
很抱歉，我們無法完成您的要求。
向「Blogger 支援」回報這項錯誤或在「Blogger 說明論壇」上回報錯誤時，請：
請說明您正在執行什麼動作時收到這個錯誤訊息。
請提供下列錯誤代碼及其他資訊。
bX-btcv0r
請問我是哪裡做錯了嗎？
還有請問一下，「貼文按鈕」跟「推文按鈕」有什麼不同嗎？看起來好像作法也不一樣耶？
土人您好, 這訊息應該是blogger網站當時有問題, 所以才導致更新程式碼後,無法儲存的訊息.有空的話, 不妨再試看看. 另外,，「貼文按鈕」是讓讀者把文章送到FunP,但不會出現目前有多少人推薦, 而推文按鈕是可以出現目前推薦數.也謝謝您的提問, 剛上去看了一下,FunP推出不少按鈕了, 看來我得再補一下文章了.^^
土人您好, 如果您只希望在單篇文章出現這個按鈕, 第一步驟的程式碼加入後, 第二步驟的程式碼改成 funp_genButton('', 11); 其中11 是http://funp.com/tools/buttongen.php倒數第二個按鈕.
謝謝 skyvee 大的清楚解說！
回家再去試試看～～ ^_^b
感謝Skyvee清楚的說明
我終於把FunP加入了..之前花了我好多時間
米茶,也謝謝你的留言, 歡迎常來逛逛!^^
請教您,
我用的是 yahoo 的部落格,
無論我怎麼試, 都不會出現推薦的貼紙 !!
可以請您教我如何用嗎 ??
大大的感謝您 !!
Wei 敬上
ps. 我的 mail：cw8588@gmail.com
Skyvee大大,也請您協助囉
Wei的問題,我也有朋友在Yahoo上面遇到
若您方便的話, 是否也能讓我知道該怎麼解決呢?
wei, 米茶兩位好, yahoo部落格由於不支援javascript的語法, 所以此篇文章所介紹的推鈕並不適用, 但是可以用另一種方式, 我把做法寫在這裡,如何在Yahoo部落格加入FunP貼文按鈕?, 請參考一下.
我也想請問一下
天空部落要怎麼放呢??
我在樣版裡找修改CSS好像不行
我也想要能有個推推鈕
請多多指教 ><
天空部落好像不能放這一類型(有推文及顯示目前推數的功能)的推文按鈕, 不過有另一種方式可解決.就是加入書籤.可以參考一下這篇一次將 13 個社群書籤加入至部落格的作法
謝謝分享！試下！
這語法有點歷史了,不知道還能不能適用? :)
我是yahoo的部落格,好像不能放funp是嗎?
請教教我,,,感恩啊
羚,我在yahoo也貼了一篇加funp推文鈕的文章,可以參考看看.如何在Yahoo部落格加入FunP貼文按鈕?
張貼意見
謝謝您願意在此分享心得, 讓文章內容更豐富.