米糰桑重要事項

米團桑:「今天決定把讚按鈕CODE簡化來騙流量跟迴響!」

機車飯糰:「看!拎杯被騙了按下去讚!」

-----------------------記得幫我按讚跟回應歐---------------

在哪加入語法請參考上篇 - 前後加讚

直接全加會在文章前後出現讚,上下都有Funp等推文按鈕,文後會出現FB分享按鈕

-----------------------下面藍色字全加就對了!--------------------------------

<script type="text/javascript"> 
<!--
var FB_TYPE='button_count';
var FPSCSS='text-align:right';
var FPSSEL='both';
var FPSTAR=new Array("div.forward");

 var FPSTARPOS=new Array("before");


//-->
</script> 
<script type="text/javascript" src="http://pixnetfbshare.googlecode.com/files/pixnet_FPSHARE_1_0.js"></script> 

<script type="text/javascript"> 
var LINKCOLOR='light';
var LINKWIDTH='500';
var LINKHEIGHT='20';
var LINKFSHOW='1';
var LIKETARCSS=new Array('padding-left:5px;padding-bottom:10px;background-color:white','padding-top:5px;padding-bottom:15px;');
var LIKETAR=new Array("div.article-body",'div.forward');

var LIKETARPOS=new Array('before');


</script> 
<script type="text/javascript" src="http://pixnetfbshare.googlecode.com/files/pixnet.FBLike_1_0.js"></script>

<script type="text/javascript"> 
<!--
var BOOKTAR=new Array("div.forward");

var BOOKTARPOS=new Array('insertafter');

//-->
</script> 
<script type="text/javascript" src="http://pixnetfbshare.googlecode.com/files/pixnet_BK_1_0.js"></script> 

 

----------------下面是進階參數設定,容易看眼花,請注意服用------------------------

這是在文章尾巴加上FB Share 按鈕與Plurk按鈕的語法

fbs_1.png 

只需要填入語法

---------------語法處-----------------


<script type="text/javascript"> 
<!--
var FB_TYPE='button_count';
var FPSCSS='text-align:right';
var FPSSEL='both';
var FPSTAR=new Array("div.forward");

 var FPSTARPOS=new Array("before");


//-->
</script> 
<script type="text/javascript" src="http://pixnetfbshare.googlecode.com/files/pixnet_FPSHARE_1_0.js"></script> 

--------------語法結束---------------

就可以產生按鈕了,另外米團桑加上了可以設定功能的部分

參數說明:

var FB_TYPE='button_count';

紅色部分可修為下列兩種

button_count 與按鈕平行

box_count,數字在按鈕上

var FPSCSS='text-align:right';

紅色部分可以填寫css語法來處理按鈕的擺法,如 text-align:right 會使得兩個按鈕靠右放,text-align:left;靠左;padding-top:10px會讓按鈕往下間隔10個像素

var FPSSEL='both';

紅色部分可以控制要用啥按鈕 both - 兩個都要 , fbonly - 只要FB , plurkonly - 只要噗浪

var FPSTAR=new Array("div.forward");

紅色部分控制按鈕要在哪出現,請自行開網頁原始檔尋找

例:

找到 <div class="forward">  將其寫成 "div.forward" 會讓按鈕出現在 推薦上專欄 那一行之前

找到 <p class="author">  將其寫成 "p.author" 會讓按鈕出現在 某人發表在... 那一行之前

找到 <div id="xxxx"> 將其寫成 "div#xxx"

若將紅色部分改為 "div.forward","p.author" 則兩個地方都會出現 若要加在更多地方,只需要以逗號分開改在紅色區域就可以了(記得每一項要有雙引號)

var FPSTARPOS=new Array("before");
紅色部分控制按鈕要在哪出現,出現於你指定位置的哪個部分

before - 之前

after - 之後

insertbefore 之中最上方

insertaftter 之中最下方

------------------------------------------------------------

Pixnet Funp等按鈕前後文都有

首先請至後台->基本/進階設定->文章顯示相關設定->推薦分享列->顯示於文章前面

然後加上語法

----語法開始---

 


<script type="text/javascript"> 
<!--
var BOOKTAR=new Array("div.forward");

var BOOKTARPOS=new Array('insertafter');

//-->
</script> 
<script type="text/javascript" src="http://pixnetfbshare.googlecode.com/files/pixnet_BK_1_0.js"></script> 

 

----語法結束---

var BOOKTAR=new Array("div.forward");

紅色部分控制按鈕要在哪出現,請自行開網頁原始檔尋找

例:

找到 <div class="forward">   將其寫成 "div.forward" 會讓按鈕出現在 推薦上專欄 那一行之前

找到 <p class="author">  將其寫成 "p.author" 會讓按鈕出現在 某人發表在... 那一行之前

找到 <div id="xxxx"> 將其寫成 "div#xxx"

若將紅色部分改為 "div.forward","p.author" 則兩個地方都會出現 若要加在更多地方,只需要以逗號分開改在紅色區域就可以了(記得每一項要有雙引號)

var BOOKTARPOS=new Array("before");
紅色部分控制按鈕要在哪出現,出現於你指定位置的哪個部分

before - 之前

after - 之後

insertbefore 之中最上方

insertaftter 之中最下方

 

--------------------------------------------

重頭戲來了! 讚按鈕自由行!

-----程式碼開始----

<script type="text/javascript"> 
var LINKCOLOR='light';
var LINKWIDTH='500';
var LINKHEIGHT='20';
var LINKFSHOW='1';
var LIKETARCSS=new Array('padding-left:5px;padding-bottom:10px;background-color:white','padding-top:5px;padding-bottom:15px;');
var LIKETAR=new Array("div.article-body",'div.forward');

var LIKETARPOS=new Array('before');


</script> 
<script type="text/javascript" src="http://pixnetfbshare.googlecode.com/files/pixnet.FBLike_1_0.js"></script>

-----程式碼結束---- 

下面是說明

var LINKCOLOR='light';    

light : 淺色頁面使用

dark : 深色頁面使用


var LINKWIDTH='500';
var LINKHEIGHT='20';

讚訊息的寬度跟高度

 
var LINKFSHOW='1';

在尚未進入單一篇文章,要顯示幾個讚區域,若為2則只顯示前兩個LIKETAR


var LIKETARCSS=new Array('margin-left:20px;margin-bottom:10px;','margin-top:5px;margin-bottom:15px;*width:400px');

紅色區域內第一個 單引號之間是控制 LIKETAR 中第一個放讚的位置的Css, 第二個 單引號是控制第二個


var LIKETAR=new Array('div.article-body','div.forward');

這是兩個要放讚的位置! 可以自己新增

var LIKETARPOS=new Array("before","before");
紅色部分控制按鈕要在哪出現,出現於你指定位置的哪個部分

before - 之前

after - 之後

insertbefore 之中最上方

insertaftter 之中最下方

 

有問題請告訴我~ 

創作者介紹
創作者 ricebobo 的頭像
ricebobo

Mr.RiceBobo 米團桑 - 米粒部落

ricebobo 發表在 痞客邦 留言(19) 人氣()


留言列表 (19)

發表留言
  • 噴你飯
  • 看得眼花了...
    我還是受不了復雜的css語法
    看來你家蓋的七七八八了~真用心。
  • 其實這個是javascript ..不叫 css 啦...裡面運作的是程式碼...

    聽說這個版面是暫時先頂一下的... 名片 圖片 留言板 plurk的css都還沒寫

    ricebobo 於 2010/09/16 12:05 回覆

  • 幾米力
  • 我試了,還是會產生在linkwithin後面,而不是文章最後,我又不想刪掉linkwithin,不過還是謝謝分享
  • linkwithin 超頑強的...我試了很久都不被程式碼控制 orz

    ricebobo 於 2010/09/16 16:31 回覆

  • 小咪
  • 噴你飯說的"七七八八"
    是什麼意思啊??~XD
  • 是在說blog 設計的差不多了這樣?

    ricebobo 於 2010/09/16 12:08 回覆

  • 亞希斯.雷
  • 多謝多謝分享~~
    我來去試試看^^~
  • 有問題再跟我說阿

    ricebobo 於 2010/09/16 12:07 回覆

  • 想想魚
  • 哇塞!我看到眼花花@@~
    直接幫你按個讚還比較快:D
  • 上一篇用的沒問題的話就不用管這一篇了..這一篇是改良過上一篇的寫法.... 可以控制一下你的按鈕要出現的地方....不過需要一點點html ,css 的基礎才比較看得懂..看不懂得直接用最上方藍色字就好了

    ricebobo 於 2010/09/16 14:36 回覆

  • 幾米力
  • 又來問一下,我好像沒看到,F分享及PLURK分享加到文章標題下方,讚的右邊的方法,請問要如何改?

  • <script type="text/javascript">
    <!--
    var BOOKTAR=new Array("div.article-content");
    var BOOKTARPOS=new Array('insertafter');

    //-->
    </script>
    <script type="text/javascript" src="http://pixnetfbshare.googlecode.com/files/pixnet_BK_1_0.js"></script>

    <script type="text/javascript">
    var LINKCOLOR='light';
    var LINKWIDTH='200';
    var LINKHEIGHT='20';
    var LINKFSHOW='1';
    var LIKETARCSS=new Array('padding-left:5px;padding-bottom:10px;background-color:white;width:300px;overflow:hidden;float:left','padding-top:5px;padding-bottom:15px;float:left');
    var LIKETAR=new Array("div.article-content",'div.article-content');
    var LIKETARPOS=new Array('insertbefore','insertafter');

    </script>
    <script type="text/javascript" src="http://pixnetfbshare.googlecode.com/files/pixnet.FBLike_1_0.js"></script>
    <script type="text/javascript">
    <!--
    var FB_TYPE='button_count';
    var FPSCSS='padding-top:5px;padding-bottom:3px';
    var FPSSEL='both';
    var FPSTAR=new Array("div.article-content","div.article-content");
    var FPSTARPOS=new Array("insertbefore","insertafter");

    //-->
    </script>
    <script type="text/javascript" src="http://pixnetfbshare.googlecode.com/files/pixnet_FPSHARE_1_0.js"></script> 大概像這樣改~ 我在文章後面參數說明的地方有寫..可以在 FPSTAR 那邊加上要多放幾個的方法,再配合 FPSTARPOS 去控制放的前後就可以自己增加了

    ricebobo 於 2010/09/17 10:49 回覆

  • 悄悄話
  • 芸兒
  • 這一定要推的^^
    晚一點來加在我的部落格好了^^
  • 先來加個好友XD~

    ricebobo 於 2010/09/17 23:22 回覆

  • MimiFire
  • 呵呵我有加了喔 感謝分享^ˊ這是很好用的小工具 要是可以看是誰案的會更棒
  • 那你要問Facebook 了XD

    ricebobo 於 2010/09/20 10:49 回覆

  • idealifetw
  • 請問奇摩部落格也可貼嗎??因為我貼與法上去 都沒有東西><
  • Uranias
  • 您好,我想問一下如果我是想要每篇文章都加上FB獨立留言板,發言後推上FB會依每篇文章獨立運作,這部份我需要改href的部份,我不知道要怎樣取得痞客邦的文章網址的程式碼,請問是否可以幫忙一下呢?因為查很久都查不到...

    <fb:comments href="http://uranias.pixnet.net/blog" num_posts="10" width="500"></fb:comments>
  • 訪客
  • 感謝您的分享,對於完全不懂語法的我真是受益良多!
    請問一下,我想在部落格自我描述後面加上facebook的連結,語法該怎麼改呢?如這位部落客的網頁上方"按這裡跟朋友分享~"
    http://aaaleopard.pixnet.net/blog/post/29291731
    我try好久都失敗,感激不盡!
  • 江江媽咪
  • sorry,上面是我,忘了登入了...
  • Mi Do Sa 蜜豆莎
  • 對不起~我想請問一下
    最上面那個

    「如果您覺得米團桑不錯的話,請點一下讚來鼓勵一下。」

    那個要怎麼用啊?
  • 趴趴♥分享
  • 看到眼花但我還是不會用,求救><"