Joomla 文章中自動加入推文按鈕

Joomla 文章中自動加入推文按鈕

資料來源:http://www.joycat.net/%E5%85%A7%E5%AE%B9%E7%AE%A1%E7%90%86/joomla.html

最近發現很多網站文章中都有加入推文按鈕功能,所先我使用Prova.fm網站針對 joomla 開發的 Advanced Social Bookmarker (with AddThis.com tracking)多網站推文外掛,後來又用了AddThis推文外掛,雖然功能很強,但大部份內建的微網誌推文系統台灣人很少使用,其中Plurk噗浪推文的方法又不佳。所以決定設計台灣大部份人有使用的Facebook臉書、twitter、Plurk噗浪等三種推文按鈕,而且可以自動加入到 Joomla 文章中。

以下是完整的實作程序:

1. 先從http://www.eboga.org/網站下載 Joomla 外掛控充程式 MultiAds

2. 進入Joomla網站後台管理區,安裝MultiAds外掛。

3. 進入控充套件的外掛管理頁面,啟用 Content - MultiAds 外掛。

4. 開啟 Content - MultiAds 外掛編輯設定頁面,在 Content bottom ads 欄位加入以下的程式碼。

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

<div style="float:right;width:115px;margin-right:5px">
<div style="float:left;width:32px;height:32px;cursor:pointer;margin-bottom:0px;" onClick="javascript: void(window.open('http://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';"><img src="http://joycat.net/images/twitter_32.png"></div>

<div style="float:left;width:32px;height:32px;cursor:pointer;margin-left:9px;" onClick="javascript: void(window.open('http://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';"><img src="http://joycat.net/images/plurk_32.png"></div>

<div style="float:right;width:32px;height:32px;cursor:pointer;margin-bottom:0px;" onClick="javascript: void(window.open('http://www.facebook.com/share.php?u='.concat(encodeURIComponent(location.href)) ));" title="推薦本文到Facebook去!" onMouseover="this.style.color='#FFFF33';" onMouseout="this.style.color='#FFFFFF';"><img src="http://joycat.net/images/facebook_32.png"></div>
</div>

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

5. Exclude article ids、Exclude category ids、Exclude section ids 等三個欄位,視需要填入需要排除推文按鈕出現在特定文章、分類、單元的 ID 值。

6. 下載本篇文章下方的三個推文按鈕圖檔,並上傳到網站根目錄下的 images 資料夾中。您也可以將按鈕圖檔上傳至images/stories (預設圖片上傳為位置) ,然後再修改上方三個按鈕圖片的語法。例如:<img src="http://joycat.net/images/facebook_32.png"> 變更為 <img src="http://joycat.net/images/stories/facebook_32.png">

下一個 >
web
CGIjavascript 技術文章jqueryBeginJoomla 技術文章PHP 技術文章CodeIgniter 技術文章youtube api 技術文章新浪微博开放平台WebGLXAMPP