公告版位
Bookmark: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl Bookmark to:YouPush Bookmark to:你推我報

為什麼要推文到BO大聲公?

1. 「為了記錄」:BO大聲公是每一位BO動客的日記本,記錄部落格發生的點點滴滴~

2. 「增加曝光」:剛修改的大聲公,會在 CatchBO 即時曝光,吸引在線上的部落客注意喔!

3. 「友情助推」:讓其他BO動客也能很方便地幫你推到大聲公!宣傳! 自推助推兩相宜~

 

 

推文按鈕長得像..?

部落軌道提供基本款按鈕給BO動客使用,也可以隨自己需要來換圖片喔!

按鈕一:

按鈕二:

 

我準備好了!語法快點拿來!

輕鬆快速的把最新文章與連結,貼到自己的部落軌道大聲公~~

部落軌道提供以下語法來讓BO動客們使用:

 

語法一:適用於痞客邦、Yam天空等部落格空間

請至管理後台,使用「側邊欄位設定」、「首頁公告」

或是從「樣式管理」等等可以自定程式碼的地方

添加以下語法:


亮底色部落格請用

按鈕一: <a href="javascript: void(window.open('http://www.blog-orbit.com/?status='.concat(encodeURIComponent(document.title)) .concat(' ') .concat(encodeURIComponent(location.href))));"><img src='http://img.blog-orbit.com/img/push_to_bo.gif' border='0'></a>

按鈕二: <a href="javascript: void(window.open('http://www.blog-orbit.com/?status='.concat(encodeURIComponent(document.title)) .concat(' ') .concat(encodeURIComponent(location.href))));"><img src='http://img2.pict.com/73/53/17/e4cbdf361be98d9beea984361e/lkgn2/pushtobo.gif' border='0'></a>

暗地色部落格請用

按鈕一:<a href="javascript: void(window.open('http://www.blog-orbit.com/?status='.concat(encodeURIComponent(document.title)) .concat(' ') .concat(encodeURIComponent(location.href))));"><img src='http://img2.pict.com/97/64/60/2451e57d4d460bf7f70b02268c/CWY9Z/pushtoboinblack.gif' border='0'></a>

按鈕二:<a href="javascript: void(window.open('http://www.blog-orbit.com/?status='.concat(encodeURIComponent(document.title)) .concat(' ') .concat(encodeURIComponent(location.href))));"><img src='http://img2.pict.com/73/53/17/e4cbdf361be98d9beea984361e/lkgn2/pushtobo.gif' border='0'></a>

以上藍色字樣為圖片連結,可以換成自己想要用的圖片網址

 

語法二:適用於BLOGGER

1. 請先前往BLOGGER後台,找到「版面配置」-->「修改HTML」-->「展開小裝置範本」

2. 在 </head> 之前加上以下語法:

<script>
function toBO(title,link) {
window.open('http://www.blog-orbit.com/?status='+title+' '+link);
}</script>


3. 選擇在<data:post.body/>前面或後面放置以下語法:

亮底色部落格請用

按鈕一:<div style='float:right;'>
<a expr:onclick='&quot;javascript:toBO(\&quot;&quot; + data:post.title + &quot;\&quot;, \&quot;&quot; + data:post.url + &quot;\&quot;);&quot;' href='javascript:void(0)'>
<img src='http://img189.imageshack.us/img189/3439/pushtobo.gif' border='0' />
</a></div>

按鈕二:<div style='float:right;'>
<a expr:onclick='&quot;javascript:toBO(\&quot;&quot; + data:post.title + &quot;\&quot;, \&quot;&quot; + data:post.url + &quot;\&quot;);&quot;' href='javascript:void(0)'>
<img src='
http://img2.pict.com/73/53/17/e4cbdf361be98d9beea984361e/lkgn2/pushtobo.gif' border='0' /></a></div>

暗地色部落格請用

按鈕一:<div style='float:right;'>
<a expr:onclick='&quot;javascript:toBO(\&quot;&quot; + data:post.title + &quot;\&quot;, \&quot;&quot; + data:post.url + &quot;\&quot;);&quot;' href='javascript:void(0)'>
<img src='
http://img2.pict.com/97/64/60/2451e57d4d460bf7f70b02268c/CWY9Z/pushtoboinblack.gif' border='0' /></a></div>

按鈕二<div style='float:right;'>
<a expr:onclick='&quot;javascript:toBO(\&quot;&quot; + data:post.title + &quot;\&quot;, \&quot;&quot; + data:post.url + &quot;\&quot;);&quot;' href='javascript:void(0)'>
<img src='
http://img2.pict.com/73/53/17/e4cbdf361be98d9beea984361e/lkgn2/pushtobo.gif' border='0' /></a></div>

 

4. 以上藍色字樣為圖片連結,可以換成自己想要用的圖片網址

 

相關優質連結

天空部落之快速推文到BO大聲公 - 本篇解說如何將BO快推功能放進天空部落的書籤列

 

 

Posted by sonychuck at 痞客邦 PIXNET Comments(30) Trackback(0) Hits(1067)


open trackbacks list Trackbacks (0)

Comments (30)

Post Comment
  • 剛剛試了!
    Yam天空的文也可以用!!~ ^^
  • 謝謝小咪~
    把天空也可以放置的訊息
    加到內文當中了!^O^

    sonychuckreplied on 2009/06/09 18:30

  • 我是用WORDPRESS的,
    是不是可以參考BLOGGER的那段呢?
  • Wordpress用語法一應該就可以通囉!
    語法二也可以試試看 ^^

    sonychuckreplied on 2009/06/09 19:05

  • 剛才試著加入blogger的時候發現

    ""

    3. 選擇在<data:post.body/>前面或後面放置以下語法:

    <div style='float:right;'>
    <a expr:onclick='&quot;javascript:toBO(\&quot;&quot; + data:post.title + &quot;\&quot;, \&quot;&quot; + data:post.url + &quot;\&quot;);&quot;' href='javascript:void(0)'>
    <img src='http://img189.imageshack.us/img189/3439/pushtobo.gif' border='0'>
    (!!這裡缺一個</img>做結束!!!)</a></div>

    ""

    提醒一下囉
  • 謝謝Arrow的提醒!
    已經加上去囉!
    ^___^

    非常感謝Arrow的細心檢查~~

    sonychuckreplied on 2009/06/09 19:05

  • 回二樓
    用第一類就可以了
    與FUNP貼紙等效果
  • 感謝炮爺的協助回應!

    sonychuckreplied on 2009/06/09 19:12

  • 覺得奇怪
    剛才再去看語法時, </img> 卻不見了
    可是一開始加入此語法的時候卻因沒有這個 </img> 而無法儲存??

    還學得不夠,請賜教!
  • 恩!
    是因為BLOGGER會自動把<img xxx xxx></img>
    轉換成為 <img xxx xxx />

    所以後面的</div>才會之後看不到

    sonychuckreplied on 2009/06/09 19:11

  • 好用的東西..
  • 已完成試貼,感謝索大^ ^......
  • 大聲公是不是需要一個新的"廣場"來響應這個功能0.0
  • 未來的確會增加大聲公的曝光機會!

    日前已經在Widget首頁底部
    加上查詢各「軌道」最新大聲公的功能
    這也是屬於增加大聲公的廣場
    而且是屬於「分眾」的廣場喔!

    sonychuckreplied on 2009/06/09 20:41

  • 真是有趣方便的好工具
    索大果然深入民心
    瞭解民意阿!讚^^
  • 請問這語法是要加在"部落軌道"那欄語法當中,還是另外新增一欄位?
    我在pixnet側邊欄位設定新增一欄位,設好點進去後卻顯示

    "軌道Widget無法正常執行!
    請確認註冊時Email認證已經完成,
    並確認程式碼中的[帳號]是否正確喔!
    建議重新取得認證信以獲得註冊資料

    如果上述方式無法解決,
    請到官方部落格提出疑問"


  • 已經修正這個問題囉!
    請再試試看~:D

    sonychuckreplied on 2009/06/10 14:21

  • 有辦法像funP一樣出現在每篇文章的書籤欄嗎
  • 這個書籤欄好像是痞客邦設計的
    似乎沒辦法去修改?

    如果要每篇文章都出現這個功能
    可能得修改[樣式]囉!

    sonychuckreplied on 2009/06/10 14:25

  • 放好囉~很方便呢!謝謝你們的用心.
  • 看來, 我又有玩具可以玩了 :P

    推文圖片可以自己改嗎?
    我想改窄一點...
  • 是的!
    推文圖片歡迎自定~~^^

    sonychuckreplied on 2009/06/10 14:26

  • 謝謝大家的回覆解答,已經用好了!
  • 放好囉!
    謝謝~
  • 哇,索大辛苦了,看起來應該會有推特同步過來的功能了...(逃)
  • Willy好久不見!
    推特同步過來的功能...靠你了!XD

    sonychuckreplied on 2009/06/13 17:14

  • 好讚!

    BO文大聲公!!
    你的分享真的很棒噢~~
    來去貼上... GO~~~
  • 我也ok了!
    我是 Blogger~
  • 已經貼好了
    可是只有"首頁"有.....
  • 凌是用BLOGGER的系統
    應該是可以在每一篇文章嵌入哩!

    html原始碼裡面
    <data:post.body/>有好幾個
    請把這一篇所解說的程式碼
    貼在第一個<data:post.body/>上方或是下方
    應該是要ok的唷!

    但請記得保存原始版本
    以免傷到版面無法復原 :)

    sonychuckreplied on 2009/06/16 12:32

  • 我來試試! 但不行ㄝ! 我是要進到原先的 還是另外設一個攔呢? 來看一下吧! 我想我做錯的!
  • Hua放在側邊欄位
    部落軌道的右邊是ok的喔!
    點擊以後可以正常執行呢~~^^

    建議另外一種版面格式
    就是將部落軌道的寬度
    拉寬到與側邊欄位同寬

    然後加個<br>標籤 (等同於換行)

    接下來在插入本文所提到的[推到BO大聲公]程式碼
    這樣或許會更美觀喔!

    試試看吧~

    sonychuckreplied on 2009/06/23 08:39

  • 按鈕一 暗底色的圖變成叉燒包好久了= ="
  • 謝謝電鍋提示bug!
    發快遞通知大家了~~

    BO幣+20

    sonychuckreplied on 2009/06/23 09:44

  • Thanks!
  • 是我的錯覺嗎?...
    為什麼暗底色跟亮底色的圖示是一樣的?@"@???
  • 按鈕二是一樣的!
    只是為了清楚說明
    所以才在明暗兩邊都放了一樣的程式碼~

    sonychuckreplied on 2009/06/26 20:48

  • 天空部落之快速推文到BO大聲公
    http://blog.yam.com/dllee/article/23230157
    可以自動放到天空部落內文的書簽列唷,
    省去手動每篇文章放置的苦工,
    設置一次,之後就自動產生囉 ^__^
  • 已經列入本文參考文章囉!
    感謝dllee~~

    sonychuckreplied on 2009/08/06 11:11

  • Dear 索大您好:
    我在「部落軌道」那欄語法中,將「推文按鈕」語法復製上去,
    可是沒看見「按鈕圖案」耶?!!
    是我哪裡搞錯了嗎?
  • 請醬醬再貼一次喔!
    因為我看您的部落格原始碼
    沒有發現推文按鈕的語法耶~~

    請妳到後台的那個側欄裡面
    重新設定一次試試看喔!

    有什麼結果請再跟我說
    Thanks!

    sonychuckreplied on 2009/09/19 22:04

  • Private Comment
  • 請問:新浪網的要如何推?

    請問:新浪網的要如何推?
  • 有試著將本文所提供的程式碼
    貼在側欄了嘛?

    也可以將本文所提供的程式碼
    貼在部落軌道的下方喔! ^^

    sonychuckreplied on 2009/10/04 23:01

  • 新浪網的文章要如何推到部落軌道?

    有..
    我的部落格是http://blog.sina.com.tw/azzxxm1/
    請問我如果想推某篇文章到部落軌道
    要怎麼推?
    還是不會用耶..
  • 1. 首先請先登入部落軌道

    2. 把本篇文章的程式碼
    放到部落格的「側欄」
    就像放置部落軌道一樣~~~

    3. 之後進入您的部落格
    應該就可以看到一個專屬於部落軌道的推文Icon

    4. 接下來進入你想要推文的文章網頁
    再點擊剛剛新放好的Icon
    就會彈跳出您的部落軌道

    5. 此時可以看到您的文章與網址都被放進了大聲公, 按下儲存, 就可以推囉!

    sonychuckreplied on 2009/10/10 21:41

Comment Permissions: Allow commenting

Leave Comment

*Name/Nickname
E-mail
Personal Website
Comment Title
*Comment
* Private Comment