如何自定推文到facebbok, plurk, twitter（圖形式）
07 16, 2010Posted in[部落格研究所]FC2部落
現在幾乎每個網站，不管什麼類型都會看到一排小icon，可以讓你把文章推到各家微網誌如〝推特〞。
可惜在FC2講求的就是〝簡約〞，不只版面簡約，連其功能也比其他百花齊放的部落格服務還簡約許多，所以想要讓自己的FC2網誌生動點還真要一切都D-I-Y（我等相簿功能等很久連個風聲都沒有）。所以，想要趕〝流行〞就只能自己擺上去了。
本想能不能放到樣板的html裡去比較省事，但是自己功力不足加上沒耐心，怎麼也找不到〝漂亮的好位置〞，而且推文的功能就是要推文章，沒放到文章裡去就會變成推網站了。
目前還未找到方法，所以就變成了要一篇一篇地貼到文章下方（編輯附記），如有人知道可麻煩分享給我這個懶人吧！
以下是參考重灌達人和另外參考計算0123456789的語法來改成比較美觀的圖像式的推文按鈕。
我使用的語法，參考一下解說就可以幾乎套用。
這是目前我使用比較ok的語法，意思就是說〝可以正常使用〞。
裡面最麻煩的就是facebook，但還是可以把文章正常推出去。
注意：紅色部分請自定，一個是facebook部分的文章連結網址得每一篇自定（我知道這樣很糟)，一個就是自定圖片的網址，如果想要直接套用就會跟我用一樣的圖片。
綠色的48數值是icon的大小，也可自定。
至於橘色部分可有可無，若是想把按鈕放在文章的右方就使用橘色部分的語法，這樣按鈕就會靠齊右側。
最後也很重要的，要使用此語法除了要把上面粗黑中文註解部分去除，還要把我為了解說清楚做的分段取消，也就是要delete掉〝斷行〞的排版。在FC2，這樣在語法上斷行顯示出來結果也是會斷行的，所以到時出來的icon會變直式的。>_<"
最後，提供幾個icon，善用google就可以找到許多美觀的icon（但要小心沒去背白色底的圖），或是你也可以發揮創意自行畫一個好看有個性且獨一無二的小圖。
像是
（來源：計算0123456789）
繼續閲讀
可惜在FC2講求的就是〝簡約〞，不只版面簡約，連其功能也比其他百花齊放的部落格服務還簡約許多，所以想要讓自己的FC2網誌生動點還真要一切都D-I-Y（我等相簿功能等很久連個風聲都沒有）。所以，想要趕〝流行〞就只能自己擺上去了。
本想能不能放到樣板的html裡去比較省事，但是自己功力不足加上沒耐心，怎麼也找不到〝漂亮的好位置〞，而且推文的功能就是要推文章，沒放到文章裡去就會變成推網站了。
目前還未找到方法，所以就變成了要一篇一篇地貼到文章下方（編輯附記），如有人知道可麻煩分享給我這個懶人吧！
以下是參考重灌達人和另外參考計算0123456789的語法來改成比較美觀的圖像式的推文按鈕。
我使用的語法，參考一下解說就可以幾乎套用。
| <div style="float:right;"> *Facebook部分* <div><script>function fbs_click() {u=location.href;t=document.title;window.open(\\<WPPreserveSingleQuote />http://www.facebook.com/sharer.php?u=\\<WPPreserveSingleQuote />+encodeURIComponent(u)+\\<WPPreserveSingleQuote />&t=\\<WPPreserveSingleQuote />+encodeURIComponent(t),\\<WPPreserveSingleQuote />sharer\\<WPPreserveSingleQuote />,\\<WPPreserveSingleQuote />toolbar=0,status=0,width=626,height=436\\<WPPreserveSingleQuote />);return false;}</script><a href="http://www.facebook.com/share.php?u=這裡是這一篇文章的網址" onclick="return fbs_click()" target="_blank" ><img height="48" border="0" width="48" alt="" src="http://blog-imgs-42.fc2.com/e/l/s/elsalinnn/Facebook-icon.png"/></a> *Plurk部分* <a href="javascript: void(window.open('http://www.plurk.com/?qualifier=shares&status=' .concat(encodeURIComponent(location.href)) .concat(' ') .concat('(') .concat(encodeURIComponent(document.title)) .concat(')')));"><img border="0" src="http://blog-imgs-42.fc2.com/e/l/s/elsalinnn/Plurk-icon.png" border="0" alt="" width="48" height="48"></a> *Twitter部分* <a href="javascript: void(window.open('http://twitter.com/home/?status='.concat(encodeURIComponent(document.title)) .concat(' ') .concat(encodeURIComponent(location.href))));"><img border="0" src="http://blog-imgs-42.fc2.com/e/l/s/elsalinnn/Twitter-icon.png" border="0" alt="" width="48" height="48"></a> </div> |
這是目前我使用比較ok的語法，意思就是說〝可以正常使用〞。
裡面最麻煩的就是facebook，但還是可以把文章正常推出去。
注意：紅色部分請自定，一個是facebook部分的文章連結網址得每一篇自定（我知道這樣很糟)，一個就是自定圖片的網址，如果想要直接套用就會跟我用一樣的圖片。
綠色的48數值是icon的大小，也可自定。
至於橘色部分可有可無，若是想把按鈕放在文章的右方就使用橘色部分的語法，這樣按鈕就會靠齊右側。
最後也很重要的，要使用此語法除了要把上面粗黑中文註解部分去除，還要把我為了解說清楚做的分段取消，也就是要delete掉〝斷行〞的排版。在FC2，這樣在語法上斷行顯示出來結果也是會斷行的，所以到時出來的icon會變直式的。>_<"
最後，提供幾個icon，善用google就可以找到許多美觀的icon（但要小心沒去背白色底的圖），或是你也可以發揮創意自行畫一個好看有個性且獨一無二的小圖。
像是
（來源：計算0123456789） 
繼續閲讀
{0 Comments}