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、、等等網路廣告公司聯絡,請他們就佛心來著,免費提供,或減價(算便宜點)提供廣告輪播機會。

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





相關文章


沒有留言:

張貼留言

感謝各位大大的留言,如果問題不會太過艱深困難的話,我會儘快回覆您訊息, (^.^)/~