變成電腦教室:在BlogSpot上置入funP推文按鈕

funP推推王是funP.com一系列網站服務中最先推出的產品。你可以把每天上網的發現的新聞、部落格文章、有趣短片,都貼到推推王來!當然也可以把你部落格的文章貼到推推王,其他喜歡這些文章的讀者也可以幫你推,不僅可以賺到funP點數(不過要換到好東西,不是建容易的事),還可以增加你部落格的曝光率。

這次要教大家的,是在你的部落格上面直接加上推文按鈕,在瀏覽你文章的讀者,可以直接推文,而不需要到funP的網頁才能推文。

我們這就開始吧:

1.先連到funP官網,在左邊的menu找到部落格支援工具。




2.選擇安裝推推王,按下我要安裝




3.選擇你要的樣式,因為我是希望放在標題後面,所以選擇右下角版面較小的樣式。




4.因為在Blog中,一頁有多篇文章,所以選擇一頁有多個按鈕,會產生兩段程式碼,第一段是產生Button的位置,第二段是引入產生Button的Script程式碼,我們先複製第二段。




5.登入Blogspot,選擇版面配置->修改HTML




6.勾選展開小裝置範本




7.在</head>標籤前面,貼上步驟4複製的程式碼。




8.複製步驟4的第一段程式碼,這是呼叫產生按鈕的程式,第一個參數是你該篇文章的網址,第二個參數是按鈕的樣式。在Blogspot中,文章網址是<data:post.url/>,加上後長這樣
<script>funp_genButton("<data:post.url/>",12);</script>



9.將步驟8修改的程式碼,貼到你要顯示的位置,以本篇為例,我是要貼在文章標題後面,所以貼在<data:post.title/></a>後面。




10.完成後如下圖所示

0 意見: