跑馬灯

跑馬燈的頭條新聞文字內容放在這裡即可。

SlideWidget

Views

測試內容目錄

這篇在測試加入一組可以自動生成文章內容目錄的HTML和CSS程式碼.


第一, 放置位置


建議把內容目錄放在文章的第一段之後.


第二, 選擇合適的heading


可以用h2, h3, h4端看本身主題模板的設定


第三, 格式設定


還想加入背景顏色


第四, 啟動碼


在有需要的文章中才要加入內容目錄

test heading background

test heading 

background

 test

Test

測試加TOC

這是我的第一段文章,內容目錄會加在這一段文章之後



    接下來怎麼把目錄加進去啊?

    我也不知道

    要加入TOC的要設定為標題

    怎麼叫自動加入呢

    內文就一般

    騙人的嗎?

    就成功了,不是騙人的啦
    果然有用耶。
    所以,不用加數字在前面,TOC會自動幫你加。

    結論

    己打好的文章也可以,只要把想要加在TOC的設為標題即可。

    接下來要放的是啓動碼在文章結尾

    測試TOC-部落格賺錢

    用部落格賺錢的方式千奇百萬, 有人可以靠著手寫和幫廣告商代言的功力月入數百萬. 也有人只靠著訪客來訪的流量放廣告賺錢.  對於一個部落格新手, 我只想知道純興趣的部落客怎麼僅靠著流量放廣告賺取微薄的零用金. (目標也僅是一天一杯的咖啡錢罷了, 哈!)



      這篇是針對新手部落客, 目前收集了幾種靠訪客來訪的流量和點擊率賺零用金的方式: BloggerAdsGoogle AdSense, LikeCoin, Buy Me a CoffeeAdF.ly 和幾種做"聯盟行銷"的渠道-靠推薦商品賺取成交回饋金的平台.  之前用WordPress.com的免費平台試著尋找有沒有免費可以放廣告僅靠流量賺錢的方式, 沒找到(可以放聯盟行銷的廣告, 但不能放BloggerAds & Google AdSense). 基本上是要用WordPress.org 下載的WordPress軟體自架網站才有可能裝賺錢的廣告軟體. 不然就是要在WordPress.com上申級付費才能賺取廣告收入.  對於初出茅廬剛踏入50(武林)的我, 這不是目前的最好的選項. 因為我明白以我的流量不知要等到猴年馬月才能把自架網站和升級的本金賺回來. 😓 這張圖片的 alt 屬性值為空,它的檔案名稱為 image-99.png 於是決定捨棄才剛開始的 WordPress.com 的新建格子, 開始尋找更適合的"宿主". 前二天用 Google Blogger 試, 成功的在部落上放了第一個BloggerAds的廣告!!! 才不到一天, 而且在還沒有告訴親朋好友的情況下, 居然已經幫我掙了92毛錢(台幣)了耶.... 這張圖片的 alt 屬性值為空,它的檔案名稱為 image-119.png 這張圖片的 alt 屬性值為空,它的檔案名稱為 image-120.png 這真是太振奮人心了, 雖說, 就算一天能賺到一元, 一年也才365元. 哈! 真的是太感謝有這位高手無私的分享 介紹了 BloggerAds 這個入門輕鬆, 上手容易的賺錢管道. 廣告也不是隨便放放就好, 還有一點小敝步可以幫你把廣告收益變的最大化.

      第一, 當然就是廣告的位置了.

      我試了"橫版", 然後放在最上面. 但發現縱使我選了三個頻道, 但也只出現一個廣告, 而且內文沒有廣告.(真不知這是好還是不好! 以前, 都不想要有廣告, 現在為了錢, 還巴不得到處都是廣告, 哈!)
      這張圖片的 alt 屬性值為空,它的檔案名稱為 image-57.png

      所以, 還是選"直版" + "同步投放內文與橫版廣告至所有文章中"這個選項.
      這張圖片的 alt 屬性值為空,它的檔案名稱為 image-56.png
      二者差別是, 如果你不想在你嘔心瀝血的大作中見到煞風景的廣告, 那麼, 請單選"橫版" 或是"直版"就好. 不要勾選"同步投放內文" 這個選項, 那麼廣告會很乾淨的只出現在你指定放置廣告的位置上. (如左圖) 這張圖片的 alt 屬性值為空,它的檔案名稱為 image-58.png如果, 你和我一樣財迷心竅, 巴不得愈多愈好, 因為覺得曝光率愈高, 帶來的收益應該愈大的話, 那就請選"直版" + "同步投放內文與橫版廣告至所有文章中". 這樣的版面有點亂, 因為你的大作中會突現廣告, 有時有可能會影響到你的版面設計. (但我覺得當廣告跳出來時, 我彷彿看到了$, 聽到了"ka-ching"的聲音😜) <後記>由於自動加入文章內的廣告的確影響到我的圖文搭配的版面, 目前已取消"同步投放內文"的廣告了. 但可以手動放置"內文廣告"在你想要的位置, 請看下面步驟七.

      第二, 廣告的數量. 

      最多也就3則. 我財迷心竅, 當然就是最大化的選了3則. 😅

      第三, 廣告的種類.

      選廣告比較多的種類. 如果選的廣告種類目前並沒有廣告可撥放, 就會放公益廣告或是沒有廣告. 所以儘量挑比較熱門的種類, 才會一直有不同的廣告出現. 不過, 要說廣告的種類, BloggerAds 這一點就真的大輸 Google AdSense 一大截了.

      第四, 可以多放2個位置.😋

      這個有沒有幫助, 老實說, 我就不知道了! 但本著多曝光多收益的概念, 我就... 留著不小心多放的一個BloggerAds 在下方了. 這張圖片的 alt 屬性值為空,它的檔案名稱為 image-59.png 如果你也通過了 Google AdSense 的審核, 當然比起多放2個一模一樣的 BloggerAds 廣告, 多放2個 AdSense dSense 的廣告才是真的有用! AdSense 的廣告格式比較多樣化, 所以可以根據你想放的位置來決定廣告的尺寸. 譬如說, 我在 BloggerAds 的廣告下多加了一則 AdSense 的正方形廣告, 然後又在文章底部加了一則橫幅的 AdSense 的廣告. 最棒的是, 3則 AdSense 的廣告不會儍儍的出現同樣內容, 3則會是3個不同的廣告. 
      這張圖片的 alt 屬性值為空,它的檔案名稱為 image-50.png 這張圖片的 alt 屬性值為空,它的檔案名稱為 image-51.png 這張圖片的 alt 屬性值為空,它的檔案名稱為 image-52.png
      由上面的截圖可以清楚的看到我貪心的放了4則(我以為只放3則, 哈) AdSense 的廣告, 但聰明的 AdSense 會給我4則不同內容的廣告, 而且每次換頁面, 4則內容也會有所變換. 不像 BloggerAds 的, 不管我怎麼貪心的放, 出現的始終是那3種內容. 有點無聊.

      第五, 增加部落格數量.

      看別的高手格子寫同一個帳號可以同時申請10個部落格, 廣告獎金是分開單獨計算但可以合併請款. 不過, 我想, 那是以前的戰國時期吧, 現在天下抵定, 太平盛世, 錢沒那麼好賺了. 看來現在同個帳號只能有3個部落格. (對我也沒差啦, 哪有那個本事同時照顧十個格子啊!) 這張圖片的 alt 屬性值為空,它的檔案名稱為 image-60.png

      第六, 放"推薦商品"的貼紙 

      (這個就有點像聯盟行銷的概念了)
      BloggerAds 除了放廣告靠流量和點擊率賺錢之外, 還提供了"推薦商品"小貼紙. 這個和流量及點擊率無關了, 基本上是要有網友透過你的網頁上的貼紙成功的購買了商品, 你就能獲得成交回饋獎. 
      這張圖片的 alt 屬性值為空,它的檔案名稱為 image-111.png
      這個貼紙可以貼在個別的文章和頁面內, 也可以貼在你的主網頁旁. 如果想放在你主網頁旁, 就用 "+新增小工具 " 選 "HTML/JavaScript" 把廣告的程式碼貼上即可. 如果想放在文章內文中, 只需在文章編輯器按HTML, 然後在你想要出現廣告貼紙的地方貼上廣告程式碼即可. 如下右圖, 我不是每篇文章下都放, 但如果想放, 會加在文章最下方, 貼上廣告程式碼即可. 這張圖片的 alt 屬性值為空,它的檔案名稱為 image-114.png這張圖片的 alt 屬性值為空,它的檔案名稱為 image-113.png

      第七, 手動加入廣告在每篇文章中.

      這張圖片的 alt 屬性值為空,它的檔案名稱為 image-63.png這個是比較麻煩的做法, 就是每篇都要COPY廣告程式碼然後手動貼在你願意讓廣告出現的位置. 當然了, 如上所述, 我估計位置的高低也影响到你的廣告收益. 做法很簡單, 在BloggerAds裡先選好"橫版", 然後COPY廣告程式碼, 回到你想要加入的文章中, 按HTML, 貼上即可. 我是選在文章最下方, 你也可以放在文章最上方, 或是當做你的文章分隔線. 總之, 這樣的做法雖然比較麻煩, 因為你要自己加入, 但至少它出現的位置是由你決定. 
      同樣的, 如果你也申請到了Google AdSense的廣告, 文章中的分隔線你就可以選擇是用AdSense 的或是 BloggerAds 的了. 至於怎麼放AdSense 的在文章中, 基本上和上面放BloggerAds的是大同小異的, 可以參考這篇"設定Google AdSense廣告".


      第八, 用LikeCoin打賞

      利用LikeCoin化讚為賞的方法, 在自己的每一篇文章上都貼上"拍拍手"小標籤, 這是另一個替自己增加零用錢的小撇步!
      先幫我拍5下小手吧!😁

      第九, 用"Buy Me A Coffee"獎勵法

      利用Buy Me A Coffee小貼紙, 這是另一個類似 "LikeCoin" 的一種獎勵創作者和部落客的方式.

      第十, 轉址賺錢法 

      是用傳說中的"轉址賺錢"法-AdF.ly-利用內含廣告的縮網址達到強迫性的廣告點擊率. 網路上流傳著用這個縮網址再轉址的方法可以靠著單純的"姜太公釣魚"式的點擊率賺到比放Google廣告還快幾倍的零用錢. 

      第十一: AdFly自製點擊貼紙 

      這是利用AdFly來自製一個獎勵小貼紙, 如果訪客願意可以點擊獎勵小貼紙, 格主便可因此獲得小量的獎勵金.

      第十二, 加入聯盟行銷

      上述的九種方法都是屬於很被動的方式, 僅僅靠訪客來訪的流量點擊率來賺取微薄的零用金. 也是一種真的"名副其實"的被動收入. 確實是什麼都不用做就能賺到的錢. 但也是除非貴站一天來訪的訪客有超過一萬人, 不然, 靠流量賺的廣告金真的連一天一柸咖啡的錢都賺不到的.
      如果真的想要靠部落格來賺到錢, 那麼請考慮做聯盟行銷. 什麼是聯盟行銷?? 那就是推薦商品的方式來賺取成交佣金. 在這些聯盟行銷平台中, 尋找你用過的或是喜歡的可以來分享你的使用經驗. 並藉由分享賺取分潤回饋金的. 幾個知名大型的聯盟行銷平台有: 
      還沒有聯盟網/通路王的帳號嗎? 請按下面連結圖示申請你的聯盟網 和通路王, 加入時下最流行的affiliate marketing 聯盟行銷開始網賺吧!

      第十三, 買個現成的網站來網賺

      如果覺得無論如何弄一個部落格對你是不可能辦到的事, 但又想要有一個網站來賺錢? 那就是買一個現成的網站囉. Flippa是一個買賣網站的網站. 先免費註冊登入後, 你就可以看到每一個在賣的網站的目前的收益和流量.
      當然, 還有其他的管道, 但目前不是我有本事做到的, 就不在這裡廢話了, 請看下面各個50高手的原文吧.

      <後記>

      2019-06-28 星期四
      來更新一下放 BloggerAds 的收益進度. 果真如某位50高手分析的一樣, BloggerAds 對於新入江湖的50人士很友善的採取鼓勵的模式. 頭一天真的給的很大方, 讓你不會想要急流湧退, 只想勇往直前的衝!衝!!衝!!!
      這張圖片的 alt 屬性值為空,它的檔案名稱為 image-100.png
      所以, 從上面的圖表可以清楚的看到, 第一天那麼少的曝光次數BloggerAds 就賞了我92 毛錢. 第二天更是振奮人心的沖到了2元多. 但從第三天起, 就驟降到只 38 毛, 縱使曝光次數是第一天的4.5倍. 
      然後, 在什麼也沒改變(沒有去變換廣告的種類和位置)的情況下, "要求次數"和"曝光次數"都比第3, 4天少, 但第五天的收益郤居然是第3, 4 天的5倍?? 嗯..... 很耐人尋味.......
      <後記>
      一邁入七月, BloggerAds 的收益就變的相當令人失望, 甚至還連著2天是 0...... 還好此時 Google AdSense 馬上接手, 幫忙衝了不少業績. 詳情請看 Google AdSense vs BloggerAds 篇.
      這張圖片的 alt 屬性值為空,它的檔案名稱為 image-42.png (這裡附上3天Google AdSense的收益報表, 比BloggerAds的詳細許多, 也大方許多!)
      如果覺得這篇有用, 請我喝杯咖啡吧!如果覺得這篇有用, 請我喝杯咖啡吧!  或是試一下我自製的AdFly點擊貼紙?
       3Q

      buy me a coffee

      測試buy me a coffee widget code

      test word table remove the width

      測試
      移除固定寛度
      所以會根據實際寛度
      來調度
      這格的框線被誤刪了.


      測試
      換行會不會
      可以, 不錯







      測試
      可以自動加入下一行
      還是不行
      一下
      不行的

      測試
      可以自動加入下一行
      還是不行
      一下
      不行的

      test word table

      dont include the html, only copy from the table code




      成功了




      要不要內線呢




      己經有顏色可能不用加內線了





      2nd one with the lines inside the table




      爻大















      test word table

      2nd one

      測試表格內線


      欄位 1 欄位2 欄位3欄位4
      欄位 1 欄位2 欄位3欄位4
      欄位 1 欄位2 欄位3欄位4
      欄位 1 欄位2 欄位3欄位4
      欄位 1 欄位2 欄位3欄位4

      測試通路王輪播廣告並放

      使用table的功能讓通路王輪播廣告廣告並放

      廣告碼:

      https://www.wibibi.com/info.php?tid=116
      https://www.techmarks.com/html-table-generator/

      旅遊類

      訂機票:


      租車:
       Europcar是全球汽車租賃領域的領導者. 無論您是在尋找適合商務或休閒旅行的家用轎車還是高級轎車, 或是工作用的麵包車或卡車, Europcar 都能滿足您的需求.  作為全球汽車租賃領域的領導者, Europcar 在歐洲,非洲,中東,拉丁美洲和亞太地區的約150個國家擁有超過3,300個汽車租賃點。 無論您在何處Europcar都能為您提供合適的汽車租賃服務。

      艾維士租車提供您專業優質的租車服務,全省直營門市提供多樣新穎的各式車款,5人座小型車、9人座廂型車輛應有盡有,價格優惠、物超所值,滿足您因商務或旅遊租車之需求. 租車手續十分簡便,可以甲地租車、乙地還車,出租車款涵蓋各大品牌車系,不侷限某種品牌車型,目前最新潮車輛是Tesla Model S,詳情請參考官方網站。
       

      訂房:
      Agoda 是全球成長最快速的機票訂位和旅館預訂的網路訂房平台之一,獲獎無數的 Agoda.com 能帶給您快速、簡便的線上訂房體驗,採用世界級先進科技讓數以萬計的飯店合作夥伴能立即回覆訂房確認。除了提供廣泛且多樣的住宿與房型選擇,Agoda.com 的每一份住宿評鑑都是百分之百真實可靠。Agoda 全天候24小時以多國語言提供最快速即時的客服支援。

      Airbnb是AirBed and Breakfast ("Air-b-n-b")的縮寫.  如果想體驗和旅館飯店不一樣的感覺, 那麼Airbnb將會是您最好的選擇. 不管是公寓、別墅、城堡還是樹屋, 您都能在 Airbnb 上找到. Airbnb 擁有全球450萬+房源,房東全都是經實名認證過的,24小時中文客服,放心入住!想找乾淨安全的性價比住宿、適合家庭出遊的公寓別墅嗎? 或是想要享受海景房、花園、樹屋、城堡等特色住宿,Airbnb 都不會讓您失望!

      旅行社:

      雄獅旅遊在全球共有91個服務據點,舉凡機票、飯店、票券、daytour、團體行程、客製化旅遊包裝、郵輪、各式主題性旅遊, 雄獅旅遊都可以為您做貼心的在地服務。

      除了套餐式還有個人自由行,您可自由挑選航空公司、以及航班時間、還有住宿飯店(包括房型、與住宿方案),在雄獅網即可確認是否有位(機票)有房(飯店),即訂即付完成訂單。自主你的旅遊行程,就在雄獅個人自由行。


      東南旅行社據點遍及中國、日本和美國,無論是國內外豐富行程,或商務旅遊、渡假會議、員工旅遊、公司行號獎勵旅遊等,都能為客戶量身規劃最佳旅程,



      通路王自行挑選廣告素材

      通路王自行挑選廣告素材
      挑了三家廠商的不同商品
      唯一的問題是, 很少的廠商有商品可以在這裡挑選到
      這張圖片的 alt 屬性值為空,它的檔案名稱為 image-147.png

      通路王-輪播-自行挑選廠商

      測試通路王-輪播工具-自行挑選廠商 
      金石堂 
      尺寸: w500 h500 這張圖片的 alt 屬性值為空,它的檔案名稱為 image-145.png

      通路王- JavaScript 語法

      測試通路王- JavaScript語法的廣告型式

      通路王 - 推廣連結, 就會只是 http

      https://ibanana.biz/2ZGvS?uid1=365KingStone

      通路王-HTML語法

      測試通路王的HTML 語法出現的廣告型式

      測試amazon廣告連結

      MacBook Air 13 Case, NexCase [Heavy Duty] [Dual Layer] Hard Case Cover with TPU Bumper for Apple MacBook Air 13 Inch (Compatible with A1466 / A1369) (Blue)

      測試手動調整單篇文章內的某段落行間距

      如果今天你只想調整某一篇文章裡的
      某一個段落時怎麼弄呢? 
      也很簡單, 只要加入下面這一段在你文章的HTML裡即可.
      <div style="line-height: 0;">
      想要改變的段落 
       只想改變行與行之間的距離 
       不想要有空白 
       所以把距離調整為零.
      </div>

      請在這裡看範例. 在div之外的文字將會保持原來的行距

      測試eBay方形SP廣告

      電腦外穀

      測試eBay Smart Placements輪播廣告

      貼入 Insert Tag Code here

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

      測驗通路王活動輪播

      JAVA SCRIPT 廣告碼:

      測試 - amazon rubiks cube

      好多東西想要試, 
      郤好少時間可以試

      rubiks cube/魔術方塊