看完要記得幫我按個讚哦

 

(於2010.09.15更新在文章前後都自動出現的方法)

 

  最近有好多人問我關於部落格推廣與行銷問題,也了解有很多部落客一開始其實都跟我一樣,不知要如何經營、推廣以及散播,才能讓更多人看到自己的文章、創作、心血甚至費盡苦心尋來的資料,雖說我的部落格開設還不到半年,自己的人氣也還好不到哪去,但我依然決定企劃撰寫『部落格人氣密技』這個單元,並打算在此將我彙整出的心得,以及我在網路上搜尋到,且試驗過證明確實有成效的方法,呈現給跟我一樣有心想利用網路造福大眾,或成就自己的眾位網友們,那麼首先就是教大家如何在所有文章的開頭,都自動加上Facebook的推文利器『讚』按鈕,以便讓更多人在Facebook上面看到你的文章。

 

猴君:放心吧,只要照做一定會有人氣的~
夢遊幻鏡(境) 網路行銷 工作室 | 創意 設計 工作室 | 視覺 設計 工作室 | 平面 設計 工作室 | 網頁 設計 工作室 | Flash 動畫 設計 工作室 | 部落格 網站 人氣爆衝密技教學

小女孩眼中含淚的說:你誰啊你~有多遠給我滾多遠 = =

 

好啦,上圖與本文無關,不鬼扯了,跟著看下去吧~

 

 

所有網站與部落格皆適用的放Facebook『讚』按鈕的方法

 

 

  首先教最基本的,如何手動放入Facebook的推文利器『讚』按鈕,這方法雖然得在每篇文章都加入一次語法,但卻幾乎適用於所有網站部落格,可謂通用性最高,且位置也可以隨性更換,因此自由度也是最高的,那麼廢話不多說,請大家點擊此連結,並照著圖文一步一步試試看吧。


1.點上述連結後會如下圖進入Facebook的開發工具plugins頁面
夢遊幻鏡(境) 網路行銷 工作室 | 創意 設計 工作室 | 視覺 設計 工作室 | 平面 設計 工作室 | 網頁 設計 工作室 | Flash 動畫 設計 工作室 | 部落格 網站 人氣爆衝密技教學

 

 

2.在下方欄位中依圖示填上想放置的文章連結網址,最好將大頭像顯示取消,以免拖慢網頁開啟速度
夢遊幻鏡(境) 網路行銷 工作室 | 創意 設計 工作室 | 視覺 設計 工作室 | 平面 設計 工作室 | 網頁 設計 工作室 | Flash 動畫 設計 工作室 | 部落格 網站 人氣爆衝密技教學

其餘的像是字型,寬度等幾乎是不需要改動

 

 

 

3.如果部落格的版面色系是深色系,可以選擇黑底色,看起來效果較好,都OK後即可按下Get Code
夢遊幻鏡(境) 網路行銷 工作室 | 創意 設計 工作室 | 視覺 設計 工作室 | 平面 設計 工作室 | 網頁 設計 工作室 | Flash 動畫 設計 工作室 | 部落格 網站 人氣爆衝密技教學

 

 

 

4.按下Get Code後會出現下圖的語法視窗,將語法複製起來即可拿至文章中編輯並貼上
夢遊幻鏡(境) 網路行銷 工作室 | 創意 設計 工作室 | 視覺 設計 工作室 | 平面 設計 工作室 | 網頁 設計 工作室 | Flash 動畫 設計 工作室 | 部落格 網站 人氣爆衝密技教學

 

 

 

5.回到部落格後台的文章編輯模式,並依下圖進入文章的HTML語法編輯
夢遊幻鏡(境) 網路行銷 工作室 | 創意 設計 工作室 | 視覺 設計 工作室 | 平面 設計 工作室 | 網頁 設計 工作室 | Flash 動畫 設計 工作室 | 部落格 網站 人氣爆衝密技教學

 

 

 

6.依圖示將剛複製的語法貼在文章最前面或是最後面都可以,位置可看自己的喜好決定
夢遊幻鏡(境) 網路行銷 工作室 | 創意 設計 工作室 | 視覺 設計 工作室 | 平面 設計 工作室 | 網頁 設計 工作室 | Flash 動畫 設計 工作室 | 部落格 網站 人氣爆衝密技教學

爽的話也可以在一篇文章裡面重複放他七八十個,保證會有七八十個人看完想打你 ~"~

 

 

 

7.一切順遂的話,就會在自己編輯中的文章出現如下圖般的推文『讚』按鈕了,是不是很簡單呢?
夢遊幻鏡(境) 網路行銷 工作室 | 創意 設計 工作室 | 視覺 設計 工作室 | 平面 設計 工作室 | 網頁 設計 工作室 | Flash 動畫 設計 工作室 | 部落格 網站 人氣爆衝密技教學

沒做好的話會出現砍文『幹』按鈕哦,不可不慎啊~ (喂~又鬼扯了...)

 

  這方法幾乎所有部落格網站都能用,優點就是自由度高,可放可不放,位置也可隨意調整,缺點就是每篇文章都要搞一次,非常麻煩;但現在我以痞客邦 (pixnet) 為家,外帶我是個懶到有剩的宅男,所以當然是要找到些較簡單的方法,就在千辛萬苦的尋訪之下,終於看到痞客邦 (pixnet) 有位熱心的大大將此語法寫入plugin中,並釋放出javascript語法供所有痞客邦 (pixnet) 會員們使用,此後只要做完這個動作,你的痞客邦 (pixnet) 部落格中所有文章都會自動出現Facebook的『幹』『讚』按鈕,那麼接下來就跟著我一步一步做吧。

 

 


 

 

在痞客邦 (pixnet) 部落格文章自動出現Facebook『讚』按鈕


 

1.複製下面方框中的語法

語法來源網址為:http://nico.pixnet.net/blog/post/31859297

 

 

 

2.進入痞客邦 (pixnet) 部落格管理後台,點側邊欄位設定
夢遊幻鏡(境) 網路行銷 工作室 | 創意 設計 工作室 | 視覺 設計 工作室 | 平面 設計 工作室 | 網頁 設計 工作室 | Flash 動畫 設計 工作室 | 部落格 網站 人氣爆衝密技教學

 

 

 

3.接著進入頁尾描述設定
夢遊幻鏡(境) 網路行銷 工作室 | 創意 設計 工作室 | 視覺 設計 工作室 | 平面 設計 工作室 | 網頁 設計 工作室 | Flash 動畫 設計 工作室 | 部落格 網站 人氣爆衝密技教學

 

 

 

4.將語法如圖示貼上後,按下送出即可完成
夢遊幻鏡(境) 網路行銷 工作室 | 創意 設計 工作室 | 視覺 設計 工作室 | 平面 設計 工作室 | 網頁 設計 工作室 | Flash 動畫 設計 工作室 | 部落格 網站 人氣爆衝密技教學  

 

 

 

5.完成後就會如下圖,在每篇文章開頭自動加上Facebook『讚』按鈕,是不是很方便呢?
夢遊幻鏡(境) 網路行銷 工作室 | 創意 設計 工作室 | 視覺 設計 工作室 | 平面 設計 工作室 | 網頁 設計 工作室 | Flash 動畫 設計 工作室 | 部落格 網站 人氣爆衝密技教學

 

  有沒有覺得很簡單呢?就輕鬆幾個步驟即可完成,從此後每篇文章會自動在開頭附上Facebook的『幹』『讚』按鈕,優點是方便省事沒煩惱,但缺點就是自由度太低,無法因應自己的需求去更換位置,也沒辦法在同一個文章中放上七八十個...(喂~),因為這整組程式碼是寫死的,所以想換位置擺放的,只能寄望原作者可以想出解決之道來,另外假設有深色版面的朋友需要的話,可將語法中的這串 http://pixnet-js-plugin.googlecode.com/svn/trunk/blog/facebook-push-button.js 改成 http://pixnet-js-plugin.googlecode.com/svn/trunk/blog/facebook-push-button-dark.js 就可以了, 這是作者另外為了深色版面弄的,如果有更進一步的消息我會再向各位報告的。

 

 


 

 

 

在痞客邦pixnet部落格文章『前後』都出現Facebook『讚』按鈕
(於2010.09.15更新) 


經由網友米糰桑的提醒,想起了他之前發佈過的語法,是可以讓痞客邦部落格文章開頭與結尾都自動出現Facebook『讚』按鈕,甚至還有只在文章結尾出現Facebook『分享』按鈕Plurk『推文』按鈕的語法,下面就來說明一下方法吧。



1.複製下面方框中的語法  



<script type="text/javascript">
jQuery(document).ready(function(){
var item=new Array();
var item2=new Array();
var show=new Array();
jQuery("div.article-body").each(function(i)
{
item[i]='<iframe src="https://www.facebook.com/plugins/like.php?href='+
    encodeURIComponent(jQuery(this).parent().find("ul").find('a').attr('href'))+
    '&amp;layout=standard&amp;show_faces=true&amp;width=500&amp;action=like&amp;colorscheme=light&amp;height=20" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:500px; height:20px;" allowTransparency="true"  ></iframe>'

    jQuery(this).before('<div style="margin-left:20px;margin-bottom:10px;">'+item[i]+'</div>');
});


jQuery("div.bookmark").each(function(i)
{
   
   item2[i]=jQuery(this).clone('true');
      
});




jQuery("div.forward").each(function(i)
{


   if(typeof item2[i]!="undefined"){
     jQuery(this).before(item2[i]);
  }
 show[i]='true';
});




jQuery("p.author").each(function(i)
{
if(typeof show[i]!="undefined"){
    jQuery(this).before("<div style='margin-top:5px;margin-bottom:15px;*width:400px'>"+item[i]+"</div>");
 }
});








});</script>



 

語法出處為:http://ricebobo.pixnet.net/blog/post/12905529

 

 

 

2.進入痞客邦 (pixnet) 部落格管理後台,點側邊欄位設定
夢遊幻鏡(境) 網路行銷 工作室 | 創意 設計 工作室 | 視覺 設計 工作室 | 平面 設計 工作室 | 網頁 設計 工作室 | Flash 動畫 設計 工作室 | 部落格 網站 人氣爆衝密技教學

 

 

 

3.接著進入頁尾描述設定
夢遊幻鏡(境) 網路行銷 工作室 | 創意 設計 工作室 | 視覺 設計 工作室 | 平面 設計 工作室 | 網頁 設計 工作室 | Flash 動畫 設計 工作室 | 部落格 網站 人氣爆衝密技教學

 

 

 

4.將語法如圖示貼上後,按下送出即可完成
夢遊幻鏡(境) 網路行銷 工作室 | 創意 設計 工作室 | 視覺 設計 工作室 | 平面 設計 工作室 | 網頁 設計 工作室 | Flash 動畫 設計 工作室 | 部落格 網站 人氣爆衝密技教學 

 

 

有沒有很簡單呢,下面再跟大家說如何只在文章結尾放上Facebook的『分享』按鈕,以及Plurk『分享』按鈕的方法,基本步驟也是一樣,先複製下面方框中的語法,再將語法依同樣方式貼到頁尾描述即可

語法出處為:http://ricebobo.pixnet.net/blog/post/12905529

 

 

 


 

 

wordpress部落格中放上Facebook『讚』按鈕的方法


反正這篇文寫都寫了,既然如此今天就大放送,再多跟大家分享在wordpress部落格中放上Facebook『幹』『讚』按鈕的方法 (真是忍不住每次都會打錯,請見諒),就是只要複製下面方框中的語法,貼上你在wordpress部落格中想推廣的文章中即可,這樣他就會動態去抓你想推薦的網址了

此語法來源網址為:http://0123456789.tw/tools/?p=60

 

 


 

 

在每篇Google Blogger的文章中放上Facebook的『讚』按鈕


那又要如何才能在每篇Google Blogger的文章中放上Facebook的『讚』按鈕呢?也很簡單哦,只要進入Blogger管理後台「版面配置」的「修改HTML」,勾選「展開小裝置範本」,然後找到下面這一行: 

<b:includable id='post' var='post'> 

在此行的下面,貼上下列框框中的語法:

貼上後儲存範本即可。

上面的作法是將Facebook的『讚』按鈕放在文章的一開頭,當然如果你想將按鈕放在文章的最後面也是可以哦,只要將上面的語法改放在 
<data:post.body> 之後就可以了。

甚至只要你爽,也可以在文章前後都放他七八十個...(喂~又鬼扯了)

Blogger語法來源網址為:http://nobodysearch.blogspot.com/2010/08/blogger-facebook.html


 



 

  找了好多資料,也去了好多部落格參拜,這篇著實整理的非常辛苦,或許有不少人已經知道怎麼用了,我也曾經在不少格友家中發現此物,甚至米糰桑設計嵐也做過痞客邦的教學,本想直接跳過不做的,但還是有不少人問我應該怎麼弄,於是在各位網友的熱情邀約下,這篇整理文就誕生了,希望爾後不管逛到哪都能看到這按鈕,眼尖的應該有發現到,我不管逛到誰家,只要發現這個按鈕,一定是義不容辭的給他點下去,所以聰明的各位應該知道我在說什麼了,就讓我們心照不宣一起努力的點下去吧。

(想引用的請記得在迴響區告知,並附上引用與出處連結,否則...嘿嘿嘿~~)




f
arrow
arrow
    全站熱搜

    魏小愛 發表在 痞客邦 留言(121) 人氣()