LikeCoin 是什麼? 如何在Blogger 上安裝LikeCoin化讚為賞的按鈕?

Views

這張圖片的 alt 屬性值為空,它的檔案名稱為 image-283.png什麼是LikeCoin?? LikeCoin本身算是虛擬貨幣的一種, 創作者可以藉由安裝LikeCoin按鈕的方式, 讓讀者藉由"拍拍手"來支持創作者, 在讀者無需付出任何花費下, 僅僅是為文章拍拍手, LikeCoin便可以將LIKE轉化成Coin對創作者做出的實質獎勵, 是一種名符其實的化讚為賞.

對於一位擁有忠實粉絲的創作者/部落格而言, 用這個LikeCoin所能獲得的收入會比靠Google AdSense的廣告流量換取現金要快的多. 

這張圖片的 alt 屬性值為空,它的檔案名稱為 image-279.png每一位擁有LikeCoin帳戶的讀者都可以為一篇他認可的文章拍手5下. 而且加入LikeCoin是免費的, 不論是創作者, 或只是一位想給創作者鼓勵的讀者, 都可以輕易的透過Google帳號, Facebook或是Twitter帳號加入LikeCoin.

除了免費的計劃, 也可以選擇每月USD$5的計劃, 成為所謂的"讚賞公民", 每個月省下一杯咖啡錢, 不僅僅支持了你喜歡的創作者, 還讓你的每一次拍手時, 能給予創作者的回饋是比普通的Liker要高出5到10倍.
但研究了老半天, 發現這個LikeCoin其實有幾個很現實的問題:

1) LikeCoin只能有LikeCoin帳號的人才能幫創作者拍拍手. 
2) LikeCoin目前並不支援Blogger平台.
3) 安裝錢包和請款有點小複雜.

問題2, 本篇會為您提供解決方法.

LikeCoin的生態


可以說LikeCoin是一個專門為了WordPress, Matter, Medium和方格子所設計的一種獎勵機制, 如果是在WordPress平台上的創作者, 只要在註冊登入LikeCoin後, 輕輕鬆鬆的按下[安裝]鍵即可在WordPress上安裝LikeCoin按鈕. 

如果是Medium或是方格子的創作者, 只需要在每篇文章裡加入一個LikeCoin的連結, 就會自動生成一個LikeCoin的按鍵. (請按這裡看實例
不幸的是, LikeCoin對於Google Blogger的平台並不友善, 它並沒有為Blogge平台提供任何簡單的安裝模式. 不過沒關係, 在上網努力的搜尋下, 本篇會介紹如何在Blogger 上安裝LikeCoin按鍵.

如何申請免費的LikeCoin帳號?



首先, 先申請一個LikeCoin的免費帳號然後會出現下面2個其中一個. 你可以選擇免費支持, 或是每月USD$5成為讚賞公民的方式加入LikeCoin. 如果是選擇免費支持, 那麼就選下方三種方式之一來註冊申請:Google帳號/Facebook/Twitter
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-280.png這張圖片的 alt 屬性值為空,它的檔案名稱為 image-279.png

當填寫 Like ID時, 請務必想好名字, 因為一旦申請後, ID名不能改, 也就是以後如果你要用你的LikeCoin按鍵在你的文章上, 你的ID名字也會出現. 所以請三思!
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-282.png

如果不是用gmail申請的, 現在就要去你的email收取認証信件, 點擊連結. 基本上, 到這裡, 你已經有了一個LikeCoin的帳號了, 也就是說, 可以成為幫別人拍拍小手的人了.

申請創作者的LikeCoin錢包



如果您是一位創作者, 也想要別人拍拍小手, 賺取賞金, 那麼, 就要安裝小狐狸錢包以便將Like轉化成Coins囉. 

首先, 登入LikeCoin的後台, 按營幕右上角的三條線
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-273.png
然後如果喜歡中文, 可以選正體中文, 然後按[Earn LikeCoin]鍵 → 再按 [Create your wallet]
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-271.png這張圖片的 alt 屬性值為空,它的檔案名稱為 image-272.png

要安裝LikeCoin小錢包, 就必須要加入這支小狐狸. 請用 Chrome 瀏覽器來安裝這隻小狐狸.
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-270.png
當你按下[Install Metamask], 會帶你到 chrome 的線上商店, 請點選[加到 Chrome] 的小藍鍵.
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-259.png
按下[Get Started]鍵

這張圖片的 alt 屬性值為空,它的檔案名稱為 image-261.png
如果這是你第一次安裝LikeCoin, 你肯定還沒有通關密語, 所以請選擇[+ Yes, let's get set up! Create a Wallet]
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-262.png
輸入你的密碼, 然後它會給你一個通關密語. 請按下鎖取得你的通關密語, 並且存好你的通關密語, 不要弄掉了, 馬上要用到的哦.

這張圖片的 alt 屬性值為空,它的檔案名稱為 image-263.png這張圖片的 alt 屬性值為空,它的檔案名稱為 image-264.png
然後下一步就是要按照通關密語的順序把它下面的字正確的排列組合即可.這張圖片的 alt 屬性值為空,它的檔案名稱為 image-274.png
此時小狐狸就成功的入駐你的 Chrome 瀏覽器了.
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-269.png

安裝LikeCoin按鈕到Blogger裡


接下來, 
就是把LikeCoin按鈕加到Blogger裡的每一篇文章中! 

我一開始在上面提到的3個現實的問題, 第一個如果各位看倌兒看到這裡已經著手申請LikeCoin的帳號, 或是準備要申請, 那麼表示我第一關已經通過了. 那, 煩請在這裡先幫本篇文章拍5次小手囉! 先謝謝啦!

第二個問題就是LikeCoin本身並沒有提供快速安裝到Blogger的方法, 但不表示不能裝. 有二位50前輩提供了安裝到Blogger的秘笈, 分享如下:

方法一: 手動一篇一篇自行加入
寶石般的文具箱: 這個是在每篇文末(或是想要LikeCoin按鈕出現的位置), 手動一篇一篇的加入LikeCoin的程式碼, 這個比方法二要簡單, 但長期來看, 就比較麻煩, 因為要一篇篇的自己加上. 做法如下:
在[<>HTML檢視]的模式下, 在每篇文章想加入LikeCoin按鈕的地方貼入下方的程式碼.

黃色網址的部份, 請記得換成自己該篇文章的網址.

方法二: 一次性為文章自動加入LikeCoin按鈕
浩剛大俠的JavaScript: 這是一勞永逸的方法, 只要做一次, 以後每次發文, LikeCoin按鈕都會自動的被加到每篇文章中, 非常感謝浩剛大俠無私的分享!!
做法是:
在blogger 後台的[主題]→[編輯HTML], 按[Ctrl+F], 在Search:下找到<data:post.body/> ,然後在它之後的</div>下面貼入下方的程式碼:

**強烈建議在動手前請先備份主題HTML原始程式碼.
***記得把365ordinarydays改成你的LikeCoin ID

請款


至於第三個問題? 對我而言還不構成問題, 因為, 我還沒到可以請款的時候啦. 不過, 首先, 聽說是要先累積到至少2000個Like之後, 才能去進行交易變現, 然後變現後又要有至少TWD$1000才能提領... 交易的過程可以參考這篇.

總而言之, 每位訪客每篇文章最多可以拍5次小手哦!

所以, 如果你覺得這篇對你有用, 你又剛好有空, 就申請一個LikeCoin, 然後幫我拍5下吧! 先謝囉!!
喜歡或者 不喜歡 如果覺得這篇有用, 那就請我喝杯咖啡吧!請我喝杯咖啡吧!

Blogger 版面配置

Views

Blogger 的後台裡的[版面配置]如同一個儲藏室, 裡面藏有各式各樣免費的小工具供格主自己調配和使用.

每一個基本上都是一試便知, 所以也不用多加介紹, 比較值得一提的就是[+新增小工具].
這個等於是Blogger的一個藏寶室, 裡面有許多有用的小工具可供格主免費使用. 

裡面有幾個推薦各位新格主務必一試的有:
網誌搜尋, 標籤, 網誌統計資料, 熱門文章, HTML/JavaScript等等.

其實, 一開始, 每個都試試, 試了便知它們的功能分別是什麼了. 每一個小工具可以用滑鼠拖曳的方式來調整排列順序.

除了後台的[版面配置]可以來加加減減的擺放各式各樣的小工具之外, 還可以利用Blogger後台的[主題]→[自訂]來為你的官方主題版面做一些少許的調整.

在這裡, 可以調整網誌版面的寛度, 文字的大小, 顏色和字型, 連結部份的字體顏色, 或是更換背景的圖片等等, 這些都在Blogger後台的[主題]→[自訂]來做變更設定.
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-237.png
如果想用同一個主題模版, 郤想更換不同的背景圖案:
在[背景]這裡, 你可以按下[背景圖片]的倒三角鍵🔽來選擇不同的背景圖案, 或是上傳你自己的圖片來當背景.
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-238.png這張圖片的 alt 屬性值為空,它的檔案名稱為 image-257.png

如果想調整原本主題模板預設的網誌寛度: 
可以用[調整寛度]來調整你本文的寛度. 這裡上下二個畫面可以看出明顯的不同, 上面的是未經調整過的, 網誌部份的寛度明顯小過下面那個調整過的.
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-239.png

如果想用同一個主題模版, 郤想變換成不同的排版:
請用[版面配置]來決定你的網誌版面的排版方式. 可以選擇新的版面排版是四欄, 三欄, 二欄式或是頁尾式. 
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-258.png


如果想調整文章字型, 大小和文字顏色:
那麼請按[進階], 這裡就比較多東西可以玩了. "網頁文字"是設定網誌內文的大小, 字型和顏色. 
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-240.png
[文章]則可以改變文章標題的字型和大小.其他的都是看圖說故事, 自己試試便知. 不在這裡贅述了. 
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-242.png

如果想要調整全網站的格式設定:
請試試[進階]下的[新增CSS]. [新增CSS] 是你可以自訂版型的顏色和格式. 好比我要設立一個下拉式菜單, 這個用來設定新增菜單的格式, 顏色和字型的CSS程式碼就可以貼在這裡.
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-243.png

找不到滿意的主題模型?
如果不喜歡Blogger後台現成的模板, 還可以另外選非官方的免費主題模板. 在還沒有太多文章和手動設定後台的HTML前先裝一個自己喜歡的主題也可以省下日後很多麻煩的.

如果覺得有用, 請按下面的 "👍LIKE", 謝謝.

如何製作部落格下拉式選單? dropdown menu

Views

這張圖片的 alt 屬性值為空,它的檔案名稱為 image-236.pngBlogger 的官方模版似乎本身並沒有提供簡易型的方式來讓部落客製作下拉式選單. 

所以如果不想用Blogger的"分類"標籤的方式來陳列你的文章, 或是也不想用網頁當索引的方式來做頂端的分頁導覽, 那就只能自己加入二段HTML & CSS程式碼了. (或者直接捨棄Blogger官方的免費主題,下載更漂亮且有助SEO的主題模版, 下拉式選單通常會是這些美麗模版的基本配備哦。)

自己做下拉式選單,說難也不是太難, 但程式碼這東西, 只要少一個不該少的符號, ex: 少一個</li> or </ul>等, 或是貼錯位置, 也就沒用了. 所以, 請看仔細了.

在開始前, 可以先看看測試版, 如果是您想要的功能才繼續往下看. 避免的浪費時間!

製作下拉式選單的步驟如下:
1) 在Blogger的後台裡, 先到[主題]→然後按下[編輯HTML]
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-232.png
2) 貼上第一段HTML碼:
在HTML的程式碼視窗中按 CTRL+F 鍵, 會出現如下圖所示的搜尋列. 在搜尋列中輸入 <b:includable id='title' 按下Enter 鍵, 會帶你找到它. 如下圖第870行.
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-249.png
然後在最靠近這個字串下找到</div>, 如上圖第878行, 然後按下數個Enter鍵, 就會有幾行空白, 如下圖:
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-251.png

然後在 </div> 和<div class='header-.....>之間貼入下面的HTML程式碼(如下圖黃色標示處), 這個將會是你的下拉式選單標題.
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-234.png


這張圖片的 alt 屬性值為空,它的檔案名稱為 image-253.png

3) 然後貼上CSS碼: 
有二個方法可以貼入CSS碼
方法一: 
同樣的, 在HTML的程式碼視窗中按 CTRL+F 鍵, 會出現如下圖所示的搜尋列. 在搜尋列中輸入 ]]></b:skin 按下Enter 鍵, 會帶你找到它, 然後把下面提供的CSS 程式碼貼在 ]]></b:skin> 這一行面.
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-233.png


貼好記得按下[儲存主題]鍵。

方法二:
可以Copy了上面的CSS碼, 然後到[主題]→[自訂]→[進階]→[新增CSS], 然後直接貼在這個空白框裡.
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-252.png
貼好記得按右上方的[套用至網誌]鍵, 才會更新你的網頁設定.
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-254.png

這種用加入HTML 和 CSS 程式碼的好處是, 你可以加入多層次選單. 可以有第一層, 第二層, 甚至是第三層都沒問題.

訪客的游標經過你的第一層標題時就會主動秀出你第二層的內容. 到了第二層就會秀出第三層的文章標題. 感覺上比起前一篇用網頁來做索引, 來介紹每篇文章的方式, 這一種要清爽高級許多.

而且, 這一種方式, 訪客不會離開你的主頁就可以在主頁內打開不同內容的文章來閱讀. 不會出現訪客的瀏覽器上端全是你的小分頁.
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-235.png

不過這種下拉式選單的做法相對比起陽春版的網頁導覽, 這個是有點難度的. 而且缺點是, 每次要添加一篇文章的連結, 你就要到HTML程式碼中加上你的第二層(或是第三層)的文章連結.

基本上我不會先改 CSS 碼, 我會先把上面的HTML 和 CSS程式碼貼入, 測試成功後, 再來修改 HTML和 CSS 程式碼.

CSS 基本上是用來設定你的下拉式選單的外觀的. 可以自行更改的部份包括了顏色和字型.
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-256.png
這裡附上顏色代碼, 你可以在這裡選想要用的顏色來取代CSS的顏色號碼.

你只要位置貼對了, 發佈後就可以看到你的下拉式選單. 然後再慢慢改成你想要的顏色和格式. 每改一個按一次儲存, 就直接會反應在你的部落格上.

3q 或者  如果覺得這篇有用, 那就請我喝杯咖啡吧!請我喝杯咖啡吧!

參考網站:
XOMISSE, 逍遙的窩, icanbuildablog, 下拉式導覽列
本篇文章包含贊助內容,當您單擊某些鏈接時,我可能會獲得奬勵。

QuizUp - 💓💓💖💖💖

Views


這張圖片的 alt 屬性值為空,它的檔案名稱為 image-181.pngQuizUp 是一款全家人都可以在自己手機下載後互相挑戰的遊戲. 

在排隊等待時, 家人朋友間可以互相競賽, 也可以自己和線上其他隨機選擇的對手競賽的遊戲. 

在手機遊戲中, 這個真的可以稱的上是一款寓教於樂的手遊了.





它的類別包羅萬象, 你想的到的, 它幾乎都有, 你想不到的, 它可能也有. 

這張圖片的 alt 屬性值為空,它的檔案名稱為 image-182.png它有數學類, 所以可以給小朋友邊玩邊練習. 

不要以為小孩會覺得很無聊, 當2個小朋友程度相當時, 那廝殺起來跟打其他的手遊是一樣的刺激, 一樣的欲罷不能. 

每一題都有時間限制, 2人都答對分數也會因搶答的先後而不同. 玩這個小朋友會對同類型的數學反應很快, 玩久了, 就成為直覺式反應.

既然有數學題, 自然也有文法題. 這, 就要練速讀了!! 題目本身不難, 但對於英文不是我們母語的人, 讀的速度自然就比老外要慢了. 但, 有難度才有挑戰, 有挑戰才有進步, 不是嗎?! 哈!!
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-197.png這張圖片的 alt 屬性值為空,它的檔案名稱為 image-196.png

這張圖片的 alt 屬性值為空,它的檔案名稱為 image-183.png它還有羅馬數字題. 

要小朋友學會認羅馬數字, 這是一個極好的工具. 幾個回合下來, 小朋友已經練就一身"看到就馬上知道答案"的本領了. 

不要問我為什麼要小朋友認羅馬數字, 反正就好玩嘛. 在排隊等座位時, 和小朋友一起玩, 時間一下子就過去了.




有故事書的類別, 有歷史的類別, 也有遊戲類, 音樂, 電影類, 美食類, 物理, 化學, 電視影集... 不勝枚舉.
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-187.png這張圖片的 alt 屬性值為空,它的檔案名稱為 image-185.png這張圖片的 alt 屬性值為空,它的檔案名稱為 image-184.png

對於極其無聊的化學元素周期表, 在這裡也可以變成好玩刺激的競賽遊戲, 幾輪玩下來, 想要不記得也難. 
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-191.png這張圖片的 alt 屬性值為空,它的檔案名稱為 image-190.png

覺得答題時間太短來不及看? 

沒闗係, 錯了輸了也不要怕, 這個有解答的. 玩完後如果想要下次不要再錯同一題, 就去看看報告, 有正確答案. 
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-193.png這張圖片的 alt 屬性值為空,它的檔案名稱為 image-192.png這張圖片的 alt 屬性值為空,它的檔案名稱為 image-194.png

反正題庫有限, 多玩同類型的題庫再遇到一樣的題目的機會很大, 下回就不會錯了, 幾次下來, 就全記得了, 不是嗎?!

這是我目前玩過寓教於樂最大的一款手機APP 了. 任何時間都可以玩, 一局時間也不長, 不到2分鐘就結束了. 但在漫長等待時, 不管在等座位, 等買票, 等吃飯, 它都是一款很不錯的殺時間APP. 趕快去下載來玩吧!!

喜歡這個QuizUp的介紹, 請按下面的 "👍LIKE", 謝謝.