telegram中文

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

       

由於微网志的火红,在台湾噗浪的使用热潮似乎有取代原本书签网站的趋势,原本一堆喜欢透过书签网站分享好康资讯的网友,,

似乎都渐渐改用Plurk或twitter之类的微网志来分享这些东西。

这样想在你的网站或邛人格放个twitter或Plurk噗浪的文案按钮,让我们看一遍你的新闻稿件後,就能够随手压在twitter或Plurk去跟我们分享到,该怎麽做呢?

继续阅读

推文按钮DEMO:

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

延伸阅读:

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

telegram中文Facebook粉丝专页:

   

Plurk噗浪推文按钮语法:

<a href="javascript: void(window.open('https://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('https://twitter.com/home/?status='.concat(encodeURIComponent(document.title)) .concat(' ') .concat(encodeURIComponent(location.href))));">[逆推Twitter]</a>
 

Facebook 推文按钮语法:

<a href="javascript: void(window.open('https://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!奇摩博客与无名小站的限制比较多的网站都无法正常运作,如果想玩些比较有趣的东西建议改用其他博客服务。目前测试telegram中文: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('https://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('https://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('https://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. telegram中文:[教学] 什麽是Plurk「噗浪」? 如何使用扑浪?
  3. telegram中文:Plurk 噗浪百大名人总整理!
  4. Plurk Rich Edit 免记噗浪语法,「多功能编辑器」让你轻松玩噗浪!
  5. telegram中文:Plurk Smile 在噗浪使用「外挂的」表情图示!
  6. [telegram中文版下载] 999个超漂亮的Plurk Theme噗浪布景主题
最後发布:08-12, 2013 中午 1:30 TAG:
相关资讯

访客留言:

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

    1. telegram 官网的范例还没有加ex申请表格和数据表式中,用横的摆放会干扰排页,我会建议食用ex申请表格和数据表式中解决这问题,ex申请表格和数据表式中设定排成栏一列,宽度设定100%(是百分率喔!),将各个按钮横者摆放,比较不会干扰内容排页,为了尽量不要让各位都清楚这是用ex申请表格和数据表式中做的,因而请将ex申请表格和数据表式中框线设定成0 上述具体做法建议搭配方法Blog的後台优秀文章编辑系统,这样没有画图表也能否设定边框会比较以便于,另外能否切换到HTML作为程式码贴到後台
  1. 请问这个是用在写文章的时候方便推文对吧?
    因为我的另一台电脑的google流览器的书签列上有个按钮”在facebook上分享”
    那个东西要在哪里看得到啊?!
    我需要在没有”分享”功能的页面上 只要按那个按钮
    就会推到facebook上去的那个功能…

    谢谢大伙^^
  2. 请问版大~
    我常看您的文章
    每次看都又找到我要的结果,也有看到一些新奇的东西~
    先感谢您~我也希望有一天我也能在我的blog上面分享事物

    我根据这篇文章 在我的blog上置入了程式码~~
    可是就是出不来~~
    不知道是否能和您请教要如何解决!~
    还是msn不支援java~~@@
    有办法改吗。。
    我本身申请了facebook plurk twitter
    并且使用hellowtxt整合三个帐号
    可是~~好像连结不出去压!!~~@@呜呜

    请帮我解解看~~thx
  3. 刚才已试用了这些小功能性,很成功失败也相对快捷。要感谢telegram 官网的大幅推荐。还有…实在不作为何有个人会专门上来谩骂几番…可真……
  4. 赞耶!!我连Joomla后边都装了,虽然我阶段按钮上的汉语字显示不出来来,但都微信文章很成功创业(都是汉语字!)!
    1. 你们好,请问facebook,twitter,plruk微信推文的程式,是投入网页哪一段段程式,请教您,谢谢! tseng
    2. 黄鸟:
      您好,我使用twe-commerce架设网站,我请问facebook推文按钮程式码,是贴载哪一模组或是区块?请不吝赐教,谢谢!

      jheng
  5. 请问telegram 官网,
    要如何修改已发的噗的状态呢? ←就是”说”、”讨厌”、”喜欢”的这种状态
    我google不到怎麽改耶,还是现在不支援修改状态? 只能删掉重噗??

  6. 其实plurk翻成噗浪正品很难听 还有就是plurk 应该是发类似 “噗乐” 称之为噗浪 可是发浪… = =
  7. 老实说不大真的很「ㄎ一ㄠˋ」…
    上次才看到Funp吸引人的数量不如Plurk马上把推文换成噗浪….

发布留言

telegram中文版 telegram中文 telegram下载 电报中文版下载 telegram中文电脑版 telegram中文下载 纸飞机中文版