我愛錢部落格 (www.52twd.com ): 教學_如何製作部落格(網誌)、愛心、串聯貼紙?

2017年4月23日星期日

教學_如何製作部落格(網誌)、愛心、串聯貼紙?

其實部落格愛心貼紙、串聯貼紙這種東西在網路上應該已經是屬於比較過時的東西了。幾年前(2000-2010)部落格還很流行的時候，滿多政府組織、學校、基金會、宗教、善心團體、、、等等，都會提供部落格貼紙。

贊助商連結

部落格愛心貼紙、串聯貼紙的主要是發起者自行製作提供(HTML碼)給認同並願意傳達其意願的網站(部落格)站主，將其放置在網站上。

透過部落格貼紙所提供的連結和內容傳達、宣傳一種意念、概念、想法分享給看到的網友。舉例來說，夏天快到，為了預防登革熱，政府單位就可以推出預防登革熱的做法貼紙，網友點下去，就可以連結到政府相關機構，得到更多的資訊。

贊助商連結

但重點是這整個推廣過程是免費，而且完全是自發性，這點和廣告不同，無金錢上的對價關係。

假設我家(部落格主、網站管理人)剛好家裡附近有登革熱的疫情傳出，我一定會趕快把這貼紙貼上我的部落格。希望看到的人趕快把住家附近的水桶、積水去除，以免疫情持續擴大。

贊助商連結

不過這幾年，部落格愛心貼紙、串聯貼紙漸漸式微了，比較沒有那麼多組織提供這類的貼紙了。雖然我個人覺得滿可惜的，但這似乎也無法避免，部落格愛心貼紙、串聯貼紙式微原因如下。

1.自從大家知道GOOGLE ADSENSE、BLOGGERADS、等等網路廣告業者給的收益少的可憐，無利可圖，寫部落格的人就變少了，當然有少數的強者還繼續努力著，剩下的人大多是玩票性質，像我 XD。
PS.GOOGLE ADSENSE是所有網路廣告業者最大方的。

2.行動上網的年代已經來臨
畢竟現在是行動裝置的年代，人人都有一支智慧型手機，但智慧型手機的螢幕都很小，除了內文和廣告以外，沒有多的地方可以放其他的東西了。

以我的小站為例為例將近兩年半(2015-2017/4/18)的時間，從google analytics的資料看來，桌上型電腦站的的比例為43.34%，行動裝置(平板電腦加手機 )超過56%，這點和我寫的一篇文章” 為何我覺得一般人寫部落格有"機會"賺到"小錢"?”不謀而合。以後應該都是以行動上網為主了，不是桌上型電腦式微了，而是行動裝置變多了，而且行動裝置讓上網這件事變簡單了。

綠色為桌機，藍色為手機，橘色為平板

贊助商連結

3.網頁內插入太多程式碼，或許有礙GOOGLE搜尋排序，並且無法增加收益。
呵呵!這是我猜的，你也可以不信。但就這幾行程式碼，我想即使有影響，但也有限吧!主因可能是無法增加收益吧~要不每個部落格幹嘛放那麼多GOOGLE ADSENSE，而不放部落格愛心貼紙。

所以像這樣的網路工具(部落格貼紙)就比較少人用了，就當這篇文章是在記錄過去發生的事吧~

贊助商連結

前面廢話了一堆，那麼倒底要怎麼製作部落格愛心貼紙、串聯貼紙呢?(雖然現在看起來算是已經過時了)
首先，你必須先申請一個圖床帳號，有一些業者提會供的免費網路空間，或者你想自己架設一個也可以，免費網路空間就像是google或dropbox的雲端硬碟，不過，現在(2017/3/17)都已經終止檔案外連的服務了。我想大概是這樣的服務無利可圖，又浪費網路流量。
如果你想一定要利用google或dropbox的雲端硬碟的服務，可以參考這網址，有高手可以教你如何突破GOOGLE或DROPBOX的限制

贊助商連結

這裡介紹一個可用作圖床的網站imgur(https://imgur.com/)，請先申請帳號，接者登入，整個過程不用3分鐘

Step1:
登入imugr的帳號，並上傳你製作好的圖檔，建議檔案不用太大。上傳完後到你的相簿(ablum)找到剛剛上傳的圖。

Step2:

imugu提供很多類型程式碼，適用於不同狀況。
這裡複製HTML程式碼就可以了。

Step3: 修改html程式碼 (這個步驟最關鍵)

主要改兩個部分

原本是這樣
<a href="http://imgur.com/hZDK0x8"><img src="http://i.imgur.com/hZDK0x8.gif" title="source: imgur.com" /></a>

改成這樣，注意螢光筆部分
<a href="http://www.52twd.com/2016/09/about-me.html"><img src="http://i.imgur.com/hZDK0x8.gif" title="關於52twd" /></a>

第一
因為我這裡只是做示範，所以填上”關於”我的網址，
http://www.52twd.com/2016/09/about-me.html，你希望網友點一下，就會打開網頁的網址。如果你有一些活動希望網友串連或捐款的話，你這裡就改那個網址，完成後，網友點一下就會連結到那個網頁。

第二
“title="關於52twd"，滑鼠滑過會跳出來的文字，如下圖

Step4:
回到部落格或網頁後台(管理畫面)
版面配置--->新增小工具---> 新增Html/Java Script程式碼，貼上剛剛修改的html程式碼，選擇儲存。

接者回到自己網站首頁，你就看到剛剛新增的部落格貼紙了

如果你點一下，就會連結到我”關於我”的網頁了，所以如果你是社團活動發起人的話，你也可以把自己做好的html程式碼放在網路上給其他站長。

做完以後，你或許會問幹嘛發明這種方法，慈善公益團體提供用超連結不就好了嗎?可是超連結只有個網址(只有文字)，沒有大大圖片，宣傳效果有限。而且這種做法和超連結做法的差別就是，以後你要換圖片，只要圖床裡檔名用一樣，把原有圖片換掉，所有用你的程式碼的網站都會同步更換圖片，今天周杰倫代言，明天蔡依林代言，女生喜歡周杰倫就點周杰倫捐款，男生喜歡蔡依林就點蔡依林捐款，支持者只要安裝一次程式碼設定就好，完全不會麻煩到你的支持者，即使你有上萬個支持者。

那麼，如果說是真的是慈善公益團體以後需要聯合勸募或是宣達善念，怎麼辦呢?你可以照我上面這麼作，再做一個部落格貼紙，提供程式碼給人複製，但效果不大，因為不是插在內文裡面，我會建議慈善公益團體主動和GOOGLE ADSENSE、BLOGGER ADS、、等等網路廣告公司聯絡，請他們就佛心來著，免費提供，或減價(算便宜點)提供廣告輪播機會。

至於部落格主或網站站長也很想宣揚傳達善念怎麼辦?可能就要自己照上面步驟做了一些圖片，或是在網頁的邊邊加上各個慈善團體組織的網址連結(如下圖)，提醒自己也提醒別人，適當的時候捐點錢，回饋一下社會，與其給敗家仔去買千萬超跑去夜店載辣妹，不如捐千萬給弱勢族群，增進社會和諧與進步。