如何在网站放Facebook脸书、twitter、Plurk噗浪「推文按钮」?
推文按钮DEMO:
[推到Plurk] [推到Twitter] [推到 Facebook](亦可将连结拉到浏览器书签telegram中文列当Bookmarklet用!)
延伸阅读:
telegram中文Facebook粉丝专页:
Plurk噗浪推文按钮语法:
<a href="javascript: void(window.open('//www.plurk.com/?qualifier=shares&status=' .concat(encodeURIComponent(location.href)) .concat(' ') .concat('(') .concat(encodeURIComponent(document.title)) .concat(')')));">[逆推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>」的下方,或其他你要放置推文按钮的地方。
第2步 修改好之後,文章标题下方会出现我们刚刚所贴上的两个推文按钮,当网友们按下该按钮之後,便会自动开启twitter或Plurk噗浪网页,并自动将你的网页标题与网址贴上到发文框中。当然,我们也可以自行做个可爱一点的图,放在网页中吸引大家帮你推文。
还有就是,只要你要把文案按钮摆到短文右边的话,可能在文案按钮的上、留言板加内容如下管控码就行:<div style="float:right;">
推文按钮程式码
</div>
第3步 如图,当网友按了你网页上的twitter或噗浪推文按钮後,推文按钮会自动将网页网址与标题贴上到twitter或噗浪发文框,我们只要再按一下〔Plurk〕或twitter的〔Update〕按钮,即可将此讯息分享给亲朋好友阅读。
目前实际测试,在IE、Firefox、Opera与Google Chrome浏览器都可正常运作,抓到的网址与文章标题也都可以正常显示中文。另外,以上按钮由於有javascript的字样,在Yahoo!奇摩博客与无名小站的限制比较多的网站都无法正常运作,如果想玩些比较有趣的东西建议改用其他博客服务。目前测试PIXNET痞客邦、YAM天空部落...等网站都可正常使用。PIXNET的设定方法请参考:如何在PIXNET网站版面加入Plurk、twitter推文按钮。
刚刚另一方面弄了个比较像「按钮」的样式,贴在网页上应该比纯文本框显眼些。用户可以再把他微调一些,搭配技巧自已的布景主题来用。
Plurk、twitter文案按钮画面DEMO:<div style="float:right;">
<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('(') .concat(encodeURIComponent(document.title)) .concat(')')));" 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>
<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>
延伸阅读:
其他常用软体telegram中文版下载:
- 聊天通讯:Telegram简体中文 电脑板、Telegram、FB Messenger、Signal(取代Telegram简体中文)
- 防毒软体:小红伞、卡巴斯基、AVG、Avast
- 压缩软体:WinRAR、WinZIP、7-ZIP 免费压缩软体
- 文书处理:NotePad++ 纯文字编辑器、PDF24、Officetelegram中文版下载
- 看图软体:IrfanView 免费看图软体、ImageGlass、XnView
- 萤幕抓图:ShareX、FastStone、WinSnap
- telegram中文播放:KMPlayer、PotPlayer、MPC影音播放器
- 音乐播放:WinAMP、KKBOX、Spotify
- 影音telegram中文版下载:FreeStudio、?CutYouTube
- 系统telegram中文:CCleaner、RevoUninstaller 软体移除telegram中文
- 快捷操作:HotkeyP、键盘加速、CopyTexty
- 媒体转档:Moo0、XMedia、格式工厂
- telegram中文版烧录:BurnAware、AnyBurn
- 网路浏览:Chrome、Edge、Firefox
- YouTubetelegram中文版下载、转MP3:YT1s、SaveMP3
访客留言:
76 Replies to “如何在网站放Facebook脸书、twitter、Plurk噗浪「推文按钮」?”