如何在网站放Facebook脸书、twitter、Plurk噗浪「推文按钮」?

由於微网志的火红,在台湾噗浪的在使用热潮也有转变最开始书签网站的趋势,最开始一大堆喜欢透过书签网站安利视频好康资讯的网友,也都渐渐换成Plurk或twitter之类的微网志来安利视频这些东西。 假设你要在你的网站或部落联盟格放个twitter或Plurk噗浪的微信推文按钮,让朋友们看了你的论文後,可随手推在twitter或Plurk去跟朋友们分享到,该怎麽做呢?

推文按钮DEMO:

[推到Plurk]   [推到Twitter]    [推到 Facebook](亦可将连结拉到浏览器书签telegram中文列当Bookmarklet用!)

延伸阅读:

  1. [教学] 什麽是Plurk「噗浪」? 如何使用扑浪?
  2. Plurk 噗浪百大名人总整理!
  3. Plurk Rich Edit 免记噗浪语法,「多功能编辑器」让你轻松玩噗浪!
  4. Plurk Smile 在噗浪使用「外挂的」表情图示!
  5. [telegram中文版下载] 999个超漂亮的Plurk Theme噗浪布景主题

telegram中文Facebook粉丝专页:

   

Plurk噗浪推文按钮语法:

<a href="javascript: void(window.open('//www.plurk.com/?qualifier=shares&status=' .concat(encodeURIComponent(location.href)) .concat(' ') .concat('&#40;') .concat(encodeURIComponent(document.title)) .concat('&#41;')));">[扔到Plurk]</a>

其中「?qualifier=shares」这段里的「shares」可以改成loves、likes、gives、says...等,如果对方是使用中文的Plurk介面也没关系,推文时噗浪会自动把「says」转成「说」,把「likes」转成「喜欢」。

 

Twitter噗浪推文按钮语法:

<a href="javascript: void(window.open('//twitter.com/home/?status='.concat(encodeURIComponent(document.title)) .concat(' ') .concat(encodeURIComponent(location.href))));">[移动到Twitter]</a>
 

Facebook 推文按钮语法:

<a href="javascript: void(window.open('//www.facebook.com/share.php?u='.concat(encodeURIComponent(location.href)) ));">[拉到 Facebook]</a>
 

安装、设定方法:

但凡把上两个微信推文按钮的程式码贴上升你的网页或军团格浏览就可,低于以telegram中文网站为例,某些PIXNET或Yam苍穹军团格等网站,可以把在布景主题中新建一个「自订栏位」,然後再把程式码贴上就可。  

第1步  将上面的twitter与Plurk推文按钮放到你的telegram中文网站布景主题中,一般是在:

\wp-content\themes\布景主题名称\single.php

程式码的位置一般会放在single.php布景主题中「<h2><?php the_title(); ?></h2>」的下方,或其他你要放置推文按钮的地方。

001  

 

第2步  修改好之後,文章标题下方会出现我们刚刚所贴上的两个推文按钮,当网友们按下该按钮之後,便会自动开启twitter或Plurk噗浪网页,并自动将你的网页标题与网址贴上到发文框中。当然,我们也可以自行做个可爱一点的图,放在网页中吸引大家帮你推文。 

其次,如若你想要把文案按钮在散文右边的话,可能在文案按钮的上、留言板而且下述操纵码可以:

<div style="float:right;">
推文按钮程式码
</div>

002  

 

第3步  如图,当网友按了你网页上的twitter或噗浪推文按钮後,推文按钮会自动将网页网址与标题贴上到twitter或噗浪发文框,我们只要再按一下〔Plurk〕或twitter的〔Update〕按钮,即可将此讯息分享给亲朋好友阅读。

003  

 

目前实际测试,在IE、Firefox、Opera与Google Chrome浏览器都可正常运作,抓到的网址与文章标题也都可以正常显示中文。另外,以上按钮由於有javascript的字样,在Yahoo!奇摩博客与无名小站的限制比较多的网站都无法正常运作,如果想玩些比较有趣的东西建议改用其他博客服务。目前测试PIXNET痞客邦、YAM天空部落...等网站都可正常使用。PIXNET的设定方法请参考:如何在PIXNET网站版面加入Plurk、twitter推文按钮

   
刚刚同时弄了个比较像「按钮」的样式,贴在网页上应该比纯文本显眼一定。各位就能够再把他微调说一下,打配自个的布景主题来用。

<div style="float:right;">
<div style="width:84px;height:20px;font-size:12px;color:#FFFFFF;background-color:#33CCFF;border-style:outset;text-align:center;cursor:pointer;margin-bottom:3px;" onClick="javascript: void(window.open('//twitter.com/home/?status='.concat(encodeURIComponent(document.title)) .concat(' ') .concat(encodeURIComponent(location.href))));" title="推荐本文到Twitter推特去!" onMouseover="this.style.color='#FFFF33';" onMouseout="this.style.color='#FFFFFF';">推到 Twitter!</div>

<div style="width:75px;height:20px;font-size:12px;color:#FFFFFF;background-color:#F37D17;border-style:outset;text-align:center;cursor:pointer;" onClick="javascript: void(window.open('//www.plurk.com/?qualifier=shares&status=' .concat(encodeURIComponent(location.href)) .concat(' ') .concat('&#40;') .concat(encodeURIComponent(document.title)) .concat('&#41;')));" title="推荐从文中到Plurk噗浪去!" onMouseover="this.style.color='#FFFF33';" onMouseout="this.style.color='#FFFFFF';">压在 Plurk!</div> <div style="width:95px;height:24px;font-size:12px;color:#FFFFFF;background-color:#3B5998;border-style:outset;text-align:center;cursor:pointer;" onClick="javascript: void(window.open('//www.facebook.com/share.php?u='.concat(encodeURIComponent(location.href)) ));" title="推荐本文作者到Facebook去!" onMouseover="this.style.color='#FFFF33';" onMouseout="this.style.color='#FFFFFF';">移动到 Facebook!</div> </div>  
Plurk、twitter文案按钮画面DEMO:

延伸阅读:

  1. 如何在PIXNET网站版面加入Plurk、twitter推文按钮?
  2. [教学] 什麽是Plurk「噗浪」? 如何使用扑浪?
  3. Plurk 噗浪百大名人总整理!
  4. Plurk Rich Edit 免记噗浪语法,「多功能编辑器」让你轻松玩噗浪!
  5. Plurk Smile 在噗浪使用「外挂的」表情图示!
  6. [telegram中文版下载] 999个超漂亮的Plurk Theme噗浪布景主题

其他常用软体telegram中文版下载:

最後更新软件:03-08, 2025 上午 2:34 TAG:
相关资讯

访客留言:

76 Replies to “如何在网站放Facebook脸书、twitter、Plurk噗浪「推文按钮」?”

  1. ☆如何在网站放Facebook脸书、twitter、Plurk噗浪「推文按钮」?★ – ☆华哥的五行吉运养生网★ – Yahoo!奇摩博客

    交给你进行处置了~
  2. 狂人 您好
    在您的文章中,看到如何将Facebok的按赞钮及Google的+1钮放到自己的Blog上。
    而在这篇文章中,您提到在页面放置推文按钮。
    不过在经过实地操作放置按赞钮及+1钮後,我却发现,仅能让这两个按钮呈现上下排列的方示
    这边想请教您,如果想像您的页面一样,让这两个按钮”在同一行,并排呈现”,在语法上,该怎样进行修改呢?

    感谢您拨空观看此篇问题!
    祝 顺心

  3. 把这个语法贴到blogger,时不时出现

    我们无法剖析您的范本,因为它的结构不完整。 请确定所有的 XML 元素均已正确关闭。
    XML 错误讯息: The reference to entity “status” must end with the ‘;’ delimiter.

    但狂人的连结却是会的使用的,我会不会少作了什麽
  4. 请教各位大大:
    我已将Facebook 推文按钮语法:

    [推到 Facebook]
    贴上,但只能显示标题及连结,请问该如何修改才可以显示内文及图片,附上网址==>

  5. 我也是加上推文按钮後,只有”有加上语法”的那页被推出去,
    网站是用框架分隔的,按了推到FACEBOOK後,只有中间页面的连结,
    看起来很奇怪Orz 就没头没尾的这样~
    不知道有没有可以显示整个网站的语法….
    谢谢耶…

  6. 您好,
    我想请问一下,我用了之後发现,我的网站只有一边会被送出去,
    也就是我的网站只有被放到此语法的那页才会显示而以。

    那我会怎么样去才将此篇跟整个页面送过去呢?

    我本来是放连结的那边,但是都只显示连结的那区块而以。
    该如何解决呢?

  7. 大家安安~
    请教一下各位大大
    请问Plurk噗浪推文按钮语法要怎麽样通过W3C验证@@
    它显示cannot generate system identifier for general entity “status”
    还有general entity “status” not defined and no default entity

发布留言

telegram中文版 telegram中文 telegram下载 电报中文版下载 telegram中文电脑版 telegram中文下载 纸飞机中文版 程序发生错误,错误消息:System.IO.IOException: 无法创建“E:\蚂蚁超级镜像站群\cache\telecnsr.com\telecnsr.com\6313\facebook-plurk-twitter-button.html”,因为同名文件或目录已存在。 在 System.IO.__Error.WinIOError(Int32 errorCode, String maybeFullPath) 在 System.IO.Directory.InternalCreateDirectory(String fullPath, String path, Object dirSecurityObj, Boolean checkHost) 在 System.IO.Directory.InternalCreateDirectoryHelper(String path, Boolean checkHost) 在 SuperGroup.Core.Start.FileNotFoundHandle.d__2.＀䄀() --- 引发异常的上一位置中堆栈跟踪的末尾 --- 在 System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task) 在 System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task) 在 SuperGroup.Core.Start.FileNotFoundHandle.d__1.＀攀() --- 引发异常的上一位置中堆栈跟踪的末尾 --- 在 System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task) 在 System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task) 在 SuperGroup.Core.Bootstrapper.d__18.＀쌀()