米糰桑重要事項

已有新的寫法,請看本篇第二代!  

Pixnet加讚按鈕及FB分享按鈕可調整位置版(附使用說明)

 

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

米團桑:「昨天阿宅文因為太長,發現整篇看完之後都沒有人會點讚,所以乾脆前後都加上」

坐飯糰:「教學要付學費嘛?」

米團桑:「此標是我下,此字是我打,若要由此學,留下迴響來!」


米團桑:「首先進入後台->部落格->側邊欄位設定」

坐飯糰:「講重點!這個大家都知道~」


Facebook讚按鈕 

米團桑:「假設放在公告版位,就點選公告版位的設定~」

Facebook讚按鈕 

米團桑:「然後填入程式碼」






<script type="text/javascript">
jQuery(document).ready(function(){
var item=new Array();
var item2=new Array();
var show=new Array();
jQuery("div.article-body").each(function(i)
{
item[i]='<iframe src="https://www.facebook.com/plugins/like.php?href='+
    encodeURIComponent(jQuery(this).parent().find("ul").find('a').attr('href'))+
    '&amp;layout=standard&amp;show_faces=true&amp;width=500&amp;action=like&amp;colorscheme=light&amp;height=20" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:500px; height:20px;" allowTransparency="true"  ></iframe>'

    jQuery(this).before('<div style="margin-left:20px;margin-bottom:10px;">'+item[i]+'</div>');
});


jQuery("div.bookmark").each(function(i)
{
   
   item2[i]=jQuery(this).clone('true');
      
});




jQuery("div.forward").each(function(i)
{


   if(typeof item2[i]!="undefined"){
     jQuery(this).before(item2[i]);
  }
 show[i]='true';
});




jQuery("p.author").each(function(i)
{
if(typeof show[i]!="undefined"){
    jQuery(this).before("<div style='margin-top:5px;margin-bottom:15px;*width:400px'>"+item[i]+"</div>");
 }
});








});</script>







米團桑:「整段用力框複製貼上送出即可,讚按鈕就會出現在文章的開頭與結尾,不過如果是多篇的列表只會出現在開頭,點進去的才會出現在結尾!」

坐飯糰:「讚!那麼,這個教學會出影片版嘛!」

米團桑:「滾!」


--------------不能用的話請留言~----------------


===============只在最後加上Plurk & facebook 按鈕===========

 



<script type="text/javascript"> 
jQuery(document).ready(function() {
var push_item='<div style="text-align:right"><a type="button_count" name="fb_share" href="http://www.facebook.com/sharer.php" >分享</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript" /> <span style="margin-left:15px;text-align: center; background-color: #f37d17; width: 68px; height: 24px; color: #ffffff; cursor: pointer; border-style: outset;" title="推薦本文到Plurk噗浪去!" onclick="void(window.open(\'http://www.plurk.com/?qualifier=shares&amp;status=\' .concat(encodeURIComponent(location.href)) .concat(\' \') .concat(\'(\') .concat(encodeURIComponent(document.title)) .concat(\')\')));" onmouseover="this.style.color=\'#FFFF33\';" onmouseout="this.style.color=\'#FFFFFF\';"><span style="font-size: 8pt;"><strong>Plurk分享</strong></span></span></div>'


jQuery("div.forward").each(function(i)
{
   jQuery(this).before(push_item);
});
});
</script>



創作者介紹

Mr.RiceBobo 米團桑 - 米粒部落

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


留言列表 (43)

發表留言
  • 想想魚
  • 真的可以耶!好讚呀!!
    謝謝分享!!
  • 嗯嗯~還是要上下加才會有多一點讚的感覺

    ricebobo 於 2010/08/23 15:57 回覆

  • 幾米力
  • 剛好之前在別的地方看到,已經加進去了,不過我比較想要F分享及plurk分享,可以改?
  • XD..你在別的地方看到的版本,跟我這個一定不一樣..因為我這個有支援文章下方也有讚按鈕,是我剛剛自己修改程式的.....後面又加上了一個讓funp,plurk之類按鈕出現在下方的功能,不過要先開啟上方的推文才會有

    ricebobo 於 2010/08/23 17:25 回覆

  • 想想魚
  • 我有跟新了但是不會出現funp,plurk之類的按鈕XD
  • 你後台要設定部落格的推薦分享列 於文章前顯示 就可以了

    ricebobo 於 2010/08/23 17:40 回覆

  • 幾米力
  • 原來這是你自己寫的啊,真是超級無敵厲害的,可能我之前寫的沒很清楚,我是想要單獨的臉書的分享按鈕跟噗浪分享按鈕,那個痞客幫的分享鈕好像沒人會去按。
  • 單獨的臉書跟鋪浪阿~我等等想看看

    ricebobo 於 2010/08/23 22:04 回覆

  • 想想魚
  • 有了!有了!!
    太棒了~在給你用力的推推推~~~
  • XD

    ricebobo 於 2010/08/23 22:05 回覆

  • 亞希斯.雷
  • 真有心耶^~^~

    給你推推拉^~^~
  • ^^...不過你剛剛變成廣告留言

    ricebobo 於 2010/08/24 00:40 回覆

  • Silva
  • 好棒啊 好有心喔!
  • ^^

    ricebobo 於 2010/09/28 09:54 回覆

  • 吳小豬
  • 哈哈
    你又開始在經營部落格了阿
  • 新的東西阿XD

    ricebobo 於 2010/08/24 01:33 回覆

  • 吳小豬
  • 那飯糰是做啥用的?XD
    是吃的嗎?
  • 一個新的宵夜世界觀

    ricebobo 於 2010/08/24 01:45 回覆

  • 吳小豬
  • 邪惡啊!!!!!!!XDDD
  • 民以食為天,哪有邪惡

    ricebobo 於 2010/08/24 01:53 回覆

  • 吳小豬
  • 時間點的問題~~XD
  • 你這個被當成廣告留言XD

    ricebobo 於 2010/08/24 20:01 回覆

  • 噴你飯
  • 還是喜歡用我的推文圖^^,
    不過先拷貝下來以免以后有需要,謝啦!
  • 是說推文圖也可以讓他自己掛在每一篇之後...

    ricebobo 於 2010/08/24 11:47 回覆

  • FIONA
  • 超好用~~~哇哈哈哈
  • jQuery(this).before('<div style="margin-left:20px;margin-bottom:10px;">'+item[i]+'</div>');
    }); <===在妳的blog這一段的 margin-left:20px 的20可以改大一點看看..可以讓fb 讚上面的靠右一點對齊 , 下面的是改 jQuery(this).before("<div style='margin-top:5px;margin-bottom:15px;*width:400px'>"+item[i]+"</div>"); 在 margin-top 之前加上 margin-left:40px; (40可改) 讓下面的也可以靠右一點排版會比較整齊

    ricebobo 於 2010/08/24 11:54 回覆

  • FIONA
  • 哇哈哈哈我太聰明了~~~一改就好哈哈哈哈哈
  • XD

    ricebobo 於 2010/08/25 11:48 回覆

  • 蘇菲魚
  • 好開心! 我剛剛在網路上不停地輸入關鍵字找了好久可以放在文章後面的"按讚"的語法~ 終於在試了第5次(或者更多?)讓我在米糰桑這裡找到文章前後都可讓人按讚的語法~ 太開心! (灑花~~) 太謝謝你了!

  • XD 有問題再跟我說

    ricebobo 於 2010/08/26 23:42 回覆

  • Nora_Tsai
  • 哈哈 好開心 我7月才開始用pixnet 沒想到在朋友的噗看到他轉你這篇文 於是我也把我的痞加入你寫的語法 真是太感謝了!
  • ^^

    ricebobo 於 2010/08/27 20:24 回覆

  • 王怡珊
  • hi


    感謝你的分享了
  • ^^

    ricebobo 於 2010/09/01 02:05 回覆

  • 飯糰超人
  • 坐飯糰,讚!
    我已經使用你推薦的語法了!!
    感謝你喔,飯糰族人XD
  • 感謝~

    ricebobo 於 2010/09/01 02:05 回覆

  • 大陸雞
  • 抱歉請教一下
    如果我的部落格底色是深色的,如何去改那個語法文字的顏色呢?
  • 進後台->部落格->樣式設計精靈->在界面中修改所有文字顏色...如果這樣沒辦法改好的話,就在中上有個CSS編輯->修改所有 color:#xxxxxx ...把 xxxxxx 改成 其他顏色的RGB碼..http://mychat.to/pub_java/selcolor.htm 這邊可以產生RGB碼

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

  • 大陸雞
  • 版大抱歉,我表達不清楚
    我指的是您這個facebook語法的文字顏色,現在貼上去搭配深色背景就很不明顯><
  • colorscheme=light 改成 colorscheme=dark 看看

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

  • giovanna80s
  • 請問假設公佈欄位無法放,可以放那裡呢?
  • 頁尾描述也可以~

    ricebobo 於 2010/09/07 18:14 回覆

  • 亞希斯.雷
  • 飯糰兄~請問一下
    我可以註明出處,並借用您的語法來更新一下我的此篇教學文嗎?
    http://yoshice.pixnet.net/blog/post/15939407
    我想讓這篇教學文更完整一點,
    當然只借用語法,不會盜連您的圖造成流量負荷,懇請同意^^
  • 好啊..是說我等等再來寫一篇把使用code簡化好了...

    ricebobo 於 2010/09/15 23:19 回覆

  • 安德烈
  • 呵^^這個的用法終於找到了.感謝您唷!超級"讚"啦!!
  • 感謝! 我超愛讚的拉XD

    ricebobo 於 2010/09/18 11:35 回覆

  • Zaep
  • 非常棒的語法
    感謝您的分享
  • ^^

    ricebobo 於 2010/09/23 11:26 回覆

  • Cherry
  • 感謝分享~

    感謝分享~清楚明瞭
    讚!
  • ^^

    ricebobo 於 2010/10/02 16:55 回覆

  • 悄悄話
  • 柔柔
  • 嘿嘿~~謝謝大大 的分享~真好用 ^^
  • 有幫到忙就最好了!

    ricebobo 於 2010/10/23 23:55 回覆

  • samanthalife
  • 找了好久,終於碰到了一個善心人分享怎麼加了. 感謝你喔! 我弄好囉!
  • Leddy
  • 謝謝你的分享^^
  • 游家贵
  • 好用。赞,让我学了不少。
  • Rain Andy
  • 前後文都有了, 讚 ~
  • anx1255
  • 要如何加入粉絲團框框
  • showing38651
  • 終於碰到了一個善心人分享怎麼加了. 感謝你喔!
  • doroboneko
  • 謝謝你的分享>"<
    這個功能真的太重要了!!
  • 萱妹妹
  • 妳好

    我還是不知道要怎麼在頁尾加入自己粉絲團的讚耶

    側欄1我已經有放成功了

    現在是怎麼樣讓每一篇文章底部可以自動產生出fb粉絲團按讚的頁面?
  • 小培根來囉
  • 你真是我的救命恩人啊~~哇哈哈!
    但是~~請問讚可以大一點嗎?
    爲甚麼我得看起來~讚好小

    感覺別人不太注意的到
  • 黃蔓蔓
  • 救命恩人+1~
    我找好久喔><
    感謝你的分享
  • saliha
  • 超實用!!!
  • Zoe Wei
  • 謝謝分享~
  • 悄悄話