tag:blogger.com,1999:blog-78065128770827785742024-03-18T20:47:46.036+11:00天馬行空- 365個平凡無奇日子裡的無限可能Unknownnoreply@blogger.comBlogger175125tag:blogger.com,1999:blog-7806512877082778574.post-80880563957027637792024-02-12T13:30:00.004+11:002024-02-12T13:43:42.989+11:00免費英文線上口語聽力練習法<p>人在台灣沒有機會和老外練習英文口語對話? 別煩惱, 如果不想花錢找一對一的英文口語對話練習伙伴, 看這篇就對了. 只要一台可上網的電腦, 就可以免費和 AI 進行口語英文聽與說的對語練習囉!</p><p>首先, 先登入<a href="https://chat.openai.com/" target="_blank">ChatGPT</a>, 然後到 Chrome Web Store 搜尋並安裝 Voice Control for ChatGPT</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhveDX4cUfRiGt5OD65b10k5JcKI7cB8hx0aWAzX_cs8-drO2v2LtyNLljanmEg5dgvQTJ6hV69sMgXn555cNLrckvZBspWNof43pTkvPf6M3UsWn25px-QInw-ADxUL7QXepm8kb3Yv9JoBKmYp01UmMTtskYBkY_8xdeeCsoASGnXPSpFokWuMJ3Y4QG9/s1187/Capture.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="417" data-original-width="1187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhveDX4cUfRiGt5OD65b10k5JcKI7cB8hx0aWAzX_cs8-drO2v2LtyNLljanmEg5dgvQTJ6hV69sMgXn555cNLrckvZBspWNof43pTkvPf6M3UsWn25px-QInw-ADxUL7QXepm8kb3Yv9JoBKmYp01UmMTtskYBkY_8xdeeCsoASGnXPSpFokWuMJ3Y4QG9/s16000/Capture.PNG" /></a></div><br /><p>安裝成功後, 你的 ChatGPT 下會有一個麥克風的按鈕, 按下麥克風, 你便可以用英文來跟ChatGPT對話. 至於口音, 你可以選英國腔或是美國腔.</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDTYI3UQt8bbWsLBteXwPCiyhK2bKqQoTtG4H2jmm0wLReakSkP_QF0y8436X6QMloXOxSa_Tl-YSZQK8bAyBrF4KABBY8Irlxiq3oUFjEGVFdJD6MUnOz1mkE6SvSkg3NVKLUCk8opWurZk0-dsvfOBRepel8mnXjJMnxwaRGvR3IHmHcZwyR3khVN3oS/s1122/Capture.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="192" data-original-width="1122" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDTYI3UQt8bbWsLBteXwPCiyhK2bKqQoTtG4H2jmm0wLReakSkP_QF0y8436X6QMloXOxSa_Tl-YSZQK8bAyBrF4KABBY8Irlxiq3oUFjEGVFdJD6MUnOz1mkE6SvSkg3NVKLUCk8opWurZk0-dsvfOBRepel8mnXjJMnxwaRGvR3IHmHcZwyR3khVN3oS/s16000/Capture.PNG" /></a></div><br /><p>在選擇語言旁有三個點, 按下去可以調整語速, 預設值是1.0, 可依各人喜好做調整, 但不建議調低於1.0, 因為太慢便失去了真實性. 現實生活中比較少有人語速會低於1.0.</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJpjAWX6STGUpa07knYijF_4pxma-_oyWeyTgAQpJMIYe55cEszIbsXtHmaoDZPwKH8rEvky0kvyDvNGfm8RxigwaI9hKGvSPyXOzKO0ddPnP3aE7XJDg69q88uNqQCXrAxQ_qxtTm8zpvnse9Hyh0EwzJsICYZMqU5f5wUj7AdtlKRBJXrE-sk4SKrADG/s1127/Capture.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="716" data-original-width="1127" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJpjAWX6STGUpa07knYijF_4pxma-_oyWeyTgAQpJMIYe55cEszIbsXtHmaoDZPwKH8rEvky0kvyDvNGfm8RxigwaI9hKGvSPyXOzKO0ddPnP3aE7XJDg69q88uNqQCXrAxQ_qxtTm8zpvnse9Hyh0EwzJsICYZMqU5f5wUj7AdtlKRBJXrE-sk4SKrADG/s16000/Capture.PNG" /></a></div><br /><p>以上設定好之後, 你就可以開始和 AI 進行口語英文對話練習了. 由於ChatGPT有時候會說一堆很冗長的句子, 所以建議在一開始先下達第一串指令, 讓ChatGPT知道所有的對話要口語化且簡潔, 才比較符合現實生活中的口語對話的實境.</p><p>所以你按下藍色麥克風後的第一句話可以是: </p><p>Let's have a chat, with responses under 40 words, using everyday spoken English.</p><p>那麼, 接下來ChatGPT給你的回覆都將簡潔有力, 因為現實生活中, 在一般對話裡, 也沒有人會一口氣說超過4-50個字.</p><p>在和AI對話15分鐘後, 可以要求ChatGPT從之前的對話中幫你把用過的片語和俚語做一個簡單的整理:</p><p>Based on our conversation above, please list the phrases and slang we've used.<br /><br /></p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7806512877082778574.post-25202925220056811292023-07-06T11:47:00.004+10:002023-07-06T11:55:15.222+10:00與魔鬼交換靈魂的帕格尼尼<p> 尼可羅·帕格尼尼(Niccolò Paganini)是19世紀初意大利最著名的小提琴家和作曲家之一,也是音樂史上最偉大的技巧小提琴家之一。他於1782年10月27日出生於意大利的熱那亞。帕格尼尼在音樂天賦上非常出眾,並在很小的時候就展現出非凡的音樂才華。</p><p>帕格尼尼的父親起初是一位成功的商人,但他意識到兒子的音樂才華後,便決定將帕格尼尼培養成一位音樂家。帕格尼尼在年幼時接受了優秀的音樂教育,並很快就展現出對小提琴的非凡技巧。他在青少年時期已經開始在意大利各地演奏音樂,並贏得了廣泛的聲譽。</p><p>帕格尼尼的音樂風格獨特而富有表現力。他的演奏技巧非常精湛,以他的速度、敏捷度和精確度聞名。他創造了許多難度極高的小提琴獨奏曲,其中包括《魔鬼的小提琴奏鳴曲》等作品。這些作品充滿了高音技巧、複雜的琶音和難以置信的弓技,被視為小提琴技巧的巔峰之作。</p><p>帕格尼尼的音樂對後世的影響力深遠。他的演奏風格和創作方法為後來的小提琴家和作曲家們開辟了新的道路。他的音樂探索了小提琴的極限,使得這個樂器在技巧和表現力方面有了更大的發展空間。許多後來的小提琴家受到帕格尼尼的啟發,並努力模仿他的演奏風格和技巧。</p><p>此外,帕格尼尼的作品也對音樂界產生了深遠的影響。他的作品豐富多樣,包括協奏曲、奏鳴曲、變奏曲等,都展示了他的創作才華和對音樂表現的獨特見解。他的作品深受樂迷喜愛,成為了許多小提琴家和樂團常演奏的經典曲目。</p><p>帕格尼尼的影響力延伸至整個音樂界。他的音樂不僅影響了小提琴演奏和創作的技巧,也對其他樂器和音樂類型產生了影響。他的作品被廣泛引用和改編,並成為許多音樂家的靈感來源。帕格尼尼的音樂對後世的音樂創作和演奏風格產生了深遠的影響,被視為音樂史上的重要里程碑之一。<br /><br /></p><p>帕格尼尼的音樂風格獨特而多樣,融合了古典音樂、浪漫主義和民間音樂的元素。他以其充滿激情和表現力的演奏風格而聞名,經常以高度技巧的速度和敏捷度展示他的音樂才華。</p><p>他的音樂作品充滿了豐富的旋律和複雜的和聲結構。他善於運用各種弓法、弦震音、琶音和快速的音階來創造出獨特的音樂效果。他的作品通常具有戲劇性和情感豐富的特點,表達了愉悅、悲傷、痛苦和激情等各種情感。</p><p>帕格尼尼的作品還展示了他對變奏曲和主題變奏的獨特掌握。他常常將熟悉的旋律或主題進行變奏,運用不同的技巧和風格將其重新詮釋,創造出豐富多樣的音樂變化。</p><p>此外,帕格尼尼的音樂中還融入了當地意大利民間音樂的特色。他將民間音樂元素與古典音樂結合,創造出獨特的聲響和節奏。他的音樂中經常出現類似於義大利傳統舞曲的節奏和旋律片段,賦予他的作品更加豐富的民族特色。</p><p>總之,帕格尼尼的音樂風格展現了他作為一位小提琴家和作曲家的多樣才華。他獨特的演奏技巧、激情四溢的音樂表達和對民間音樂的靈感融合,使他的音樂成為經典且不朽的作品,並在後世音樂史上留下了深遠的影響。</p><p>尼可羅·帕格尼尼是一位音樂天才,他的生平和音樂成就不僅為他贏得了廣泛的讚譽,也使他成為世界音樂史上不可或缺的重要人物。他的技巧和創作在當時引起了轟動,並且至今仍然被尊重和讚美。他的音樂遺產將繼續啟發和感動人們,成為音樂界永恆的瑰寶。<br /><br /></p><p>以下是帕格尼尼最著名的十首曲目,以及每首曲目的風格和技巧:</p><p>1.「魔鬼的小提琴奏鳴曲」(Caprice No. 24):這是帕格尼尼最著名的作品之一,被認為是小提琴技巧的巔峰之作。它以其充滿速度、敏捷度和弓技的難度要求而聞名,展示了帕格尼尼的技巧和表現力。</p><p>2.「第1號小提琴協奏曲」(Violin Concerto No. 1 in D major):這首協奏曲展現了帕格尼尼浪漫主義風格的精髓。它結合了華麗的旋律、技巧性的挑戰和戲劇性的情感,以豐富的音樂變化為特色。</p><p>3.「第5號小提琴協奏曲」(Violin Concerto No. 5 in A minor):這首協奏曲充滿了激情和戲劇性。它要求小提琴家具備高超的技巧和表現力,並展現出帕格尼尼的速度和敏捷度。</p><p>4.「第24號主題變奏曲」(Variations on a Theme of Paganini):這是帕格尼尼的主題變奏作品之一,以其豐富的音樂變化和技術性的挑戰而聞名。這首作品展示了他對主題的多樣詮釋,包括琶音、雙音、迴旋、快速的音階和弓技等。</p><p>5.「第6號協奏曲《曙光》」(Violin Concerto No. 6 "La Campanella"):這首協奏曲以其活力和技巧要求而聞名,被稱為「鐘聲」。它結合了帕格尼尼的速度和敏捷度,以及具有迷人旋律的技巧性音樂。</p><p>6.「第2號小提琴協奏曲」(Violin Concerto No. 2 in B minor):這首協奏曲充滿了情感和技巧的挑戰。它展示了帕格尼尼的豐富旋律和複雜的技巧要求,包括難度極高的音階和琶音。</p><p>7.「卡普里奇奧索」(Capriccio No. 1):這是一首技巧性十分高超的小品,以其快速的音階、琶音和弓技展示了帕格尼尼的獨特技巧和表現力。</p><p>8.「莎勒羅斯特拉」(Salut d'Amour):這首作品展現了帕格尼尼溫暖和浪漫的一面。它具有優美的旋律和流暢的音樂流派,表達了對愛情的祝福和敬意。</p><p>9.「為愛情獻歌」(Cantabile in D major):這首作品充滿了甜蜜和悅耳的旋律,以其溫情和詩意而受到喜愛。它要求小提琴家運用柔和的弓法和緩慢的節奏,展現出帕格尼尼對音樂的深情表達。</p><p>10.「卡普里奇奧索」(Capriccio No. 24):除了上述提到的魔鬼的小提琴奏鳴曲,帕格尼尼的卡普里奇奧索系列作品中的第24號也非常著名。它以其豐富的技巧要求和多變的音樂變化而聞名,包括迅速的音階、琶音和弓技。</p><p>這些作品展示了帕格尼尼作為作曲家和小提琴家的多樣才華。他的音樂風格融合了浪漫主義的情感、豐富的旋律、技巧性的挑戰和戲劇性的表現,成為音樂史上不可或缺的經典之作。</p><p>帕格尼尼於1840年在法國尼斯逝世,享年57歲。他的離世原因是由於肺病的併發症,導致他的健康狀況急劇惡化。帕格尼尼在晚年時期受到多種健康問題的困擾,包括呼吸困難和慢性疼痛,這些問題逐漸影響了他的演奏事業。</p><p>至於他被冠上「與魔鬼交換靈魂」的封號,這主要是來自於對他音樂天賦和技巧的非凡表現的傳說和傳說。帕格尼尼的技巧和演奏風格達到了當時人們難以置信的程度,他的技巧被視為超越凡人的能力。這些非凡的才華使得一些傳說和謠言開始流傳,認為他和魔鬼有所交換,從而獲得了超自然的技巧和才華。</p><p>然而,這些傳說實際上只是對他音樂才華的誇大和浪漫化。帕格尼尼的卓越技巧和表演力源於他的天賦、努力和堅持不懈的訓練,以及他對音樂的無盡熱愛。他的音樂才華和卓越技巧為他贏得了廣泛的讚譽和傳奇的地位,並成為音樂史上的重要人物。</p><p>總的來說,帕格尼尼被稱為「與魔鬼交換靈魂」的封號主要源自於對他非凡技巧的神話和傳說,而他的離世則是因為肺病併發症的影響,並結束了他卓越的音樂事業。</p><p><br /></p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7806512877082778574.post-53586140395352620232021-11-06T11:26:00.003+11:002021-11-06T11:29:13.089+11:00如何調整 Wordpress 文章行間距?<p>Wordpress 本身的預設字體是16px, 如果覺得字體略小, 可以輕易的在建立文章時, 自訂文字尺寸為20px.</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiaWFhgudrXDt-8pn-YF0F6oOCDXZrrqdFV8iB6Sv8zJ00ny24Rkq3QjJvPy1EfxGbT8ebW3eDnpes58uTNcOkgUaFnlWPsVIz2MpUhrF4WiC5uumBuPLKrmbwrTXyAQbE2ABBQ6mT0lDlxc0vMhVf1nyyyiRGcQyXE9wc3RMVWmUFMm_cNWnm893Q2Zw=s507" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="507" data-original-width="361" height="640" src="https://blogger.googleusercontent.com/img/a/AVvXsEiaWFhgudrXDt-8pn-YF0F6oOCDXZrrqdFV8iB6Sv8zJ00ny24Rkq3QjJvPy1EfxGbT8ebW3eDnpes58uTNcOkgUaFnlWPsVIz2MpUhrF4WiC5uumBuPLKrmbwrTXyAQbE2ABBQ6mT0lDlxc0vMhVf1nyyyiRGcQyXE9wc3RMVWmUFMm_cNWnm893Q2Zw=w456-h640" width="456" /></a></div>然而, 當你把字體尺寸放大時, 此時預設的行間距便略嫌太緊了. 所以, 為了讓讀者閱讀起來沒有太大的壓迫感, 適時的調整行與行之間的距離是有必要的.<br /><p>要調整 Wordpress 的行間距也不是太難....</p><p>第一步, 按下右上角的三個點, 然後選擇[<b>程式碼編輯器</b>]</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgGS8uXUVg1eVwVcHBchxzFCVGTOM2UaGQi3PIvo2Y3lEtnfRXZz2jY5AIX6twVHtMOdWNdsYSLxsR0_QPlUN0Vai4K2b7bzEztzjU5Tl_QXvKS6c5TRU4f4PMlHS6Q0SQBmOJleCGdmfe1CWaXsVDq2fav0NzXtYVNWdR6EC-jhJ7vUjg62bMFMvxEbA=s514" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="514" data-original-width="366" height="640" src="https://blogger.googleusercontent.com/img/a/AVvXsEgGS8uXUVg1eVwVcHBchxzFCVGTOM2UaGQi3PIvo2Y3lEtnfRXZz2jY5AIX6twVHtMOdWNdsYSLxsR0_QPlUN0Vai4K2b7bzEztzjU5Tl_QXvKS6c5TRU4f4PMlHS6Q0SQBmOJleCGdmfe1CWaXsVDq2fav0NzXtYVNWdR6EC-jhJ7vUjg62bMFMvxEbA=w456-h640" width="456" /></a></div><p>第二步, 在第一行 <b><!--wp:paraphraph</b> 和第二行 <b><p style=</b> 之間, 加入下面這一行:<br /><span style="background-color: #fff2cc;"><div style="line-height: 1.7; letter-spacing: 2px;"></span> 如下圖:</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEj5YvKl5_zHo34orOlOwlEpkqJeyOzaGt7Tv32qU3ozVdNcAuynQdoWnfXCE_wpFfCJRQ_C5id43S8JY3OnaihkB5qttufKC48o591BWC2uk3DfK5vjibC9NNKVPmkrWU8Ezu8iXBZECoyVdlKE2Jk5506ZpssYfnUMhSmOrosDBVvJJD-FyKsXki3bcQ=s1068" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="430" data-original-width="1068" height="258" src="https://blogger.googleusercontent.com/img/a/AVvXsEj5YvKl5_zHo34orOlOwlEpkqJeyOzaGt7Tv32qU3ozVdNcAuynQdoWnfXCE_wpFfCJRQ_C5id43S8JY3OnaihkB5qttufKC48o591BWC2uk3DfK5vjibC9NNKVPmkrWU8Ezu8iXBZECoyVdlKE2Jk5506ZpssYfnUMhSmOrosDBVvJJD-FyKsXki3bcQ=w640-h258" width="640" /></a></div>然後按下[<b>發佈</b>]或[<b>更新</b>]鍵即可<br /><p>font-size: 是字體的大小, 可以用%, 也可以直接設定大小, ex: 16px<br />line-height: 是行距<br />letter-spacing: 是字和字的間距</p><p>當然, 如果想改字體顏色的話, 還可以加進去下面這一項:</p><p>color:#a04000</p><p>這裡附上<a href="https://htmlcolorcodes.com/" rel="nofollow" target="_blank">顏色代碼表</a>.</p><p>簡單吧!</p><div><br /></div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-7806512877082778574.post-31007096548350009842021-09-03T15:16:00.002+10:002021-09-04T15:07:24.191+10:00在免費的Wordpress.com裡加入一個文章目錄索引<p>
在<a href="https://www.365ordinarydays.xyz/2020/07/wordpress-toc.html" target="_blank">Wordpress裡加入目錄索引</a>是一件簡單又快速的事, 只要<a href="https://www.365ordinarydays.xyz/2020/07/wordpress-toc.html" target="_blank">下載一個外掛</a>, 一切都自動完成, 但是, 如果使用的是免費的Wordpress.com, 那麼,
就無法加裝一個外掛, 那麼, 如果想在落落長的一篇文章中, 也加上目錄索引,
又該如何做呢?
</p>
<div class="mbtTOC">
<button onclick="mbtToggle()">目錄索引</button>
<ol id="mbtTOC"></ol>
</div>
<p>
其實, 這就和在Blogger中<a href="https://www.365ordinarydays.xyz/2020/07/anchor.html" target="_blank">手動加入錨點</a>是一樣的概念, 只需要按照下面的步驟設定文章標題,
便也可以在免費的Wordpress.com文章中出現目錄索引囉.
</p>
<h4 style="text-align: left;">
<span style="font-size: x-large;">什麼是目錄索引?</span>
</h4>
<p>
首先, 要先了解目錄索引是什麼, 才知道如何設定. 基本上,
目錄索引是出現在文章第一個段落後的一個"<b>標題連結</b>".
裡面是以文章裡的大標題做為索引, 訪客可以依需要, 點擊想看的標題內容,
經由"<b>錨點</b>"的設定, 訪客點擊後, 會直接將訪客帶到想要看的文章段落.
</p>
<p>
在文章裡加入目錄索引不僅有助於訪客在短時間內尋找到需要的內容,
同時因為可以降低跳出率, 增長訪客網站停留時間, 所以也有助於 SEO .
</p>
<h4 style="text-align: left;">
<span style="font-size: x-large;">設定錨點</span>
</h4>
<p>
由於免費的Wordpress.com 不讓使用者添加外掛, 於是, 想要在文章裡加入目錄索引,
便要手動的為每一個標題/索引添加"<b>錨點</b>". 依照下面4個步驟設定錨點:
</p>
<p>
1) 首先, 選取要被索引的句子<br />2)
在右邊的[<b>區塊</b>]下找到[<b>進階設定</b>],
點開[<b>進階設定</b>]後在[<b>HTML錨點</b>]空白處輸入錨點名
</p>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQZl0l3AwWnobSiuHT47i6AU09YWUzc9DHsTVYffmOQ_h_CjC81CVdJoGJt1OK-l7jdJ066RAIH03adkukmMyL7W83O_Cj1RqyEcpRBmNcSJKLJel5uvXpg5lkBqt00PKMX9ZyWSWPYS44/s1103/kfHTB1bkCtLVXXXXafXpXXq6xXFXXXz224524027HTB1bkCtLVXXXXafXpXXq6xXFXXXz.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="580" data-original-width="1103" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQZl0l3AwWnobSiuHT47i6AU09YWUzc9DHsTVYffmOQ_h_CjC81CVdJoGJt1OK-l7jdJ066RAIH03adkukmMyL7W83O_Cj1RqyEcpRBmNcSJKLJel5uvXpg5lkBqt00PKMX9ZyWSWPYS44/s16000/kfHTB1bkCtLVXXXXafXpXXq6xXFXXXz224524027HTB1bkCtLVXXXXafXpXXq6xXFXXXz.jpg" /></a>
</div>
以上圖為例, 我用"<b style="background-color: #d9ead3;">point1</b>"為錨點名.
也就是說, 這個索引/標題它有了屬於它自己的網址
<b style="background-color: #d9ead3;">#point1</b>
<div>https://網站.com/文章網址/#point1</div>
<div><br /></div>
<div>在設定好錨點名稱後, 接下來, 就是要把錨點名加到這個標題上.</div>
<div>3) 選取標題→按下[<b>連結/Ctrl +K</b>] 符號</div>
<div>
4) 在空白處輸入<b style="background-color: #fcff01;"> #</b>符號,
加上之前設定的錨點名. 以上圖例子, 這裡輸入的是
<b style="background-color: #d9ead3;">#point1</b><br /><br />
<h4 style="text-align: left;">
<span style="font-size: x-large;">文章目錄索引</span>
</h4>
</div>
<div><br /></div>
<div>
在把所有的標題設定好之後, 便是在想要出現目錄索引的地方加上連結了.
做法如下:
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgd02liHT21j6hNOh0eDIpdE-Mgu2-1f3pjYT7DexjCN0pSHsUNHUxqQKFSXivoEXyeRQBWKXxnclo1EzijSdgiRRSZ2L7-o6Ncofe1t6kF8ceQ4CVjKCOMgvg6p74Swbj3v30NbNcNbLb/s1000/kfHTB1cHqeLVXXXXckXVXXq6xXFXXXe224524027HTB1cHqeLVXXXXckXVXXq6xXFXXXe.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="586" data-original-width="1000" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgd02liHT21j6hNOh0eDIpdE-Mgu2-1f3pjYT7DexjCN0pSHsUNHUxqQKFSXivoEXyeRQBWKXxnclo1EzijSdgiRRSZ2L7-o6Ncofe1t6kF8ceQ4CVjKCOMgvg6p74Swbj3v30NbNcNbLb/s16000/kfHTB1cHqeLVXXXXckXVXXq6xXFXXXe224524027HTB1cHqeLVXXXXckXVXXq6xXFXXXe.jpg" /></a>
</div>
1) 按下<b style="background-color: #d9ead3;"> + </b>號[<b>新增區塊</b>]
<div>2) 選取[<b>清單</b>]</div>
<div>3) 依個人喜好, 可選擇[<b>排序</b>]或是[<b>不排序</b>]清單</div>
<div>4) 輸入標題/索引名稱</div>
<div>5) 選取在上步驟4的標題/索引名稱後, 按下[<b>連結/Ctrl+K</b>]鍵</div>
<div>
6) 最後, 把在設定錨點時設定好的網址貼入空白處, 例如:
https://網站.com/文章網址.html/#point1
</div>
<div>7) 按下[傳送/submit]鍵即可.</div>
<div><br /></div>
<div>
由於這是在做文章內的目錄索引, 所以, 不需要開啓[<b>在新分頁中開啓</b>]鍵.
</div>
<!--PropellerAds獎勵按鈕up&down&臉書粉專-->
<div class="fb-page" data-adapt-container-width="true" data-height="" data-hide-cover="false" data-href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" data-show-facepile="true" data-small-header="false" data-tabs="event" data-width="" style="clear: both; text-align: right;"><blockquote cite="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728">天馬行空 - 365個平凡無奇日子裡的無限可能</a></blockquote></div>
<script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="喜歡" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURQJ8W9GUubtSp12NpJjuIOSMao4ALHqJZAMn-cCC4nkFhMbTGGIn1n7gICLcyR75kXJwEdHiD1w1b8qGMnWZOgv-UBK2VYOzatPJrFoF3SUUeaYv9oyE8Rp6hPuID3lb-4gf8Dy9GBM/s252/Capture1.JPG" width="150" /></a><script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>或者
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="不喜歡" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBVcCX90fMUNn_-EWgWTQoDrS2iBIUNcXhyphenhyphenxD6AmLCEzR1mdZ03vViKYRkGAkU3yXMiLw5VkcHfk3sEAaWoMihJB9_0rq0HtYZQRlzKcOJqN0e7hsArnqthELJ3PnQdixkk5FEOMIiDEc/s247/Capture1.JPG" width="120" /></a>
<!--PropellerAds獎勵按鈕結束--><style>.bmc-button img{width: 35px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{padding: 7px 5px 7px 10px !important;line-height: 35px !important;height:51px !important;min-width:217px !important;text-decoration: none !important;display:inline-flex !important;color:#FFFFFF !important;background-color:#FF813F !important;border-radius: 5px !important;border: 1px solid transparent !important;padding: 7px 5px 7px 10px !important;font-size: 20px !important;letter-spacing:0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Arial', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#FFFFFF !important;}</style><link href="https://fonts.googleapis.com/css?family=Arial" rel="stylesheet"></link><a class="bmc-button" href="https://www.buymeacoffee.com/365ordinarydays" target="_blank"><img alt="如果覺得這篇有用, 那就請我喝杯咖啡吧!" src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" /><span style="margin-left: 15px;">請我喝杯咖啡吧!</span></a>
<!--PropellerAds獎勵按鈕和Buy me a coffee-->
<!--目錄索引啓動程式碼-->
<script>mbtTOC();</script>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7806512877082778574.post-45022870661275084342021-08-19T16:59:00.003+10:002021-08-19T17:07:14.448+10:00用 Blogger 架設一個零成本的網路商店(四) 利用 asify 輕鬆取後商品資訊<p>Asify 是一個免費的 Chrome extension, 只要使用 Chrome 瀏覽器的用戶都可以免費自由地安裝到自己的 Chrome 瀏覽器上. 它是一個類似 Oberlo 的應用程序, 幫助 Dropshipping 的店家輕鬆地裝Aliexpress裡的商品快速導入自己的網路商店中.</p><p>而不同於 Oberlo 的是, Oberlo 是一個專為 Shopify 設計的小工具, 而 Asify 則是任何平台架設的網店, 只要是使用 Chrome 瀏覽器, 都可以免費安裝的小工具.</p><p>本篇就來簡單地示範如何安裝 Asify 和如何利用 Asify 在Aliexpress上挑選商品並導入自架的網路商店中.</p><p>首先, 在Google搜尋列中輸入asify</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMrgO2mrmsCF-0-nD0bez9WWMEb_IFBa9FGJYwuHHKX67gGWe7YlBUJFcZ0Lu_xVNXXclziG5IEUCpMN9yHCg-JuxzyFxQsGigN-SpbPAEMzUefbDy97sPpAt4etaMHS6l81c9HPB2IfPE/s840/kfHTB1Ay1nLVXXXXatXFXXq6xXFXXXlKitchen-Scissors-5-Multilayers-Stainless-Steel-for-Cutting-Green-Onion-Sushi-Shredded-Scallion-Cut-Herb-Cooking.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="311" data-original-width="840" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMrgO2mrmsCF-0-nD0bez9WWMEb_IFBa9FGJYwuHHKX67gGWe7YlBUJFcZ0Lu_xVNXXclziG5IEUCpMN9yHCg-JuxzyFxQsGigN-SpbPAEMzUefbDy97sPpAt4etaMHS6l81c9HPB2IfPE/s16000/kfHTB1Ay1nLVXXXXatXFXXq6xXFXXXlKitchen-Scissors-5-Multilayers-Stainless-Steel-for-Cutting-Green-Onion-Sushi-Shredded-Scallion-Cut-Herb-Cooking.jpg" /></a></div>然後按下[<b>加到 Chrome</b>]鍵, 依序如下圖把Asify安裝到 Chrome 瀏覽器上.<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1BhZo-90mE_ZA920jN18eEiVIIBBLfPzm2ruxJe5cXhoq7Y1mfgxUyNp35Hx7i06LzjmLHcx7qm8qlJQMQza-wm0S9xJtmfRtCX497gDu2NyK1Q128rJb4RFp8ToSICvTPsmY4bNlBdJg/s1099/kfHTB1Ay1nLVXXXXatXFXXq6xXFXXXlKitchen-Scissors-5-Multilayers-Stainless-Steel-for-Cutting-Green-Onion-Sushi-Shredded-Scallion-Cut-Herb-Cooking.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="595" data-original-width="1099" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1BhZo-90mE_ZA920jN18eEiVIIBBLfPzm2ruxJe5cXhoq7Y1mfgxUyNp35Hx7i06LzjmLHcx7qm8qlJQMQza-wm0S9xJtmfRtCX497gDu2NyK1Q128rJb4RFp8ToSICvTPsmY4bNlBdJg/s16000/kfHTB1Ay1nLVXXXXatXFXXq6xXFXXXlKitchen-Scissors-5-Multilayers-Stainless-Steel-for-Cutting-Green-Onion-Sushi-Shredded-Scallion-Cut-Herb-Cooking.jpg" /></a></div>一切準備就緒後, 就可以到 Aliexpress 使用 Asify 下載商品資訊了. (要使用Asify時, 記得點選Asify)<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYaNs_30iNHPQ8IzSoLFOXAfZ6HNzmFPbZ4DzRSYusSzCI0yJufrDaq-LUZAFRQQWLUijnubefBLKg8yBI1AhYP7qvM8bBquQFDo_Lw4J9U_VEWH5DQ-gds1pXykK3O9Z-Zjt9b7jDb3Hs/s1102/kfHTB1Ay1nLVXXXXatXFXXq6xXFXXXlKitchen-Scissors-5-Multilayers-Stainless-Steel-for-Cutting-Green-Onion-Sushi-Shredded-Scallion-Cut-Herb-Cooking.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="518" data-original-width="1102" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYaNs_30iNHPQ8IzSoLFOXAfZ6HNzmFPbZ4DzRSYusSzCI0yJufrDaq-LUZAFRQQWLUijnubefBLKg8yBI1AhYP7qvM8bBquQFDo_Lw4J9U_VEWH5DQ-gds1pXykK3O9Z-Zjt9b7jDb3Hs/s16000/kfHTB1Ay1nLVXXXXatXFXXq6xXFXXXlKitchen-Scissors-5-Multilayers-Stainless-Steel-for-Cutting-Green-Onion-Sushi-Shredded-Scallion-Cut-Herb-Cooking.jpg" /></a></div>建議在選擇供應商時, 搜尋賣出量及評價都高的供應商. 因為一般賣出量高, 表示該供應商的貨源充足, 缺貨的機率相對來說比較低. 評價儘量不要低於4.6, 以4.8以上為最佳. 記得要查看並詳讀Customer Reviews, 建議好評的比例要至少超過83% 並且了解獲得差評主要的原因是什麼.<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwG6qEzpPl4A9M5QWlkmFgOdvzJmxK61uBTSVUFlWdYGZ5Aw1cWi30HuZ7Df3xaX2HBrB3GOLcgqJh7nOisuLxnzL9zNXXoTVnbYLw6kh0uzjxqCFYWyZfHqmVxG32j6VrWvSLoYlgr5xT/s746/kfHTB1bkCtLVXXXXafXpXXq6xXFXXXz224524027HTB1bkCtLVXXXXafXpXXq6xXFXXXz.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="374" data-original-width="746" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwG6qEzpPl4A9M5QWlkmFgOdvzJmxK61uBTSVUFlWdYGZ5Aw1cWi30HuZ7Df3xaX2HBrB3GOLcgqJh7nOisuLxnzL9zNXXoTVnbYLw6kh0uzjxqCFYWyZfHqmVxG32j6VrWvSLoYlgr5xT/w640-h320/kfHTB1bkCtLVXXXXafXpXXq6xXFXXXz224524027HTB1bkCtLVXXXXafXpXXq6xXFXXXz.jpg" width="640" /></a></div><div><div>挑選好商品後, 進入商品本頁, 便可以看見Asify會根據你所挑選的供應商及其商品做出一個詳細的分析. (記得要登入Aliexpress才能看到分析哦. 註冊Aliexpress也是免費的)</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxw_F3lNqw1sYy4LBnfTw-U03qVrDnV4ZITreLWxLMkMLpArUj2kypWO8SKvBiRaAehKbK7LnWX4PVTlsgCG5wy-8IlLghROPNZNn9eg9QzvYVwkPW8jgsJHUtJ8y9tx7GwyKtHXhJOL8B/s1277/kfHTB1bkCtLVXXXXafXpXXq6xXFXXXz224524027HTB1bkCtLVXXXXafXpXXq6xXFXXXz.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="561" data-original-width="1277" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxw_F3lNqw1sYy4LBnfTw-U03qVrDnV4ZITreLWxLMkMLpArUj2kypWO8SKvBiRaAehKbK7LnWX4PVTlsgCG5wy-8IlLghROPNZNn9eg9QzvYVwkPW8jgsJHUtJ8y9tx7GwyKtHXhJOL8B/s16000/kfHTB1bkCtLVXXXXafXpXXq6xXFXXXz224524027HTB1bkCtLVXXXXafXpXXq6xXFXXXz.jpg" /></a></div>接下來, 就是利用Asify提供的[<b>Download images</b>]鍵, 輕鬆的一口氣下載所有與這項商品有關的圖片了.<br /><div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS5rzUjfOswT5XWHJyKmXKxtpy466u6JvkUm3Oe7iASTZUI5qOA9PLnBPU8llVLieiPp2-Y8gZqZn-aVUVTzl85yB-DldA43qeiwBl90J7rXVN4GhJytN77iY0PKlrFchT8lux_8fyFp6c/s1104/kfHTB1cHqeLVXXXXckXVXXq6xXFXXXe224524027HTB1cHqeLVXXXXckXVXXq6xXFXXXe.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="502" data-original-width="1104" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS5rzUjfOswT5XWHJyKmXKxtpy466u6JvkUm3Oe7iASTZUI5qOA9PLnBPU8llVLieiPp2-Y8gZqZn-aVUVTzl85yB-DldA43qeiwBl90J7rXVN4GhJytN77iY0PKlrFchT8lux_8fyFp6c/s16000/kfHTB1cHqeLVXXXXckXVXXq6xXFXXXe224524027HTB1cHqeLVXXXXckXVXXq6xXFXXXe.jpg" /></a></div>如上所述, Asify 允許你一鍵下載所有的商品圖片, 在unzip(解壓縮)後, 可以看到有些圖片是重覆的, 所以在上傳到ecwid時, 請先行刪除重覆和不需要的照片.</div><div> <br /><div>整理好照片後, 便是登入你的ecwid帳號, 到[<b>Catalog</b>]→[<b>Products</b>]→[<b>+Add New Product</b>]. 關於如何上架商品到ecwid, 請參考這篇: <a href="https://www.365ordinarydays.xyz/2021/08/ecwid.html#point1" target="_blank">ECWID 網路購物車設定: 商品上架</a>.</div></div></div><div><br /></div><div><延伸閱讀></div><div><a href="https://www.365ordinarydays.xyz/2021/05/ecwid.html" target="_blank">如何申請一個免費的 ECWID 網路購物車</a></div><div><a href="https://www.365ordinarydays.xyz/2021/08/ecwid.html" target="_blank">ECWID 網路購物車設定</a><br /><a href="https://www.365ordinarydays.xyz/2021/08/ecwid-vs-shopify.html" target="_blank">網路開店到底是選 Shopify 還是用 ecwid?</a></div><!--PropellerAds獎勵按鈕up&down&臉書粉專-->
<div class="fb-page" style="clear: both; text-align: right;" data-adapt-container-width="true" data-height="" data-hide-cover="false" data-href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" data-show-facepile="true" data-small-header="false" data-tabs="event" data-width=""><blockquote cite="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728">天馬行空 - 365個平凡無奇日子裡的無限可能</a></blockquote></div>
<script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="喜歡" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURQJ8W9GUubtSp12NpJjuIOSMao4ALHqJZAMn-cCC4nkFhMbTGGIn1n7gICLcyR75kXJwEdHiD1w1b8qGMnWZOgv-UBK2VYOzatPJrFoF3SUUeaYv9oyE8Rp6hPuID3lb-4gf8Dy9GBM/s252/Capture1.JPG" width="150" /></a><script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>或者
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="不喜歡" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBVcCX90fMUNn_-EWgWTQoDrS2iBIUNcXhyphenhyphenxD6AmLCEzR1mdZ03vViKYRkGAkU3yXMiLw5VkcHfk3sEAaWoMihJB9_0rq0HtYZQRlzKcOJqN0e7hsArnqthELJ3PnQdixkk5FEOMIiDEc/s247/Capture1.JPG" width="120" /></a>
<!--PropellerAds獎勵按鈕結束--><style>.bmc-button img{width: 35px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{padding: 7px 5px 7px 10px !important;line-height: 35px !important;height:51px !important;min-width:217px !important;text-decoration: none !important;display:inline-flex !important;color:#FFFFFF !important;background-color:#FF813F !important;border-radius: 5px !important;border: 1px solid transparent !important;padding: 7px 5px 7px 10px !important;font-size: 20px !important;letter-spacing:0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Arial', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#FFFFFF !important;}</style><link href="https://fonts.googleapis.com/css?family=Arial" rel="stylesheet"></link><a class="bmc-button" href="https://www.buymeacoffee.com/365ordinarydays" target="_blank"><img alt="如果覺得這篇有用, 那就請我喝杯咖啡吧!" src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" /><span style="margin-left: 15px;">請我喝杯咖啡吧!</span></a></p>
<!--PropellerAds獎勵按鈕和Buy me a coffee -->
Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-7806512877082778574.post-65555118547818354352021-08-15T17:45:00.006+10:002021-08-15T17:49:01.036+10:00用 Blogger 架設一個零成本的網路商店(三) 比較 ecwid 和 shopify<p>說到網路商店的架站平台, Shopify 應該算是一個眾所周知的平台了, 然而, 除了 Shopify 之外, 還有另一個好用又可以零成本開網路商店的工具就是 ecwid 了.</p><p>Ecwid 與 Shopify 究意哪個比較好? 或說, 哪個最適合你? 在這篇文章中, 我將簡單的分析這兩個眾所周知但截然不同的電子商務方案.</p><p>本篇將針對它們的主要功能、優缺點、成本等角度來分析及比較 ecwid 與 Shopify. 首先, 讓我們從一個關鍵問題開始……</p>
<div class="mbtTOC">
<button onclick="mbtToggle()">目錄索引</button>
<ol id="mbtTOC"></ol>
</div>
<h4 style="text-align: left;"><span style="font-size: x-large;">什麼是 Ecwid 和 Shopify?</span></h4><p>答案很簡單:Shopify 和 Ecwid 是在網路上販售商品的工具. 它們允許沒有任何編程知識的用戶輕鬆的建立網路商店, 它們讓用戶可以輕鬆的將產品上傳到其中, 並透過購物車進行交易.</p><p>雖然二者的最終目標都是幫助用戶建立一個網路商店, 然而, 它們卻用著截然不同的方式來幫用戶建立一個網路商店.</p><p>Shopify 等於是一個架站平台, 允許用戶透過它的平台輕鬆的建立一個獨立的網路商店, 也就是說, 在你選擇的網域上建立一個功能齊全的網站. </p><p>而 ecwid 則是讓用戶通過添加一個網路賺物車在既有的網站上進行銷售. 這也是它名字的縮寫來源: e-commerce widget = e-com小工具.</p><h4 style="text-align: left;"><span style="font-size: x-large;">歷史</span></h4><p>在這兩種產品中,Shopify 成立於2006 年, 是一個架站平台, 因為架站介面的友善, 擁有廣大的用戶群. Ecwid 成立於 2009 年, 使用它的人, 基本上自己要先有個網站, 才能安裝 ecwid 的購物車程式碼.</p><h4 style="text-align: left;"><span style="font-size: x-large;">價格</span></h4><p>至於價格, 因為這關係到了開店的成本, 所以價格比較相當重要. 首先, 讓我們來看看 ecwid 的費用:</p><p>ecwid 提供了4種計劃, (以下價格<a href="http://open.ecwid.com/3pGvH9" target="_blank">以 ecwid 官網</a>為主, 本站不提供隨時更新)</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU1gY0NFROmYbz9HFInrQXOdtkxfRoDR693uH2LPRIePiXVt4G5ODsm3cXPH3h8FuR_dAgjTJ8vkSp3iiraepZEj88y2Hh1xAA_k8QXWrLE6g4wX1rdLtrIJu2lBx9F6Y_F8uQCVDuLiKE/s1498/116.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="691" data-original-width="1498" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU1gY0NFROmYbz9HFInrQXOdtkxfRoDR693uH2LPRIePiXVt4G5ODsm3cXPH3h8FuR_dAgjTJ8vkSp3iiraepZEj88y2Hh1xAA_k8QXWrLE6g4wX1rdLtrIJu2lBx9F6Y_F8uQCVDuLiKE/s16000/116.JPG" /></a></div><div>由上面截圖可以看到, 4 個不同的計劃間, 最明顯的差異是在可上架產品的限制上. 隨著計劃價格的上升, 可供上架商品的數量會明顯增加, 提供的服務和功能也自然增加.</div><div><br /></div><div>ecwid 提供它的用戶一個相當棒的免費計劃, 雖僅限量上架10個商品, 但提供了可交易的購物車, 且是無限期的免費, 對於只有少量商品的用戶, 這個免費計劃已經足夠讓你可以上線開始經營網店了.</div><div><br /></div><div>接下來的Venture, Business和Unlimited的計劃, 隨著價格的增加, 可上架的商品數也增加, 同時還開放了在社交媒體上的交易, 要知道, 網路商店的成功與否, 取決於廣告, 能否在社交媒體上進行交易, 直接影響了商品的成交率.</div><div><br /></div><div>隨著升級到更高的計劃, 在支付了更多費用後, 享受的功能自然也會變得更加廣泛, 例如: 廢棄購物車的保存, 折扣卡, 銷售點功能和社交媒體交易按鈕等, 全取決於你所採用的計劃.</div><div><br /></div><div>對於所有 Ecwid 計劃, 用戶都可以使用 Ecwid 的[<b>Buy Now</b>]按鈕功能, 讓你可以輕鬆的將商品做成一個商品按鈕, 直接嵌入到另一個網站. 詳情可參考這篇: <a href="https://www.365ordinarydays.xyz/2021/08/ecwid.html#point4" target="_blank">如何設定[<b>Buy Now</b>]按鈕</a>.</div><div><br /></div><div>接下來, 讓我們來看看 Shopify 的價格, Shopify 提供了3種不同的計劃: (以下價格以 shopify 官網為主, 本站不提供隨時更新, 且下面價格為美金)</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYByc54y64IntbFFWiPeV5wHfQ2Sd7uj21sOB-e7dig8wmg4FpQeAGT4DNV_4EhSk6ptG0ITcJUeZ15cEMAjewpSB0WEIEwj3iohJ95DcKZPGtVi17I-uxdM8o7r7_2_mf_QvLqRJoExSk/s1529/118.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="420" data-original-width="1529" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYByc54y64IntbFFWiPeV5wHfQ2Sd7uj21sOB-e7dig8wmg4FpQeAGT4DNV_4EhSk6ptG0ITcJUeZ15cEMAjewpSB0WEIEwj3iohJ95DcKZPGtVi17I-uxdM8o7r7_2_mf_QvLqRJoExSk/s16000/118.JPG" /></a></div><div>所有這些計劃都允許用戶們無上限的上架商品, 也就是說, 沒有商品數量的限制. 主要差別在於一個帳號下可以擁有的員工帳號數量, 以及獲得專業報告的權限, 當然啦, 付的越多, 得到的自然就越多.</div><div><br /></div><div>由於 Shopify 是付費計劃, 所以所有的計劃都允許:</div><div>➤ 在 Facebook 上銷售</div><div><div>➤ 使用 Shopify 在實際地點(即在銷售點)銷售商品</div><div>➤ 使用 Shopify 的"Buy Button", 它允許你在既有網站上銷售產品</div><div><br /></div><div>Shopify 雖然沒有免費計劃, 但它提供了14天的試用期, 讓用戶可以完全不付款的情況下試用 Shopify, 覺得合適才付費加入, 試用期明訂是 14 天, 但聽說可以要求延長. (自己沒試過, 所以不予置評)</div></div><h4 style="text-align: left;"><span style="font-size: x-large;">電子商務功能</span></h4><p>Ecwid 和 Shopify 都提供了一個網路商店所需要的基本功能. 它們都能夠:</p><p>➤ 進行線上交易<br />➤ 接受多種付款類型<br />➤ 管理庫存<br />➤ 定義運費和規則</p><p>至於二者之間的主要差別, 則有:</p><p><b><u style="background-color: #d9ead3;">上架商品數量限制</u></b></p><p>Shopify 在這方面比 Ecwid 慷慨很多, 無論採用何種計劃, Shopify 提供它的用戶無限數量的產品上架.</p><p>而 Ecwid 的用戶則根據計劃有以下的限制:</p><p>➤ 免費計劃: 僅限於 10 件產品<br />➤ Venture計劃: 上限為 100 件產品<br />➤ Business計劃: 上限為 2500 件<br />➤ Unlimited計劃: 顧名思義, 上架產品數量無上限</p><p><b><u style="background-color: #d9ead3;">廢棄的購物車保存</u></b></p><p>在做網路商店時, 值得特別注意的是<b>廢棄購物車</b>的追蹤及恢復功能. 這讓商家可以自動向將商品添加到購物車但未完成購買的訪客發送電子郵件. <br /><br />PS: 通常, 建議商家在此電子郵件中包含折扣代碼, 鼓勵收件人繼續購買</p><p>根據統計, 因透過電子郵件的提醒, <b>廢棄購物車</b>恢復並完成購買的成功率往往在 15% 到 28% 左右, 所以這個功能非常重要.</p><p>好消息是, Shopify 和 Ecwid 都有這個<b>恢復</b><b>廢棄購物車</b>的電子郵件功能.</p><p>壞消息是, Ecwid 用戶必須購買 Business 計劃才能使用它.</p><p>所以在價格上, Shopify 可以說在這方面略有優勢.</p><p><b><u style="background-color: #d9ead3;">Dropshipping</u></b></p><p>人們會來比較 Ecwid 和 Shopify 的不同, 或是上網搜尋 Ecwid 和 Shopify 等電子商務平台, 一般都是因為想要開個網路商店, 而現今最火紅的網路商店模式就是Dropshipping了.</p><p>Dropshipping 是一種無需庫存任何商品即可進行販售的銷售模式. 它的基本模式如下:</p><p>客戶在電腦上經由你的網路商店下訂單→你收到訂單後, 將其發送給供應商→供應商直接由他們的倉庫出貨到你的客戶手上.</p><p>這種銷售模式的<b><span style="color: #990000;">優勢</span></b>在於: 你不必投資大量金錢來存放商品, 也不會有所謂的庫存壓力, 你手上的資金可以直接用於經營與行銷你的網店業務.</p><p><b><span style="color: #990000;">缺點</span></b>則是 Dropshipping 競爭激烈, 除了大家都可以直接在供應商處下單訂貨之外, 還有一個最大的風險, 就是碰到不良商家, 出貨的商品不優, 導致客戶要求退貨.</p><p>記住, 在整個 Dropshipping 的商業模式下, 你雖不用囤貨與出貨, 你卻負責了客服與退貨的部份. 因為你收了客戶的款項, 在退貨不符成本的前提下, 一般建議直接退款. 所以, 找到優良供應商是能成功經營 Dropshipping 商業模式裡的第一要素.</p><p>撇開 Dropshipping 實務上在供應商選擇及商品選擇上的問題, 光就技術上來看看在Dropshipping模式下的網路商店, Ecwid 和 Shopify 二家的表現各為如何?</p><p>開一家網路商店, 最基本的便是把產品資料(照片及規格等訊息)上傳到自己的網路商店裡. Shopify 和 Ecwid 都需要在你的商店中添加一個應用程序來幫忙從供應商處上傳商品資料.</p><p>Shopify 本身有一個很強大的商品上傳工具: Oberlo. 而 Ecwid 則可使用 Wholesale2B 和 Spocket 等應用程序. </p><p>自己本身是使用 asify, 利用Chrome extension添加asify, 然後上傳到 ecwid.</p><p>不過, 可以公平地說 Oberlo 的強大功能, 為 Shopify 增添了不少分, 在這上面, Shopify 勝出 ecwid.</p><p><b><u style="background-color: #d9ead3;">多種幣貨自動轉換</u></b></p><p>如果你的網路商店是可以碰觸到來自不同國家的訪客, 那麼自然也會有較高的營業額. 因此, 這樣的網路商店如果能讓潛在客戶以他們自己的貨幣購買下單購買商品, 是最為友善的服服.</p><p>Shopify 可以讓來訪訪客切換貨幣以符合他們所在國的幣值來下單. Shopify 提供的免費“<b>地理定位</b>”功能, 使用 IP 地址數據, 提示用戶根據他們的所在地選擇合適的幣值.</p><p>然而, Ecwid 則需要另外付費, 在[<b>Apps</b>]裡下載一個"<b>Currency Converter</b>", 費用為USD$4.49.</p><p><b><u style="background-color: #d9ead3;">多種語言銷售</u></b></p><p>Shopify 和 Ecwid 都可以做到多國語言銷售. Shopify, 根據你購買的計劃, 可以最多五種不同語言創建最多版本的商店. 又或者, 可以選擇使用 Shopify 的專用翻譯應用程序(需要另外付費才能使用)</p><p>Ecwid 的多國語言功能則要加入Business計劃才能使用.</p><h4 style="text-align: left;"><span style="font-size: x-large;">搜索引擎優化功能</span></h4><p>無庸置疑的, Shopify 的搜索引擎優化非常好, 儘管 Ecwid 在所有這些方面的表現也相當不錯(前提是使用付費計劃), 但公平來說, Shopify 在 SEO 方面的確優於 Ecwid. 而一個好的 SEO 讓你的網路商店在被陌生客白搜尋到機會更大一些.</p><h4 style="text-align: left;"><span style="font-size: x-large;">Ecwid 或是 Shopify?</span></h4><p>最終還是看使用者本身的需求. 如果費用是你的首要考量, 而且本身已有現成的網站, 只是要將它商品化, 那麼使用 ecwid 是個不錯的選擇. 但如果你想要一個全新的專業的網路商店, 那麼 Shopify 無疑是你最好的選擇.</p><h4 style="text-align: left;"><b><span style="font-size: x-large;">選擇 Ecwid 的主要原因</span></b></h4><p>➤ Ecwid 提供了一個完全免費功能齊全的計劃, 可以滿足只想在既有的網站上販售幾項產品的需求.<br />➤ Ecwid 允許用戶將現有的網站轉變為功能齊全的網路商店.<br />➤ Ecwid 可放置的產品資料更自由, 更多, 也容易<br />➤ Ecwid 的電子書銷售更容易, 允許的文件大小限制更慷慨<br />➤ Ecwid 中的產品圖像管理更容易</p><p><延伸閱讀><br /><a href="https://www.365ordinarydays.xyz/2021/05/ecwid.html" target="_blank">申請 ECWID 網路購物車</a><br /><a href="https://www.365ordinarydays.xyz/2021/08/ecwid.html" target="_blank">ECWID 網路購物車設定</a></p><!--PropellerAds獎勵按鈕up&down&臉書粉專-->
<div class="fb-page" data-adapt-container-width="true" data-height="" data-hide-cover="false" data-href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" data-show-facepile="true" data-small-header="false" data-tabs="event" data-width="" style="clear: both; text-align: right;"><blockquote cite="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728">天馬行空 - 365個平凡無奇日子裡的無限可能</a></blockquote></div>
<script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="喜歡" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURQJ8W9GUubtSp12NpJjuIOSMao4ALHqJZAMn-cCC4nkFhMbTGGIn1n7gICLcyR75kXJwEdHiD1w1b8qGMnWZOgv-UBK2VYOzatPJrFoF3SUUeaYv9oyE8Rp6hPuID3lb-4gf8Dy9GBM/s252/Capture1.JPG" width="150" /></a><script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>或者
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="不喜歡" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBVcCX90fMUNn_-EWgWTQoDrS2iBIUNcXhyphenhyphenxD6AmLCEzR1mdZ03vViKYRkGAkU3yXMiLw5VkcHfk3sEAaWoMihJB9_0rq0HtYZQRlzKcOJqN0e7hsArnqthELJ3PnQdixkk5FEOMIiDEc/s247/Capture1.JPG" width="120" /></a>
<!--PropellerAds獎勵按鈕結束--><style>.bmc-button img{width: 35px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{padding: 7px 5px 7px 10px !important;line-height: 35px !important;height:51px !important;min-width:217px !important;text-decoration: none !important;display:inline-flex !important;color:#FFFFFF !important;background-color:#FF813F !important;border-radius: 5px !important;border: 1px solid transparent !important;padding: 7px 5px 7px 10px !important;font-size: 20px !important;letter-spacing:0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Arial', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#FFFFFF !important;}</style><link href="https://fonts.googleapis.com/css?family=Arial" rel="stylesheet"></link><a class="bmc-button" href="https://www.buymeacoffee.com/365ordinarydays" target="_blank"><img alt="如果覺得這篇有用, 那就請我喝杯咖啡吧!" src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" /><span style="margin-left: 15px;">請我喝杯咖啡吧!</span></a>
<!--PropellerAds獎勵按鈕和Buy me a coffee-->
<!--目錄索引啓動程式碼-->
<script>mbtTOC();</script>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-7806512877082778574.post-91131259619243378302021-08-15T12:00:00.037+10:002021-08-19T17:08:43.570+10:00用 Blogger 架設一個零成本的網路商店(二) ecwid 網路購物車設定<p>
在成功的申請了 ecwid 網路購物車並把它加到現有的 Blogger 平台之後,
現在就來加入商品和設定收款功能, 讓商品正式開跑上線開賣了. 在登入了你的 <a href="http://open.ecwid.com/3pGvH9" target="_blank">ecwid 的後台</a>, 這裡會是你加入每項商品的地方.</p><p>本篇將會簡單的介紹一下 ecwid 的網路購物車設定. </p>
<div class="mbtTOC">
<button onclick="mbtToggle()">目錄索引</button>
<ol id="mbtTOC"></ol>
</div>
<h4 style="text-align: left;"><span style="font-size: x-large;">設計商品首頁</span></h4>
<p>
在[<b>Design</b>]按下小畫筆來設計你的商店品首頁.
在這裡你可以決定首頁商品圖示的大小, 圖示的比例, 商品卡的排列方式,
還有產品頁面的設計及商品類別名的位置. 建議每個都試一下,
並在你的Blogger網上看一下改變後呈現的樣子是否符合你的要求.
</p>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_A0SK1YhyphenhyphenIj4K8DJizyNnmwO2IyGJdgFTm5TOM653pDrnzosaiwLzmEYNEoqmqO99KjsUSfT9FDJNsZCe4FkAw9sAxL4xARh9pdGlbXiL8TCYWheX8LUvYYwJ5SQP7GJ1CWV_Vave_c7p/s1031/ABB-TB.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="539" data-original-width="1031" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_A0SK1YhyphenhyphenIj4K8DJizyNnmwO2IyGJdgFTm5TOM653pDrnzosaiwLzmEYNEoqmqO99KjsUSfT9FDJNsZCe4FkAw9sAxL4xARh9pdGlbXiL8TCYWheX8LUvYYwJ5SQP7GJ1CWV_Vave_c7p/s16000/ABB-TB.JPG" /></a>
</div>
<h4 style="text-align: left;"><span style="font-size: x-large;">商品上架</span></h4>
<div>
按下[<b>Catalog</b>], 這裡便是你可以加入自己商品的地方. 不多說了,
來玩重頭戲吧, 那就是加入我們要賣的商品,
讓我們剛才架好的網路商店看起來更像自己的店, 而不是用 ecwid 的樣版商品. 在
ecwid 的後台, 選[<b>Products</b>]→[<b>Edit Product</b>]
</div>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgocitjYSBi6_BAjO09MW-NkaSOslkisiBia30arSmD8j08_0jcjNqry2e3txp9LpBytaYVb2o4xktb5Yd20UI0VzAoLjvyNLIml6aUvLAHqUo9rQ9hWd1wLJ_57tyRVsw6eXhIHwe3lgog/s1055/ABB-TB.JPG" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="579" data-original-width="1055" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgocitjYSBi6_BAjO09MW-NkaSOslkisiBia30arSmD8j08_0jcjNqry2e3txp9LpBytaYVb2o4xktb5Yd20UI0VzAoLjvyNLIml6aUvLAHqUo9rQ9hWd1wLJ_57tyRVsw6eXhIHwe3lgog/s16000/ABB-TB.JPG" /></a>
</div>
<div>
或是選擇[<b>+Add New Product</b>], 也可以勾選所有的樣品例子後按下[<b>Delete products</b>].
</div>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWjpWRM5i0k3riDRN9_DqtHmg15wZXxRi1BXEyoVoozONj6CHTAhCN0VGvWifqufK6R7Qc0D1MDkJDoB70rBxi3fGJOOJmFJPJpRiU28im_KcnvQr6rpBoJL8vdZ2yJyw1lfsuWWnNNhCu/s1114/ABB-TB.JPG" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="597" data-original-width="1114" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWjpWRM5i0k3riDRN9_DqtHmg15wZXxRi1BXEyoVoozONj6CHTAhCN0VGvWifqufK6R7Qc0D1MDkJDoB70rBxi3fGJOOJmFJPJpRiU28im_KcnvQr6rpBoJL8vdZ2yJyw1lfsuWWnNNhCu/s16000/ABB-TB.JPG" /></a>
</div>
<div>
因為在免費的 ecwid 計劃下, 你最多只能販售10樣商品, 而樣版商品已經佔去了9樣,
所以我會先刪除7個樣版商品, 然後逐一加入自己的商品.
如果你是有屬於自己的商品要販賣, 現在就可以在這個加入圖片, 商品介紹和價格,
準備上線販賣了.
</div><div><br /></div><div>如果是自己手上現有的商品, 那麼就很簡單的自己拍照後將照片上傳, 如果是想要走零成本的代銷, Dropshipping 模式, 現在便是時候找好幾家口碑不錯的
Dropshipping 平台, 例如: Aliexpress, 開始獵找商品上線販售了, 關於
Dropshipping, 請看這篇: Dropshipping 101 詳介.</div><div><br /></div><div>開網店最累人的部份莫過於是找商品和添加商品到店裡了. 所以, 如果你已經有了屬於自己的商品要販賣, 現在便是大展身手的好時機, 把商品上架換取現金囉!! 如果是想走零成本的直運Dropshipping, 那麼介紹一個好用的商品上架小幫手 - Asify, 利用它輕鬆的一鍵取得商品照片. 詳情請參考這篇: <a href="https://www.365ordinarydays.xyz/2021/08/asify.html" target="_blank">利用 asify 輕鬆取得商品圖片</a></div><div><br /></div><div>把照片上傳到ecwid也很方便, 到[<b>Catalog</b>]→[<b>Products</b>]→[<b>+Add New Product</b>]→[<b>Upload Images</b>]</div><div>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_a6UyCcXSugJs897DgUzrred4DWX-HW5BKBfFpHZPrZDfvh0zTRJoiDcdbOx3tEDieBRI37XsNbpwJIAcbkHUgIvXzxd9LTMxHW3pBI5CP2jLiCvrjohyphenhyphen8yitfDwgiYsZGp0JYDK1d5Sl/s1221/kfHTB1j_GtLVXXXXX0XpXXq6xXFXXXyKitchen-Scissors-5-Multilayers-Stainless-Steel-for-Cutting-Green-Onion-Sushi-Shredded-Scallion-Cut-Herb-Cooking.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="377" data-original-width="1221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_a6UyCcXSugJs897DgUzrred4DWX-HW5BKBfFpHZPrZDfvh0zTRJoiDcdbOx3tEDieBRI37XsNbpwJIAcbkHUgIvXzxd9LTMxHW3pBI5CP2jLiCvrjohyphenhyphen8yitfDwgiYsZGp0JYDK1d5Sl/s16000/kfHTB1j_GtLVXXXXX0XpXXq6xXFXXXyKitchen-Scissors-5-Multilayers-Stainless-Steel-for-Cutting-Green-Onion-Sushi-Shredded-Scallion-Cut-Herb-Cooking.jpg" /></a></div>然後按下[<b>Shift</b>]鍵同時選取所有已挑選好的照片→按下[<b>Open</b>]後, ecwid 便會一口氣上傳所有的照片到你的新建商品頁中. 接下來, 可以用拖曳圖片的方式, 把主要的照片放在前面, 頭二張照片會是出現在購物車上的主圖片. 如下圖:</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjejwW4E9qi0B1cyoiwjaKbA38o-XUU2FpXuo4xir4k5t0mbWmGJp3VK_jsSj7V8pxsKqs3mgc_DoMwozZDFUBFTPHVZEKCJ7Vswn7Fq8wFf_Y4NkWD3h1V9U3kCcgRgQB6ctlLOl9kYIe/s1085/kfHTB1Ay1nLVXXXXatXFXXq6xXFXXXlKitchen-Scissors-5-Multilayers-Stainless-Steel-for-Cutting-Green-Onion-Sushi-Shredded-Scallion-Cut-Herb-Cooking.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="450" data-original-width="1085" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjejwW4E9qi0B1cyoiwjaKbA38o-XUU2FpXuo4xir4k5t0mbWmGJp3VK_jsSj7V8pxsKqs3mgc_DoMwozZDFUBFTPHVZEKCJ7Vswn7Fq8wFf_Y4NkWD3h1V9U3kCcgRgQB6ctlLOl9kYIe/s16000/kfHTB1Ay1nLVXXXXatXFXXq6xXFXXXlKitchen-Scissors-5-Multilayers-Stainless-Steel-for-Cutting-Green-Onion-Sushi-Shredded-Scallion-Cut-Herb-Cooking.jpg" /></a></div><div>接下來, 使是逐一填入商品資訊和設定商品價格了.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMqpq8-tzDn1dKhFZ-vVbk7CwEFZkAG_IAc25XvrZEYvhHJVYczcp4gXxdEQFIIUBGcKzJuWsHkkZn9WpvmRr08CKo5kAaIK_EsdqkN4MPpX4gpgexmLoaYPplem1tAnE8-6sTMDOPXLHx/s749/kfHTB1Ay1nLVXXXXatXFXXq6xXFXXXlKitchen-Scissors-5-Multilayers-Stainless-Steel-for-Cutting-Green-Onion-Sushi-Shredded-Scallion-Cut-Herb-Cooking.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="466" data-original-width="749" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMqpq8-tzDn1dKhFZ-vVbk7CwEFZkAG_IAc25XvrZEYvhHJVYczcp4gXxdEQFIIUBGcKzJuWsHkkZn9WpvmRr08CKo5kAaIK_EsdqkN4MPpX4gpgexmLoaYPplem1tAnE8-6sTMDOPXLHx/s16000/kfHTB1Ay1nLVXXXXatXFXXq6xXFXXXlKitchen-Scissors-5-Multilayers-Stainless-Steel-for-Cutting-Green-Onion-Sushi-Shredded-Scallion-Cut-Herb-Cooking.jpg" /></a></div>在價格的設定上, 自然要自己先做好巿場調查, 定價合理並有足夠的利潤. 至於價格中是否含運費, 或是運費另計, 那就各憑店家自己的喜好決定了.<div><br /></div><div>如果是免費的版本, 是不能使用ecwid提供的三種折扣價功能 (比價/批量折扣/討價還價), 如果有需要, 是可以<a href="http://open.ecwid.com/3pGvH9" target="_blank">升級到 Venture計劃</a>. 由於ecwid的計劃是可以月付的, (雖說年付可另享10% off 的折扣) 所以可以在需要用到打折功能時才加入, 等折扣期過後才取消也是可行的. 所以才說ecwid是非常適合預算有限, 或是不想太高成本的新手店家做為網路開店起步的好選擇.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf1qSdr80jNSCAk6SvKYuOKZ_Ine4frAWLlFhhQdhyicO5zUELcDAvhMuQ3APC1jHgCtWFfdRcjNTQvyj379NZ732YmVoPcyY3TTsACYlCDFyNJcb04tKENNcqNi1Pnt3EnSCrVDAzToXq/s764/kfHTB1bkCtLVXXXXafXpXXq6xXFXXXz224524027HTB1bkCtLVXXXXafXpXXq6xXFXXXz.jpg" style="margin-left: 1em; margin-right: 1em;"><br /><img border="0" data-original-height="543" data-original-width="764" height="454" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf1qSdr80jNSCAk6SvKYuOKZ_Ine4frAWLlFhhQdhyicO5zUELcDAvhMuQ3APC1jHgCtWFfdRcjNTQvyj379NZ732YmVoPcyY3TTsACYlCDFyNJcb04tKENNcqNi1Pnt3EnSCrVDAzToXq/w640-h454/kfHTB1bkCtLVXXXXafXpXXq6xXFXXXz224524027HTB1bkCtLVXXXXafXpXXq6xXFXXXz.jpg" width="640" /></a></div><div>對於還沒完全準備好公開的商品, 可以在[<b>Product availability</b>]下[<b>Enabled</b>]或是[<b>Disable</b>]商品. 這個選項對於免費的ecwid用戶也是可以使用的. 而且個人覺得它非常好用, 因為它允許店家在不用刪除商品的情況下, 暫時下架庫存短缺的商品, 直到供應商補貨齊全後, 再行上架. 這項功能節省了店家重覆重新上架庫存短缺的商品.<br /><div>
</div>
<h4 style="text-align: left;">
<span style="font-size: x-large;">付款方式</span>
</h4><div><br /></div>
ecwid 購物車可以接受信用卡, 銀行轉帳, PayPal, 和 Stripe多種付款方式.
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAXdvmXn49RcmvYfQL8_amLz180ue4H91K7Ec-Sg3dM-_ZaASXnwk10oLHyOObSg5ULYGCxZ5_ccCb2UzEo0emPnqTWfBk3P2ST205e9sSGAOo4A4jGOZiUjTjwKJEQV4Co4M26Q0ct4Df/s1304/117.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="748" data-original-width="1304" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAXdvmXn49RcmvYfQL8_amLz180ue4H91K7Ec-Sg3dM-_ZaASXnwk10oLHyOObSg5ULYGCxZ5_ccCb2UzEo0emPnqTWfBk3P2ST205e9sSGAOo4A4jGOZiUjTjwKJEQV4Co4M26Q0ct4Df/s16000/117.JPG" /></a>
</div>
<div>
本篇將示範連結 PayPal. 首先, 當然啦, 你必需要有一個 PayPal 帳號, 然後輸入你的
PayPal 帳號使用的 email 地址, 確認後即可連上.
</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmCrCHQQxSHAH5B9t_shn_4-hNyrgvY_dT9oECNhbe6R5F6DNNlsQCDdB-vALdLPBuU7gjuKmYft4PubgJQf0vr0pE2nIeHpBXj1BCmk23llvQpwRwfoRfi4RnsHj8L2-M1CB3OF2-RvB3/s1856/117.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="491" data-original-width="1856" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmCrCHQQxSHAH5B9t_shn_4-hNyrgvY_dT9oECNhbe6R5F6DNNlsQCDdB-vALdLPBuU7gjuKmYft4PubgJQf0vr0pE2nIeHpBXj1BCmk23llvQpwRwfoRfi4RnsHj8L2-M1CB3OF2-RvB3/s16000/117.JPG" /></a>
</div>
然後[<b>Enable PayPal checkout on the cart page</b>], 現在訪客已經可以在check
out頁面用 PayPal 來付款訂款你的商品了.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsc9jWPA7j7sGT1D65F70C_1Lm1TtV0W065pZg4M20GIwMuTZE1fuK1CvaR1-oXWglq5s8EQkPtqXfF3G2d5568dzB_Ma4y_Gj-pkDZHQeCd-fSPAe4oPB5J7rhs4mX-mP2Q5HKQMusseY/s971/112.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="762" data-original-width="971" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsc9jWPA7j7sGT1D65F70C_1Lm1TtV0W065pZg4M20GIwMuTZE1fuK1CvaR1-oXWglq5s8EQkPtqXfF3G2d5568dzB_Ma4y_Gj-pkDZHQeCd-fSPAe4oPB5J7rhs4mX-mP2Q5HKQMusseY/s16000/112.jpg" /></a></div><div><br />
<div><br /></div>
<h4 style="text-align: left;">
<span style="font-size: x-large;">折扣卷</span>
</h4>
<div>
ecwid 提供了折扣卷的促銷方式, 不過免費的 ecwid 購物車無法使用這個功能,
需要<a href="http://open.ecwid.com/3pGvH9" target="_blank">升級到 venture/AUD$22每個月</a>, 才能用到這打折促銷的方案. 由於 ecwid 的計劃是可以月付的, (雖說年付可另享10% off 的折扣) 所以可以在需要用到打折功能時才加入, 等折扣期過後才取消也是可行的. </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeQiUBpE_0SMxerr8PMy8uoffhFiFhqDehvDoi5wKxuT7cbZQte9UXH7tAX2t_3v7FnfDT7gyp0eHthDR_WdK2FIzBlsdE_botZLgUsFBIByIQudT7b-9VzONq_riZldFdh0upJNShv-5g/s1093/ABB-TB.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="282" data-original-width="1093" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeQiUBpE_0SMxerr8PMy8uoffhFiFhqDehvDoi5wKxuT7cbZQte9UXH7tAX2t_3v7FnfDT7gyp0eHthDR_WdK2FIzBlsdE_botZLgUsFBIByIQudT7b-9VzONq_riZldFdh0upJNShv-5g/s16000/ABB-TB.JPG" /></a>
</div>
<div>
<div>
其它的功能都是要升級付費才能使用, 就不在本篇的介紹範圍內了. </div><div><br /></div><div><h4><span style="font-size: x-large;">設定Buy Now按鈕</span></h4></div><div><br /></div><div>另一個值得推薦的免費功能是這個位於[<b>Products</b>]下的[<b>Buy Now button</b>].
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb0QFNFphdFsIoHnE9ILA7vGDi6Qp80rwBe9DouoryFf9La1wJLOxwlW9dVK_9i8FWjIpnSm5eMEItXsnwiY80aujeTd2PsIhp4DeNtcUPVRDg2PKwmJjx5cHjz5vT9gPDjc0Z8Qby0NA-/s1429/117.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="486" data-original-width="1429" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb0QFNFphdFsIoHnE9ILA7vGDi6Qp80rwBe9DouoryFf9La1wJLOxwlW9dVK_9i8FWjIpnSm5eMEItXsnwiY80aujeTd2PsIhp4DeNtcUPVRDg2PKwmJjx5cHjz5vT9gPDjc0Z8Qby0NA-/s16000/117.JPG" /></a>
</div><div>這個也是免費的, 必需說 ecwid 真是佛心來的. 這個超級好用, 它可以讓你把單項商品直接加入到各式平台上販售.</div></div><div><br /></div><div>做法如下:</div><div><br /></div>
<div>
[<b>Catalog</b>]→[<b>Products</b>]→選擇要做成→[<b>Edit Product</b>]→[<b>Embed
Product</b>]→然後可以在[<b>Appearance</b>]下為你的商品貼紙做進一步的設定</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtLF2RqH06AGIOEXHAa6F-Y1d94KhjK7DGy7GsHWbw5OjlKVdercRMgUKcoKNywDvphW1qlKSnceh7Byb44BI4OEo9l9GSTsqUjlDDtB1YuzNut_RK0toZa8n5tCiu5h2lJ14SriQsCBEu/s1349/116.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="736" data-original-width="1349" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtLF2RqH06AGIOEXHAa6F-Y1d94KhjK7DGy7GsHWbw5OjlKVdercRMgUKcoKNywDvphW1qlKSnceh7Byb44BI4OEo9l9GSTsqUjlDDtB1YuzNut_RK0toZa8n5tCiu5h2lJ14SriQsCBEu/s16000/116.JPG" /></a></div><div>最後按下[<b>Generate Code</b>]→[<b>Copy Code</b>]. 接下來就可以將貼紙貼在你想要販售的平台上了. 請看<a href="https://www.professorliu.club/2021/04/king.html" target="_blank">實例</a>.</div><div><br /></div><div>當然啦, 同樣的商品按鈕也可以加在臉書粉專上, 只是, 要獲取加在臉書, Instagram, eBay, 或是 amazon 上的程式碼, 就要升級後才能使用囉.</div><div>
<div><br /></div>
<h4 style="text-align: left;">
<span style="font-size: x-large;">幣值的設定</span>
</h4>
<div><br /></div>
<div>
在註冊時雖已設定了國家及幣值, 但事後仍是可以更改物品的販售幣值的, 在 ecwid
後台的[Settings]→[Regional Settings]→然後選擇幣值.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxQ1pPmoytxjiVOYYiUkuppGlhi5cHw5yJea4ENf8gyrVaenTMgmpvyKvBLMqdLgs2D4XvdHTsNleqipr5Ec_c5QOudI1K9ahNlJKTDvA6xBF8msya5V43BTeRm_PQ84E7Cocez0DcdRPP/s1139/112.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="719" data-original-width="1139" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxQ1pPmoytxjiVOYYiUkuppGlhi5cHw5yJea4ENf8gyrVaenTMgmpvyKvBLMqdLgs2D4XvdHTsNleqipr5Ec_c5QOudI1K9ahNlJKTDvA6xBF8msya5V43BTeRm_PQ84E7Cocez0DcdRPP/s16000/112.jpg" /></a>
</div>
如果用的不是本國幣值, 建議在 Prefix
前加入幣值讓訪客清楚知道價格是什麼幣值, 以免造成糾紛.</div><div><br /></div><div><div class="separator" style="clear: both; text-align: left;">最後, 可以在[<b>Settings</b>]裡設定店名, email收信地址, 網店的語言設定, 各種社交媒體的連結都可以在這裡設定. 設定好了就可以開心當老板囉!! Happy selling!</div></div><div class="separator" style="clear: both; text-align: left;"><延伸閱讀></div><div class="separator" style="clear: both; text-align: left;"><a href="https://www.365ordinarydays.xyz/2021/08/ecwid-vs-shopify.html" target="_blank">比較 ecwid 和 shopify</a></div><div class="separator" style="clear: both; text-align: left;"><a href="https://www.365ordinarydays.xyz/2021/05/ecwid.html" target="_blank">申請 ECWID 網路購物車</a></div><div class="separator" style="clear: both; text-align: left;"><a href="https://www.365ordinarydays.xyz/2021/08/asify.html" target="_blank">不可不知的上架小幫手: Asify</a></div>
<!--PropellerAds獎勵按鈕up&down&臉書粉專-->
<div class="fb-page" data-adapt-container-width="true" data-height="" data-hide-cover="false" data-href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" data-show-facepile="true" data-small-header="false" data-tabs="event" data-width="" style="clear: both; text-align: right;"><blockquote cite="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728">天馬行空 - 365個平凡無奇日子裡的無限可能</a></blockquote></div>
<script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="喜歡" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURQJ8W9GUubtSp12NpJjuIOSMao4ALHqJZAMn-cCC4nkFhMbTGGIn1n7gICLcyR75kXJwEdHiD1w1b8qGMnWZOgv-UBK2VYOzatPJrFoF3SUUeaYv9oyE8Rp6hPuID3lb-4gf8Dy9GBM/s252/Capture1.JPG" width="150" /></a><script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>或者
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="不喜歡" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBVcCX90fMUNn_-EWgWTQoDrS2iBIUNcXhyphenhyphenxD6AmLCEzR1mdZ03vViKYRkGAkU3yXMiLw5VkcHfk3sEAaWoMihJB9_0rq0HtYZQRlzKcOJqN0e7hsArnqthELJ3PnQdixkk5FEOMIiDEc/s247/Capture1.JPG" width="120" /></a>
<!--PropellerAds獎勵按鈕結束--><style>.bmc-button img{width: 35px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{padding: 7px 5px 7px 10px !important;line-height: 35px !important;height:51px !important;min-width:217px !important;text-decoration: none !important;display:inline-flex !important;color:#FFFFFF !important;background-color:#FF813F !important;border-radius: 5px !important;border: 1px solid transparent !important;padding: 7px 5px 7px 10px !important;font-size: 20px !important;letter-spacing:0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Arial', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#FFFFFF !important;}</style><link href="https://fonts.googleapis.com/css?family=Arial" rel="stylesheet"></link><a class="bmc-button" href="https://www.buymeacoffee.com/365ordinarydays" target="_blank"><img alt="如果覺得這篇有用, 那就請我喝杯咖啡吧!" src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" /><span style="margin-left: 15px;">請我喝杯咖啡吧!</span></a></div></div>
<!--PropellerAds獎勵按鈕和Buy me a coffee-->
<!--目錄索引啓動程式碼-->
<script>mbtTOC();</script></div></div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-7806512877082778574.post-22855300011605505532021-07-14T11:45:00.008+10:002021-07-17T12:31:10.915+10:00如何在Blogger留言區加上emoji表情符號?<p>
Google Blogger 整體來說絕對是好用的, 自行設計的彈性空間大, 零廣告, 還完全免費!
在不用花半毛錢的情況下, Google Blogger 真的是無可挑剔了.
但如果真的要從雞蛋裡挑骨頭, 就是它有些地方真的不是太 user friendly,
然後有些地方太過平淡, 不夠華麗可愛.
</p>
<p>
譬如說, 它的留言區, 沒有表情符號可使用, 有時確是令人覺得有些單調無趣.
</p>
<p>
今天, 終於讓我找到可以在留言區使用表情符號的方法了,
<a href="https://helplogger.blogspot.com/2012/04/how-to-add-emoticonssmileys-in-blogger.html" rel="nofollow" target="_blank">感謝這位大神</a>. 以下翻成中文做法如下, 提供給有需要的朋友:
</p>
<p>⧪請務必先<a href="https://www.365ordinarydays.xyz/2019/08/blog-post_10.html#point1" target="_blank">備份主題</a>!!</p>
<p>➤ 部落格的主題是有"回覆"鍵的安裝表情符號的方式如下:</p>
<p>
1) 在Blogger 後台→[<b>主題</b>]→[<b>編輯 HTML</b>]→按<span style="background-color: #fff2cc;"><b> Ctrl+F</b></span>→在搜尋中輸入<b style="background-color: #fff2cc;"></body></b>→找到後在<b style="background-color: #fff2cc;"></body></b>上方貼入下方的程式碼
</p>
<p>
<iframe height="500" src="https://docs.google.com/document/d/e/2PACX-1vScU_P2r2uF9738v5VCZqqTGA2ji4wMXMgAKrQpTchAsQIfpgGupPqFfjgOm5qbR8t5bG_OioIQLhE9/pub?embedded=true" width="900"></iframe>
</p>
<p>
2) 在Blogger 後台→[<b>主題</b>]→[<b>編輯 HTML</b>]→按<span style="background-color: #fff2cc;"><b> Ctrl+F</b></span>→在搜尋中輸入
<b style="background-color: #fff2cc;"><a expr:href='data:post.commentFormIframeSrc'
id='comment-editor-src'/> </b>(或部份字串)→一共有四組, 請將下面的程式碼貼在找到的第<b><span style="color: red;"> 2 </span></b>個和第<b><span style="color: red;"> 4 </span></b>個的下方.
</p>
<p>
<iframe height="500" src="https://docs.google.com/document/d/e/2PACX-1vT3UrHvSDvCGjKSD3HqG9s22zcRqesQu5ypalq96CaaKI0Rf2fs13uP7fH6d6haeG1-uL_10eJdlMUq/pub?embedded=true" width="900"></iframe>
</p>
<p>
3) 在Blogger 後台→[<b>主題</b>]→[<b>編輯 HTML</b>]→按<span style="background-color: #fff2cc;"><b> Ctrl+F</b></span>→在搜尋中輸入<b style="background-color: #fff2cc;">]]></b:skin></b>→在 <b style="background-color: #fff2cc;">]]></b:skin></b>上方貼入下方的程式碼
</p>
<p>
<iframe height="180" src="https://docs.google.com/document/d/e/2PACX-1vT1_sx32w5RY_cCn2i1O_Be8TL9M-NJlwKAuERl58hQaNU0YYq9Hxx-0MrAQe6gTF75sB1pScU1z9-e/pub?embedded=true" width="900"></iframe>
</p>
<p>
貼好上面三段程式碼後, 便可按下[<b>儲存</b>]鍵,
接下來就可以看到表情符號在你留言區的上方囉.
</p><p>想要套用自製的表情符號嗎? 也是OK的哦, 做法其實很簡單, 但是過程頗為費時就是了.</p><h4 style="text-align: left;"><span style="font-size: x-large;">自製自己的表情符號</span></h4><p>要使用自己的表情符號, 首先要先簡單的了解一下上方的三段表情符號程式碼.</p><p><b>表情符號程式碼#1</b> - 是JavaScript, 要更改的部份是裡面所有如下<span style="background-color: #ead1dc;">highlighted</span>的部份:<br />src='<span style="background-color: #ead1dc;">http://.......blogspot.com/ ........ /s1600/tongue.gif</span>' </p><p><b>表情符號程式碼#2</b> - 要更改的是HTML的部份, 這裡所有的 .gif 都會和程式碼#1相對應, 所以, 如果程式碼#1裡有一個 tongue.gif, 程式碼#2 裡也會有一個, 所以要同時替換成自己的表情符號路徑. 如下圖:</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMunE9lrYwR14FDANsO6ZzWS5eFhQteVs2WLCIiljLZkZk4IrJhlL2a_PLUleCgid30hnbRCrH6e7a2VMqdWaCT_pj8trlYZt9_-NWKQumI6NwctRjk_NjJb3P_cv8lrZNxSiWTlfl9tar/s949/118.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="774" data-original-width="949" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMunE9lrYwR14FDANsO6ZzWS5eFhQteVs2WLCIiljLZkZk4IrJhlL2a_PLUleCgid30hnbRCrH6e7a2VMqdWaCT_pj8trlYZt9_-NWKQumI6NwctRjk_NjJb3P_cv8lrZNxSiWTlfl9tar/s16000/118.JPG" /></a></div>➤ 可利用 Ctrl+F 在搜尋列中輸入 taunt.gif 來搜尋相應的地方, 依序替換上自己的表情符號路徑<div>➤ 在替換時, 務必注意不要不小心刪除了前後的<b style="background-color: #fcff01;"> ' </b>符號.<br /><div><p><b>表情符號程式碼#3</b> - 是CSS, 在更改成自己的表情符號時, 這段不用更改, 所以不用擔心.</p><p>在了解了要修的地方之後, 替換步驟如下:</p><p>1) 先準備好所有替代的表情符號<br />2) 依序帶入上方程式碼#1和#2裡的表情符號URL裡即可.<br />3) 如果自製的表情符號沒有原版的那麼多, 只需移除<b>程式碼#2</b>裡多餘的原版表情符號代碼即可. 如下面紅框是一組表情代碼. 可以整組刪除, 或是在前後加入<b style="background-color: #f4cccc;"><!--</b>中間是原版整組表情符號代碼, 前後加入comment符號<b style="background-color: #f4cccc;">--></b></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr5YglXrqx6GV8BJ7-GbtherBwkSzmZyvjR1FJU3y7hti2-2k4PvcqIB8DZCkNRahsf1RaBFFupXPByVxJb_pWp12yuD4scmqqzogmAxC5jDA6EM1tL70Ff68hwm4SPoIKInYKGrXAufRD/s1101/swordfish1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="415" data-original-width="1101" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr5YglXrqx6GV8BJ7-GbtherBwkSzmZyvjR1FJU3y7hti2-2k4PvcqIB8DZCkNRahsf1RaBFFupXPByVxJb_pWp12yuD4scmqqzogmAxC5jDA6EM1tL70Ff68hwm4SPoIKInYKGrXAufRD/s16000/swordfish1.jpg" /></a></div><p>請看2分半鐘的示範短片 - 如何替換自製的表情符號:</p>
<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="415" src="https://www.youtube.com/embed/YT7bvsg7ZMI" title="YouTube video player" width="860"></iframe>
<p>最後建議, 先試原版的表情符號程式碼, 在測試原版無誤後, 再來修改. </p><p>歡迎在本文下方留言區測試. 喜歡請在粉專按讚, 謝謝.</p>
<!--PropellerAds獎勵按鈕up&down&臉書粉專-->
<div class="fb-page" data-adapt-container-width="true" data-height="" data-hide-cover="false" data-href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" data-show-facepile="true" data-small-header="false" data-tabs="event" data-width="" style="clear: both; text-align: right;"><blockquote cite="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728">天馬行空 - 365個平凡無奇日子裡的無限可能</a></blockquote></div>
<script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="喜歡" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURQJ8W9GUubtSp12NpJjuIOSMao4ALHqJZAMn-cCC4nkFhMbTGGIn1n7gICLcyR75kXJwEdHiD1w1b8qGMnWZOgv-UBK2VYOzatPJrFoF3SUUeaYv9oyE8Rp6hPuID3lb-4gf8Dy9GBM/s252/Capture1.JPG" width="150" /></a><script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>或者
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="不喜歡" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBVcCX90fMUNn_-EWgWTQoDrS2iBIUNcXhyphenhyphenxD6AmLCEzR1mdZ03vViKYRkGAkU3yXMiLw5VkcHfk3sEAaWoMihJB9_0rq0HtYZQRlzKcOJqN0e7hsArnqthELJ3PnQdixkk5FEOMIiDEc/s247/Capture1.JPG" width="120" /></a>
<!--PropellerAds獎勵按鈕結束--><style>.bmc-button img{width: 35px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{padding: 7px 5px 7px 10px !important;line-height: 35px !important;height:51px !important;min-width:217px !important;text-decoration: none !important;display:inline-flex !important;color:#FFFFFF !important;background-color:#FF813F !important;border-radius: 5px !important;border: 1px solid transparent !important;padding: 7px 5px 7px 10px !important;font-size: 20px !important;letter-spacing:0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Arial', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#FFFFFF !important;}</style><link href="https://fonts.googleapis.com/css?family=Arial" rel="stylesheet"></link><a class="bmc-button" href="https://www.buymeacoffee.com/365ordinarydays" target="_blank"><img alt="如果覺得這篇有用, 那就請我喝杯咖啡吧!" src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" /><span style="margin-left: 15px;">請我喝杯咖啡吧!</span></a>
<!--PropellerAds獎勵按鈕和Buy me a coffee-->
<p>
<a href="https://helplogger.blogspot.com/2012/04/how-to-add-emoticonssmileys-in-blogger.html" rel="nofollow" target="_blank">程式碼來源: Helplogger</a>
</p>
</div></div>Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-7806512877082778574.post-47445029136433859662021-07-03T13:07:00.002+10:002021-11-07T10:35:02.666+11:00三步驟讓你輕鬆從 WordPress 搬家到 Blogger<p>
繼前一篇<a href="https://www.365ordinarydays.xyz/2020/10/blogger-to-wordpress.html" target="_blank">三步驟讓你輕鬆從 Blogger 搬家到 WordPress</a>
之後, 我在免費虛擬主機上的文章也從玩票性質日漸增多, 由於使用的是<a href="https://www.365ordinarydays.xyz/2020/02/infinityfree.html" target="_blank">利用免費虛擬主機架設的WordPress</a>, 難免擔心哪天網站突然被無預警關閉, 那麼豈不欲哭無淚?
畢竟不是自己花錢租用的虛擬主機, 穩定性總是令人擔心.
所以今天決定把自己在免費虛擬主機上的文章備份到Blogger上, 狡兔三窟嘛,
多一重備份總是好的.
</p>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihoZuMxArSuMTBmPS2aJweiD9HOadz3g_Y6ajyVALcAWr5XhtLwaz6w3ykxTbFUR3du0pK76wnG8JOs-xR84B8ehjRFdBtaac5nCD_ATVojL1TUjtTWkM4Ug7O4zOibkqRVksicFHNNjv4/s506/116.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="376" data-original-width="506" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihoZuMxArSuMTBmPS2aJweiD9HOadz3g_Y6ajyVALcAWr5XhtLwaz6w3ykxTbFUR3du0pK76wnG8JOs-xR84B8ehjRFdBtaac5nCD_ATVojL1TUjtTWkM4Ug7O4zOibkqRVksicFHNNjv4/s16000/116.JPG" /></a>
</div>
<p>所以本篇示範的便是如何從 WordPress 搬家到 Blogger!</p>
<div class="mbtTOC">
<button onclick="mbtToggle()">目錄索引</button>
<ol id="mbtTOC"></ol>
</div>
<h4 style="text-align: left;">
<span style="font-size: x-large;">備份網站</span>
</h4>
<p>
首先, 先備份網站以防不測. 到Wordpress後台→[<b>Tools</b>]→[<b>Exports</b>]→選取
<b>All Content</b>→最後按下[<b>Download Export File</b>]
</p>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMr03ieznIo-bzyY0OQDTFxRlR3DM1vNVV_KMg-tni3Gfg7h4uoAenZkIBNn9gnVPhC2o0JQicCFFNUYFIidOl0DGJNOyu9TTntF2LoSIo4IGd59pquzxSWyCfc2F81YkpguCRej_ae0iy/s1083/116.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="852" data-original-width="1083" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMr03ieznIo-bzyY0OQDTFxRlR3DM1vNVV_KMg-tni3Gfg7h4uoAenZkIBNn9gnVPhC2o0JQicCFFNUYFIidOl0DGJNOyu9TTntF2LoSIo4IGd59pquzxSWyCfc2F81YkpguCRej_ae0iy/s16000/116.JPG" /></a>
</div>
<h4 style="text-align: left;">
<span style="font-size: x-large;">安裝搬家外掛小工具</span>
</h4>
<p>
由於 WordPress 和 Blogger 二者使用的編程語言不同,
從WordPress下載的備份檔格式是WXR, 是無法直接匯入 Blogger 的.
</p>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvUDtPbqm-Q6sMWFDBfC1s9_MzpjWhUcnJxjpGCxmgQ_tgFBo9BuZVtIdq31YkcIZyREXHeaoaRDpHX3DVaEttgEhq8A8UYs4_FiCLOQB8OdFFAd0CcQNrjdT_H-OpiNfpGjJEUwcwmE8a/s1030/zzz1.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="112" data-original-width="1030" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvUDtPbqm-Q6sMWFDBfC1s9_MzpjWhUcnJxjpGCxmgQ_tgFBo9BuZVtIdq31YkcIZyREXHeaoaRDpHX3DVaEttgEhq8A8UYs4_FiCLOQB8OdFFAd0CcQNrjdT_H-OpiNfpGjJEUwcwmE8a/s16000/zzz1.jpg" /></a>
</div>
<p>
所以如果要從 Wordpress 搬家到 Blogger, 我們需要安裝一個 Export to Blogger
的外掛小工具.
</p>
<p>到 Wordpress 後台→選[<b>Edit Site</b>]→[<b>Plugins</b>]→[<b>Add New</b>]</p>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimvsFVNMmGcghfFf-yHVRzp65UmOyDI3_7X0mU_jSI4_KqpeSM6HNKYMkscMr4i_ChDx6WXaeOfN-J92QTZ8NU0zzlzKGEVyFfsblO96-B6lBIu_fYmceLVH4ayU-xlgyiqH-kO5rOyT9j/s998/116.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="529" data-original-width="998" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimvsFVNMmGcghfFf-yHVRzp65UmOyDI3_7X0mU_jSI4_KqpeSM6HNKYMkscMr4i_ChDx6WXaeOfN-J92QTZ8NU0zzlzKGEVyFfsblO96-B6lBIu_fYmceLVH4ayU-xlgyiqH-kO5rOyT9j/s16000/116.JPG" /></a>
</div>
然後在搜尋列內輸入 Export to Blogger, 找到後按下[<b>Install Now</b>]→然後按下[<b>Network Activate</b>]
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLpFLZVZwXiQo46h4z88aokTV11ib_UzkISdkwNitYpR3RMeFbVqzvdc8kNb1buVI4mZ-mU5_VSpFgIooLTnWFFOqEtHAB1U3q3oyftIgPg99H0MxqjJk15rx3vgvChsJ8i8S0XdDL71nx/s1527/116.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="851" data-original-width="1527" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLpFLZVZwXiQo46h4z88aokTV11ib_UzkISdkwNitYpR3RMeFbVqzvdc8kNb1buVI4mZ-mU5_VSpFgIooLTnWFFOqEtHAB1U3q3oyftIgPg99H0MxqjJk15rx3vgvChsJ8i8S0XdDL71nx/s16000/116.JPG" /></a>
</div>
接下來回到[<b>My Sites</b>]→[<b>Dashboard</b>]→[<b>Plugins</b>]→找到剛才安裝的
<b>Export to Blogger</b> 按下[<b>Setting</b>]→在<b>Option</b>處<span style="background-color: #fff2cc;">記得勾選所有你要輸出的分類</span>, 然後按下[<b>Export XML</b>]鍵.
<div>
<br />
<h4 style="text-align: left;">
<span style="font-size: x-large;">輸入WordPress備份檔到Blogger</span>
</h4>
<div class="separator" style="clear: both; text-align: left;">
最後一步便是將自WordPress輸出的XML檔匯入Blogger裡. 首先,
先到Blogger後台→[<b>設定</b>]→[<b>匯入內容</b>], 因為我是備份用,
所以我選擇關閉自動發布匯入文章→按下[<b>匯入</b>]鍵即可.
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZnjO1MDweqzhQ5IQtS6f3970yajGwE37gEoX9prPSdDBmUO5F-M-vjb17WPbrheMtUjGGLFb40cwB1K-fj0h03isWpbVZtoSutncKLX4JjSJS6_PG0ItlYlDZSM5fk3uxk6fFackjCkBp/s1509/116.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="659" data-original-width="1509" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZnjO1MDweqzhQ5IQtS6f3970yajGwE37gEoX9prPSdDBmUO5F-M-vjb17WPbrheMtUjGGLFb40cwB1K-fj0h03isWpbVZtoSutncKLX4JjSJS6_PG0ItlYlDZSM5fk3uxk6fFackjCkBp/s16000/116.JPG" /></a>
</div>
<h4 style="text-align: left;">
<span style="font-size: x-large;">Q&A</span>
</h4>
<p>
➤ 請問圖片是否也能一併搬到 Blogger 呢?<br />不行,
這個外掛工具搬移的內容只有文章文字的部份, 並不會把文內的圖片一併移入.
</p>
<p>
➤ 為何我用外掛工具下載的 XML 檔案是空的?<br />請確保在按下[<b>Export XML</b>]鍵前, 你有在 Option 處記得勾選所有你要輸出的分類. <br /></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjf5LMhJQbWVJbgc5OjWShPhhj4lswNsUMOWEoMA99RXLlUnl17hl-Sk7Ufnu5hVdHGNL6nuNwHovRzUNMgQy0vTQXzNOuBGFOzChQmIqnPszEkAenwRBJJvzqIn_FmPYJ2lHes3Zw7Tz1Azs3NEvAT1Y4Q7D7alc0iFahGiLf1xa-uSuoDiE6zO2wknQ=s916" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="615" data-original-width="916" src="https://blogger.googleusercontent.com/img/a/AVvXsEjf5LMhJQbWVJbgc5OjWShPhhj4lswNsUMOWEoMA99RXLlUnl17hl-Sk7Ufnu5hVdHGNL6nuNwHovRzUNMgQy0vTQXzNOuBGFOzChQmIqnPszEkAenwRBJJvzqIn_FmPYJ2lHes3Zw7Tz1Azs3NEvAT1Y4Q7D7alc0iFahGiLf1xa-uSuoDiE6zO2wknQ=s16000" /></a></div><br />
<p>➤ Wordpress 文章分類不會被匯出.</p>
</div>
<!--PropellerAds獎勵按鈕up&down&臉書粉專-->
<div class="fb-page" data-adapt-container-width="true" data-height="" data-hide-cover="false" data-href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" data-show-facepile="true" data-small-header="false" data-tabs="event" data-width="" style="clear: both; text-align: right;"><blockquote cite="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728">天馬行空 - 365個平凡無奇日子裡的無限可能</a></blockquote></div>
<script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="喜歡" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURQJ8W9GUubtSp12NpJjuIOSMao4ALHqJZAMn-cCC4nkFhMbTGGIn1n7gICLcyR75kXJwEdHiD1w1b8qGMnWZOgv-UBK2VYOzatPJrFoF3SUUeaYv9oyE8Rp6hPuID3lb-4gf8Dy9GBM/s252/Capture1.JPG" width="150" /></a><script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>或者
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="不喜歡" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBVcCX90fMUNn_-EWgWTQoDrS2iBIUNcXhyphenhyphenxD6AmLCEzR1mdZ03vViKYRkGAkU3yXMiLw5VkcHfk3sEAaWoMihJB9_0rq0HtYZQRlzKcOJqN0e7hsArnqthELJ3PnQdixkk5FEOMIiDEc/s247/Capture1.JPG" width="120" /></a>
<!--PropellerAds獎勵按鈕結束--><style>.bmc-button img{width: 35px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{padding: 7px 5px 7px 10px !important;line-height: 35px !important;height:51px !important;min-width:217px !important;text-decoration: none !important;display:inline-flex !important;color:#FFFFFF !important;background-color:#FF813F !important;border-radius: 5px !important;border: 1px solid transparent !important;padding: 7px 5px 7px 10px !important;font-size: 20px !important;letter-spacing:0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Arial', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#FFFFFF !important;}</style><link href="https://fonts.googleapis.com/css?family=Arial" rel="stylesheet"></link><a class="bmc-button" href="https://www.buymeacoffee.com/365ordinarydays" target="_blank"><img alt="如果覺得這篇有用, 那就請我喝杯咖啡吧!" src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" /><span style="margin-left: 15px;">請我喝杯咖啡吧!</span></a>
<!--PropellerAds獎勵按鈕和Buy me a coffee-->
<!--目錄索引啓動程式碼-->
<script>mbtTOC();</script>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7806512877082778574.post-55221418187804476462021-07-01T17:33:00.005+10:002021-07-01T17:44:25.413+10:00如何加入 Clip Studio Paint 夥伴計畫?<p>
Clip Studio Paint 是一款擁有強大功的繪圖軟體,
它還提供了使用者加入它的聯盟行銷計劃成為它的銷售夥伴.
</p>
<a href="https://www.dpbolvw.net/click-9169287-14310716">
<img alt="Clip Studio Paint" border="0" height="250" src="https://www.tqlkg.com/image-9169287-14310716" width="300" /></a>
<p>
什麼是聯盟行銷? 聯盟行銷算是被動收入的一種, 你參與後,
只需在你的文章裡加入含有可以辯試你的追蹤碼的商品廣告,
當有你經由你的連結完成購買後, 你便可以獲取特定比例的回饋金.
</p>
<p>
而 Clip Studio Paint 的夥伴計畫便是聯盟行銷的一種幫助使用者獲利的互惠互助計劃.
如果你有使用 Clip Studio Paint 並在自己的部落格寫 Clip Studio Paint 的教學文,
或是在YouTube上撥放教學影片, 便可在你的教學文/影片中加入 CLIP STUDIO PAINT
的廣告連結, 每當有人使用你的連結購買 CLIP STUDIO PAINT 時,
你就可以收取最高50%的回饋。
</p>
<p>
加入 Clip Studio Paint 夥伴計畫是免費的, 只需要一個email信箱<a href="https://www.cj.com/join" rel="nofollow" target="_blank">申請一個 CJ Affiliate 帳號</a>即可.
</p>
<p>
什麼是 CJ Affiliate? CJ Affiliate 是一家位於美國的聯盟行銷平台,
它的平台裡有許多產品可供選擇, 但本篇僅針對 Clip Studio Paint 夥伴計畫,
如想要了解更多有關於 CJ Affiliate 聯盟行銷平台的資訊, 可以參考這篇: CJ
Affiliate. </p>
<p>
加入 CJ Affiliate 成為一名 Publisher/發布商之後, 便可以在(1)<b style="background-color: #d9ead3;">
Advertisers </b>下搜尋(2)<b style="background-color: #d9ead3;"> Clip Studio Paint</b>,
然後按下[<b>Apply to program</b>].
</p>
<p>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7NNJnMUkHoErLc5LmS20KLH40GiFz4VacyLoia1h0Pm-E7k5yEr7xMCQiXwVmXijfT7rbX_CF02aQj21Yt3nNgUloP__Oby_IXvey4_UhT1YLo15rj3xkxU36tB_tu21nB7c-JKV_m3CY/s1093/Capture1.JPG" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="422" data-original-width="1093" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7NNJnMUkHoErLc5LmS20KLH40GiFz4VacyLoia1h0Pm-E7k5yEr7xMCQiXwVmXijfT7rbX_CF02aQj21Yt3nNgUloP__Oby_IXvey4_UhT1YLo15rj3xkxU36tB_tu21nB7c-JKV_m3CY/s16000/Capture1.JPG" /></a>
</p>
<p>
接下來, 你會收到一封來自 Clip Studio Paint 的 email, 歡迎你加入它們的夥伴計劃,
裡面還詳述了它的分潤計畫及廣告連結.
</p>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaffM585bRubsvHmw9tiaQgree-K-um3xrrny6sjyv3adP5-4tJ4TZ4cVjKmE2lbdLodeILyKX4T0LXwL12dxF3-7phqmmnm__1eCgLalpCblMJuLVa24lTxLu-EwEItaG5seF6Wnx0KHE/s654/Capture1.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="587" data-original-width="654" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaffM585bRubsvHmw9tiaQgree-K-um3xrrny6sjyv3adP5-4tJ4TZ4cVjKmE2lbdLodeILyKX4T0LXwL12dxF3-7phqmmnm__1eCgLalpCblMJuLVa24lTxLu-EwEItaG5seF6Wnx0KHE/s16000/Capture1.JPG" /></a>
</div>
你只需按下圖片下方的[<b>Get HTML</b>]超連結, 便會跳出一組屬於你的廣告碼,
你便可以 Copy&Paste 這組程式碼在你的教學文內, 開始賺錢囉. (如下圖)<div>
<a href="https://www.tkqlhce.com/click-9169287-14336585"><img alt="" border="0" height="250" src="https://www.awltovhc.com/image-9169287-14336585" width="300" /></a></div><div>值得一提的是, CJ Affiliate 的最低請款金額是美金$100元, 所以必需累積到美金$100元才能申請取款的.</div><div><br /></div><div>再來, 如果你不是美國居民, 則必需要填寫 IRS Form W-8BEN, 還有你參與 CJ Affiliate 聯盟行銷的網站一定要有一個 Privacy Policy 的頁面, 不然, 帳戶有被 CJ Affiliate 凍結的可能哦.</div>
<!--PropellerAds獎勵按鈕up&down&臉書粉專-->
<div class="fb-page" style="clear: both; text-align: right;" data-adapt-container-width="true" data-height="" data-hide-cover="false" data-href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" data-show-facepile="true" data-small-header="false" data-tabs="event" data-width=""><blockquote cite="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728">天馬行空 - 365個平凡無奇日子裡的無限可能</a></blockquote></div>
<script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="喜歡" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURQJ8W9GUubtSp12NpJjuIOSMao4ALHqJZAMn-cCC4nkFhMbTGGIn1n7gICLcyR75kXJwEdHiD1w1b8qGMnWZOgv-UBK2VYOzatPJrFoF3SUUeaYv9oyE8Rp6hPuID3lb-4gf8Dy9GBM/s252/Capture1.JPG" width="150" /></a><script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>或者
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="不喜歡" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBVcCX90fMUNn_-EWgWTQoDrS2iBIUNcXhyphenhyphenxD6AmLCEzR1mdZ03vViKYRkGAkU3yXMiLw5VkcHfk3sEAaWoMihJB9_0rq0HtYZQRlzKcOJqN0e7hsArnqthELJ3PnQdixkk5FEOMIiDEc/s247/Capture1.JPG" width="120" /></a>
<!--PropellerAds獎勵按鈕結束--><style>.bmc-button img{width: 35px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{padding: 7px 5px 7px 10px !important;line-height: 35px !important;height:51px !important;min-width:217px !important;text-decoration: none !important;display:inline-flex !important;color:#FFFFFF !important;background-color:#FF813F !important;border-radius: 5px !important;border: 1px solid transparent !important;padding: 7px 5px 7px 10px !important;font-size: 20px !important;letter-spacing:0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Arial', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#FFFFFF !important;}</style><link href="https://fonts.googleapis.com/css?family=Arial" rel="stylesheet"></link><a class="bmc-button" href="https://www.buymeacoffee.com/365ordinarydays" target="_blank"><img alt="如果覺得這篇有用, 那就請我喝杯咖啡吧!" src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" /><span style="margin-left: 15px;">請我喝杯咖啡吧!</span></a></p>
<!--PropellerAds獎勵按鈕和Buy me a coffee -->
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7806512877082778574.post-83238147624684693762021-06-24T21:01:00.004+10:002021-06-25T10:42:10.449+10:00在Blogger上加入一個聊天室<p>
在自己的網站上加入一個聊天室, 其實很簡單, 只需要<a href="https://cp.rumbletalk.com/signup" rel="nofollow" target="_blank">註冊一個 RumbleTalk 的帳號</a>即可. 本篇將會示範如何輕輕鬆鬆的在自己的部落格加入一個聊天室.</p>
<p>
首先, 用email或是臉書帳號註冊申請一個 RumbleTalk 的帳號 → 然後選[<b>Group Chat</b>] → 按下[<b>Next</b>]鍵
</p>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTMjH_juK0uKQQuGAqWIkYQ-x1_xHUvGC2XS_DB5WCXW4dyMd0j098bAPRHgRHPnEVxNPCEexXHCFpADyLUygo5dB4iXwDJrojPbP7u3HeLZdBRtOx4uZZqeVNlH2T0SbapozoO0FB7prI/s1436/116.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="860" data-original-width="1436" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTMjH_juK0uKQQuGAqWIkYQ-x1_xHUvGC2XS_DB5WCXW4dyMd0j098bAPRHgRHPnEVxNPCEexXHCFpADyLUygo5dB4iXwDJrojPbP7u3HeLZdBRtOx4uZZqeVNlH2T0SbapozoO0FB7prI/s16000/116.JPG" /></a>
</div>
接下來, 依下面步驟依序完成註冊. 可以自行選擇是否接受捐款.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsZPEGxiqqjENUGiJKp-gBOGH-cUe1_Clis-GjExX1F3Eno57rA3pciD0ZaiRW1Jt3Q8gQ8GE1qqvC20z5d6O88apv92F9M2YPyq932H7tGaOb2GEjLckZ98xNHzl9EzCj66g8gCz7ID4M/s1561/116.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="886" data-original-width="1561" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsZPEGxiqqjENUGiJKp-gBOGH-cUe1_Clis-GjExX1F3Eno57rA3pciD0ZaiRW1Jt3Q8gQ8GE1qqvC20z5d6O88apv92F9M2YPyq932H7tGaOb2GEjLckZ98xNHzl9EzCj66g8gCz7ID4M/s16000/116.JPG" /></a>
</div>
在按下[<b>Create</b>]鍵後, 你便已成功的創建了一個聊天室了.
在RumbleTalk的後台(如下圖所示)可以清楚的看到免費的帳號下, 你可以擁有一個聊天室,
且聊天室內可以有5個人同時在線.
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMNkisgYWG3PYh0cCCvNjWF0JYM4nU58wvaS-iwMDzLo1Ns7aYT0uX9gZYN3j4blqsWhkkU5Y3vQB56HhccG0j-OXV0arhFm2S5ocqIGR9EbWM9fY3bxnG97mS6g7ZoVUtfaIhe69bkg8d/s1287/116.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="852" data-original-width="1287" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMNkisgYWG3PYh0cCCvNjWF0JYM4nU58wvaS-iwMDzLo1Ns7aYT0uX9gZYN3j4blqsWhkkU5Y3vQB56HhccG0j-OXV0arhFm2S5ocqIGR9EbWM9fY3bxnG97mS6g7ZoVUtfaIhe69bkg8d/s16000/116.JPG" /></a>
</div>
按下[<b>Embed</b>]鍵後會出現如下畫面 → 然後按下[<b>Get Code</b>]鍵 →
跳出一個小對話框, 按下[<b>Copy</b>]取得聊天室的程式碼.
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicprUySSrRegBEPNnM4_HvzH62iBX3NgOjem6BI9Ltfk4OkdVZXjr-N8Z2rkeyvIk0awtYU43yUn85NUlLoX_dybftDwdaiqjd2wrn4KMCnQNCaTy8c8zb9biN93M6hksc_m6nuirrpLiX/s1568/116.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="737" data-original-width="1568" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicprUySSrRegBEPNnM4_HvzH62iBX3NgOjem6BI9Ltfk4OkdVZXjr-N8Z2rkeyvIk0awtYU43yUn85NUlLoX_dybftDwdaiqjd2wrn4KMCnQNCaTy8c8zb9biN93M6hksc_m6nuirrpLiX/s16000/116.JPG" /></a>
</div>
最後, 回到 Blogger
後台 → [<b>網頁</b>] → [<b>+新網頁</b>] →
在標題處輸入"chatroom" → 編輯模式選[<b><>HTML檢視</b>]
→ 在內文編輯處貼上從 RumbleTalk 取得的聊天室程式碼 →
記得在[<b>讀者留言</b>]處勾選不允許留言 → 按下[<b>發佈</b>]鍵即可.
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW_WTT2g_NcI8MSJI9CyPlbygN3yQ2dpHWgXYtyL503TJyN_FFcJLDhEm5aiNsiDd3-8YpAHz1fplnPoq4k9PWIICmurc4Z5aFbQEYVmneQcXX-7yYlCGojYPRByX_DO6wP13qC1_P4OmE/s1566/116.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="393" data-original-width="1566" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW_WTT2g_NcI8MSJI9CyPlbygN3yQ2dpHWgXYtyL503TJyN_FFcJLDhEm5aiNsiDd3-8YpAHz1fplnPoq4k9PWIICmurc4Z5aFbQEYVmneQcXX-7yYlCGojYPRByX_DO6wP13qC1_P4OmE/s16000/116.JPG" /></a>
</div>
簡單吧!! 輕輕鬆鬆地便成功的在部落格裡加上一個聊天室囉. 請看<a href="https://101wt.blogspot.com/p/chatroom.html" target="_blank">範例</a>. 使用者可以匿名(Guest)登入, 也可以用臉書或是推特帳號登入.
Admin登入用[<b>Username</b>]即可.
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhscTdU20GSzArLHzRHwL-UFleKgAR70PRMh2YmJAg43TzB-QFXRZdtaC8sRLZ1PlpqlQ9ZejjwcYDH1JWOGj0y2eUIeNw5PnyeDW3SAXIs8ISU8k7jlasEtwsjYE9hZEyNowsOWegVsTfS/s1024/116.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="698" data-original-width="1024" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhscTdU20GSzArLHzRHwL-UFleKgAR70PRMh2YmJAg43TzB-QFXRZdtaC8sRLZ1PlpqlQ9ZejjwcYDH1JWOGj0y2eUIeNw5PnyeDW3SAXIs8ISU8k7jlasEtwsjYE9hZEyNowsOWegVsTfS/s16000/116.JPG" /></a>
</div><div class="separator" style="clear: both; text-align: left;">免費的帳號限制多多, 列舉如下:</div><div class="separator" style="clear: both; text-align: left;">➤ 只能創建一個聊天室</div><div class="separator" style="clear: both; text-align: left;">➤ 最多5人同時上線</div><div class="separator" style="clear: both; text-align: left;">➤ Admin 可以刪除自己在聊天室的單項留言, 不能刪除別人的單項留言</div><div class="separator" style="clear: both; text-align: left;">➤ Admin 可以清除聊天室所有的留言.</div><div class="separator" style="clear: both; text-align: left;">➤ 訪客沒有刪除自己留言的權限</div><div class="separator" style="clear: both; text-align: left;">➤ Admin和訪客均可下載留言內容<br />➤ 有捐款功能, 付款是經由PayPal</div><div class="separator" style="clear: both; text-align: left;"><br /></div>
<div>
<!--PropellerAds獎勵按鈕up&down&臉書粉專-->
<div class="fb-page" data-adapt-container-width="true" data-height="" data-hide-cover="false" data-href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" data-show-facepile="true" data-small-header="false" data-tabs="event" data-width="" style="clear: both; text-align: right;"><blockquote cite="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728">天馬行空 - 365個平凡無奇日子裡的無限可能</a></blockquote></div>
<script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="喜歡" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURQJ8W9GUubtSp12NpJjuIOSMao4ALHqJZAMn-cCC4nkFhMbTGGIn1n7gICLcyR75kXJwEdHiD1w1b8qGMnWZOgv-UBK2VYOzatPJrFoF3SUUeaYv9oyE8Rp6hPuID3lb-4gf8Dy9GBM/s252/Capture1.JPG" width="150" /></a><script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>或者
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="不喜歡" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBVcCX90fMUNn_-EWgWTQoDrS2iBIUNcXhyphenhyphenxD6AmLCEzR1mdZ03vViKYRkGAkU3yXMiLw5VkcHfk3sEAaWoMihJB9_0rq0HtYZQRlzKcOJqN0e7hsArnqthELJ3PnQdixkk5FEOMIiDEc/s247/Capture1.JPG" width="120" /></a>
<!--PropellerAds獎勵按鈕結束--><style>.bmc-button img{width: 35px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{padding: 7px 5px 7px 10px !important;line-height: 35px !important;height:51px !important;min-width:217px !important;text-decoration: none !important;display:inline-flex !important;color:#FFFFFF !important;background-color:#FF813F !important;border-radius: 5px !important;border: 1px solid transparent !important;padding: 7px 5px 7px 10px !important;font-size: 20px !important;letter-spacing:0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Arial', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#FFFFFF !important;}</style><link href="https://fonts.googleapis.com/css?family=Arial" rel="stylesheet"></link><a class="bmc-button" href="https://www.buymeacoffee.com/365ordinarydays" target="_blank"><img alt="如果覺得這篇有用, 那就請我喝杯咖啡吧!" src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" /><span style="margin-left: 15px;">請我喝杯咖啡吧!</span></a></div>
<!--PropellerAds獎勵按鈕和Buy me a coffee-->
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7806512877082778574.post-73068194967708787412021-05-15T15:15:00.077+10:002021-05-16T10:16:15.210+10:00警告 Blogger 的使用者 - 備份的重要性<p>
使用 Blogger 近二年, 一直以來大力推薦 Blogger 的免費, 好用, 靈活,
自由和幾乎零限制(在不違法的前提下), 不料, 今天我居然自打嘴巴, 被 Blogger
在未經提醒的情形下硬生生的刪除了二篇我花不少心血的文章, 而且沒有通知,
沒有原因, 最爛的是, 沒有備份!! 刪完沒了, 就沒了, 太可惡了, 還申訴無門!
</p>
<p>
所以, 必需通知所有使用 Blogger 的站長們務必<b>時時備份</b>你所有的文章,
因為你不知何時它們會刪你的文, 會刪那一篇, 不會有事先通知,
也不是只是還原為草稿, 而是整篇刪除, 沒了就沒了!!!
</p>
<p>
先說一下被刪文章的內容, 一篇是介紹即將走入歷史的<a href="https://www.365ordinarydays.xyz/2021/05/followit.html" target="_blank">feedburner和它的替代品</a>.
另一篇是<a href="https://www.365ordinarydays.xyz/2021/05/header1.html" target="_blank">如何將部落格主題的區塊分成二個部份</a>.
</p>
<p>二篇的內容完全針對如何使用 How-to, 那裡會有所謂的"<b>違反社群規定</b>"的內容???</p>
<p>
接下來, 不僅僅是文章被刪, 連要進自己的 Blogger 後台, 或是點看自己或是其它
Blogger 的網站, 都會跳出這個恐怖嚇人的警示畫面....
</p>
<p>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKRi8-KIPYAvjBRYylKFYSDe6OBYSVGDqVUFYqQCb9-JAU3K6pufiWngokSDbrlbFBioQ98SbLEog13kuTGTDT35iWO1UveAMDEvPppiK2_ImwWCg1Z4tvQ6WZXfEenNG5Yt442qMJBGg8/s939/112.jpg" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="698" data-original-width="939" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKRi8-KIPYAvjBRYylKFYSDe6OBYSVGDqVUFYqQCb9-JAU3K6pufiWngokSDbrlbFBioQ98SbLEog13kuTGTDT35iWO1UveAMDEvPppiK2_ImwWCg1Z4tvQ6WZXfEenNG5Yt442qMJBGg8/s16000/112.jpg" /></a>
</p>
<p>
正在氣到不行時,
<a href="https://downdetector.com/status/blogger/" rel="nofollow" target="_blank">上網一查</a>, 才發現, 應該不是 Blogger 真心想要刪我的文啦, 應該是 Blogger 被駭客攻擊了,
有不少人都發生了類似的情況, 說起來, 我只被刪了2篇還算幸運,
有些人被秒刪了一堆.... 如果沒有備份, 應該會心臟病發吧!
</p>
<p>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzEAbAUNwphFwLnjON0u-TNVNxP1FJN94OWTvx_gAnnTnNDRsZHDaoQ7-hHIQJCHKdWpEVOLL1uNDsz7XmuDy7SHVi9UhnY26s4FbitxT53gvUAOPEADtNjhA42GW1Z4OzUE-ULgZE0dz8/s970/112.jpg" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="728" data-original-width="970" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzEAbAUNwphFwLnjON0u-TNVNxP1FJN94OWTvx_gAnnTnNDRsZHDaoQ7-hHIQJCHKdWpEVOLL1uNDsz7XmuDy7SHVi9UhnY26s4FbitxT53gvUAOPEADtNjhA42GW1Z4OzUE-ULgZE0dz8/s16000/112.jpg" /></a>
</p>
<p>
好在是, 當文章被刪時, 都會收到來自 Blogger 的通知信, 所以,
至少知道有什麼文章被莫名其妙的刪掉了, 也才方便救回被刪文章.
</p>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSGo0MTjINxWGqHpRI0SYn_uDhKMYeDMkH6R_HTPYNcVmOmRZ72sN9-FE8piSXglUwRb5wyp-P4DpFgGvNdRNk1n4xV_WPTkLCXJiPPGgo-bMQhfRB6J8PIQ8aFM8L7v3iNmFsSXbytVqL/s1496/112.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="222" data-original-width="1496" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSGo0MTjINxWGqHpRI0SYn_uDhKMYeDMkH6R_HTPYNcVmOmRZ72sN9-FE8piSXglUwRb5wyp-P4DpFgGvNdRNk1n4xV_WPTkLCXJiPPGgo-bMQhfRB6J8PIQ8aFM8L7v3iNmFsSXbytVqL/s16000/112.jpg" /></a>
</div>
首先要感謝一下
<a href="https://www.facebook.com/groups/blogger.skill" target="_blank">Blogger 經營學習資源分享</a>這個社團, 和站長分享的<a href="https://www.wfublog.com/2019/10/web-page-recover-content-image-wayback-machine.html?fbclid=IwAR3R_Lb4cZAO3ziMWYVFeLbTHXMjZ0dS29Ah_fufDAWrAd38psgtuFZMSaI" target="_blank">網站時光機</a>一文讓我順利救回被刪文章.
<div><br /></div>
<div class="mbtTOC">
<button onclick="mbtToggle()">目錄索引</button>
<ol id="mbtTOC"></ol>
</div>
<div>接下來, 自然是乖乖的備份網站的主題和內容, 以防不測.</div>
<div><br /></div>
<h4 style="text-align: left;"><span style="color: #fcff01; font-size: xx-large;"><b>主題的備份</b></span></h4>
<div><br /></div>
<div class="separator" style="clear: both; text-align: left;">
在Blogger後台→[<b>主題</b>]→按下[自訂]鍵旁的<b>向下鍵</b>→然後[<b>備份</b>]即可
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyEgeh8u3aOEcO3gV-rpk8dDyRff8Yb2mmbPr6ETis9m6E8cGG0VkgD0o0KzTdNsXT-JQxAMz6TJEtjvXiZ6iIw36STveORVYlbY5rHPDxOgasP_Dd14q0-Isv1jm9uLLbNxS8rbpB_qZ8/s1031/112.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="590" data-original-width="1031" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyEgeh8u3aOEcO3gV-rpk8dDyRff8Yb2mmbPr6ETis9m6E8cGG0VkgD0o0KzTdNsXT-JQxAMz6TJEtjvXiZ6iIw36STveORVYlbY5rHPDxOgasP_Dd14q0-Isv1jm9uLLbNxS8rbpB_qZ8/s16000/112.jpg" /></a>
</div>
<h4 style="text-align: left;"><b style="font-size: xx-large;"><span style="color: #fcff01;">內容的備份</span></b></h4>
<div><br /></div>
<div>
在Blogger後台→[<b>設定</b>]→往下拉到[<b>管理網誌</b>]→然後按下[<b>備份內容</b>]即可.
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKUWlTZnXTKoam6O1c-4JVv8SgSLRPivkMgrijD2odDFzN0JVOZ7Bd-QXAtCy8Hrk5fHnyTntMf1coMM2zXhruP0T6KdY91TIKHK4BElUmVM0-W4j_j8IRt-kYSJ6X5Q8J8pTD8VoVreHO/s565/112.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="327" data-original-width="565" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKUWlTZnXTKoam6O1c-4JVv8SgSLRPivkMgrijD2odDFzN0JVOZ7Bd-QXAtCy8Hrk5fHnyTntMf1coMM2zXhruP0T6KdY91TIKHK4BElUmVM0-W4j_j8IRt-kYSJ6X5Q8J8pTD8VoVreHO/s16000/112.jpg" /></a>
</div>
不論是備份主題還是備份內容都很簡單與方便, 問題在於人類的惰性!
總是安逸之後就會懶散, 於是從某一天開始, 就不會再勤於備份了.
<div><br /></div>
<div>
雖說今天早上的事件, 讓我一度對 Blogger 死心, 準備要改用 WordPress 了, 但鑑於
Google 解決問題的速度, 加上我對 Blogger 的諸多優點有點覺得捨不得離開, 所以,
又暫時放棄轉到WordPress的念頭, 決定好好研究如何定期備份我的 Blogger,
</div><div><br /></div><h4 style="text-align: left;"><span style="color: #fcff01; font-size: xx-large;"><b>啟動 Blogger 自動備份功能?</b></span></h4>
<div><br /></div>
<div>
若是 Blogger 能有自動備份的功能, 該有多好呢? 當然啦, 目前 Blogger
是沒有這個功能的, 但是, 有位韋恩大神為你研究了<a href="https://www.wfublog.com/2017/01/blogger-post-auto-backup-tricks.html" target="_blank">數種為 Blogger 網站自動備份的方法</a>, 各位可以移駕參考.
</div>
<div><br /></div>
<div>
根據韋恩介紹的幾種方法裡, 利用email備份再自動轉發到備份站是最佳的做法,
但由於韋恩介紹的 Blogger 後台是舊版的畫面, 有些地方已與今日的新版不同,
所以這裡加入新版的圖示.
</div><div><br /></div><div><b><u><span style="color: #274e13; font-size: large;">設定接收備份的 email 信箱</span></u></b></div>
<div><br /></div>
<div>Blogger後台→[<b>設定</b>]→按下[<b>邀請更多人加入文章通知</b>]</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs-PsfCsNM21lkka0Ipy04NnIHLIVwSVK0JL6i1Cdr2IsbTWTFZekJHyFRsNsFtE8enlSetQJ4uoJZVnRCoiIpcjnR0iSyC-h9WM-EEcNktMU3t-KhJbwewODEOLYymmKthrB7FN4x5j4l/s732/112.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="296" data-original-width="732" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs-PsfCsNM21lkka0Ipy04NnIHLIVwSVK0JL6i1Cdr2IsbTWTFZekJHyFRsNsFtE8enlSetQJ4uoJZVnRCoiIpcjnR0iSyC-h9WM-EEcNktMU3t-KhJbwewODEOLYymmKthrB7FN4x5j4l/s16000/112.jpg" /></a>
</div>
然後在跳出的對方框裡輸入你要備份文章的email信箱→然後按下[<b>傳送</b>]鍵→回到email裡收信,
會收到一封來自Blogger的邀請函, 按下[<b>訂閱</b>]鍵, 便完成訂閱了.
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAu7vUnxmp85wZ59RjR3Oh-yPYquuWpG4aq0PWtTtQHW32TtDqfAwZqnHsFUu4C5C-zIIH4TyOxKYi6rHbr62HgreHbronXcd1JTQOvBst5Wwdz0jaophG4YmfnfKWfEja2pyMOr3WfSgb/s1261/112.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="701" data-original-width="1261" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAu7vUnxmp85wZ59RjR3Oh-yPYquuWpG4aq0PWtTtQHW32TtDqfAwZqnHsFUu4C5C-zIIH4TyOxKYi6rHbr62HgreHbronXcd1JTQOvBst5Wwdz0jaophG4YmfnfKWfEja2pyMOr3WfSgb/s16000/112.jpg" /></a>
</div>
過一會兒, 你便會發現在 Blogger
後台[<b>以電子郵件發文至</b>]的下方會出現剛才訂閱的email 地址.<div><br /></div><div><b><u><span style="color: #274e13; font-size: large;">設定接收備份的網站</span></u></b><br />
<div>接下來, 用這個email開一個 Blogger 的新備份網站, 並設定用 email 發文功能:
Blogger後台→[<b>設定</b>]→按下[<b>透過電子郵件張貼文章</b>]→因為只是用來備份,
所以選擇[<b>將電子郵件另存成草稿文章</b>]→記得選一個[secretWord]→按下[<b>儲存</b>]鍵</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA1yyYWIbgtdbjmwI3O6wVoGO4CksND7Nn2bQMZBiNIjp_NDyH4ponox7XhQ1ixgPtCgQv3HCk8EgQvj0-6Ph0lJw5Y0Eo_gyR8GCkmoTQns_qRkCRBGnlQ0L-4JNN4tchnkUl9ZLGROxX/s1222/113.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="473" data-original-width="1222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA1yyYWIbgtdbjmwI3O6wVoGO4CksND7Nn2bQMZBiNIjp_NDyH4ponox7XhQ1ixgPtCgQv3HCk8EgQvj0-6Ph0lJw5Y0Eo_gyR8GCkmoTQns_qRkCRBGnlQ0L-4JNN4tchnkUl9ZLGROxX/s16000/113.jpg" /></a>
</div><div><span style="color: #274e13; font-size: large;"><b><u>設定email自動轉址功能</u></b></span></div><div><br /></div>
接下來, 則是設定gmail的自動轉址功能, 到接收備份的email,
按下右上方的齒輪→然後選[<b>轉寄和POP/IMAP</b>]→此時在[<b>新增轉寄地址</b>]處輸入上方從Blogger
後台改了secretWord的@blogger.com
email地址→按下[<b>下一步</b>]→[<b>繼續</b>]→[<b>完成</b>]
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7uNE1Fz_qG3YnYo7mEfAx06rH-Cfg-Z6oYy9_o43OiBGnPciTr2wCPWpmvYKWPIghlXl2F3xW_0xq_HZ7L6ely0sVTkFQvhkygcqzBuicE3uWnZjhQQf_Ouilt2G4rhjFs4ylleCSz0KO/s1339/113.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="516" data-original-width="1339" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7uNE1Fz_qG3YnYo7mEfAx06rH-Cfg-Z6oYy9_o43OiBGnPciTr2wCPWpmvYKWPIghlXl2F3xW_0xq_HZ7L6ely0sVTkFQvhkygcqzBuicE3uWnZjhQQf_Ouilt2G4rhjFs4ylleCSz0KO/s16000/113.jpg" /></a>
</div><div class="separator" style="clear: both; text-align: left;">然後回到你新建的備份站後台, 你會看到一封被存成草稿來自gmail的轉寄確認信,
打開它, 按下連結確認要求後, 就成功的把自動備份功能設好了.</div><div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKryyf-bDSVQhNV1JHfi3rJc1V7LyzS0VOX4byoSgzgGqwZ8jT413z0jmRTxYYxfAQq-DZaXI5lB6_pftAqinlUSTRkVKMPPV3UgmcSGhtDLQ7rYSxp6XcNv20GI3wD579ftAdWPXBOxpq/s1347/112.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="711" data-original-width="1347" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKryyf-bDSVQhNV1JHfi3rJc1V7LyzS0VOX4byoSgzgGqwZ8jT413z0jmRTxYYxfAQq-DZaXI5lB6_pftAqinlUSTRkVKMPPV3UgmcSGhtDLQ7rYSxp6XcNv20GI3wD579ftAdWPXBOxpq/s16000/112.jpg" /></a>
</div><span style="text-align: left;">此時, 你已成功的設定好gmail的自動轉址功能了, 但請再回到gmail, </span>按下右上方的齒輪→然後選[<b>轉寄和POP/IMAP</b>]→因為預設值是<span>[</span><b>停用轉寄</b><span>], 所以要自己</span><span>點選[</span><b>轉寄外來郵件副本給</b><span>]的選項, 然後按下下方的[<b>儲存變更</b>], 此時, 自動轉寄功能便成功的啟動了.</span></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFIdkbNYwtjDLCc_0t_q04HuJtpu5Cd2lg2IjW4OiBBslXZ83E9cEpDbU2R6NdrA9nf9tP68JU72EErFytD00lgTg8oVUxoHSz9kOAQjiOZVWHIzW1c2zrJa1LD3NItruuh3Y-UjylLCXN/s1194/112.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="98" data-original-width="1194" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFIdkbNYwtjDLCc_0t_q04HuJtpu5Cd2lg2IjW4OiBBslXZ83E9cEpDbU2R6NdrA9nf9tP68JU72EErFytD00lgTg8oVUxoHSz9kOAQjiOZVWHIzW1c2zrJa1LD3NItruuh3Y-UjylLCXN/s16000/112.jpg" /></a></div><div class="separator" style="clear: both; text-align: left;">必須說, <a href="https://www.wfublog.com/2017/01/blogger-post-auto-backup-tricks.html" rel="nofollow" target="_blank">想出這招的韋恩</a>真是天才, 非常的聰明, 利用的原理是: <br />➤ A: 每次發文時用Blogger的自動發文通知功能將新文發到A信箱</div><div class="separator" style="clear: both; text-align: left;">➤ B: 另架一個備份Blogger網站, 使用Blogger本身的電子郵件張貼文章功能</div><div class="separator" style="clear: both; text-align: left;">➤ 最後, 用gmail的自動轉址功能把A信箱收到的新文自動轉寄到Blogger設定好的電子郵件張貼功能裡, Blogger便會自動擷取發布到備份網站上.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><h4 style="clear: both; text-align: left;"><span style="color: #fcff01; font-size: xx-large;"><b>臉書粉專自動備份</b></span></h4><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">由於本來就已安裝了Blogger發文自動轉發臉書粉專的功能, 所以所有發的文章在文字部份其實都有保存在粉專中, 雖然失去了圖片和原有的格式設定, 但至少所有的文字內容是被完整的保存下來, 等於是在Blogger本身之外的另一種自動備份功能, 以防整個Google出問題時, 至少還有粉專可以取得失去的文章. 至於時差大約是在Blogger發文後2-3小時會自動轉發至臉書粉專, 所以, 時效性還是可取的.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3XfVmSVNcy_8Hn_-fRy0ctnZNAdNMSOcodRRuR4dUMCUi6FztHglPoG81MQPH0yq9IHxMVxAo0DlQTdf3lWfJPIkEMB6wudxozEx25vYgAww4HL9KWTauOzUO5MvRpZDIGXblNYEB_1zU/s768/112.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="768" data-original-width="733" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3XfVmSVNcy_8Hn_-fRy0ctnZNAdNMSOcodRRuR4dUMCUi6FztHglPoG81MQPH0yq9IHxMVxAo0DlQTdf3lWfJPIkEMB6wudxozEx25vYgAww4HL9KWTauOzUO5MvRpZDIGXblNYEB_1zU/s16000/112.jpg" /></a></div>詳情請參考這篇: <a href="https://www.365ordinarydays.xyz/2020/09/facebook.html" target="_blank">如何讓Blogger 自動轉發到臉書粉專?</a></div><div><br /></div><h4 style="text-align: left;"><span style="color: #fcff01; font-size: xx-large;"><b>利用電子報訂閱自動備份</b></span></h4><div><br /></div><div>狡免三窟, 除了天才辦法的利用Blogger電子郵件功能自動在另一個Blogger備份站上自動備份之外, 還有原來就有的Blogger發文自動轉發到臉書粉專的文字備份之外, 今天的駭客刪文事件著實嚇到我了, 所以決定再加一重保障. 那就是利用follow.it訂閱自己網站的電子報. 於是當文章不幸在無預警情況下被刪時, 還可以從follow.it裡利用 copy & paste 取回文字和圖片.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfEz8MTPXuHYvBfFU7Mr7F9YG-bbodY42MLkd1z-FOpKYBue3A63-tf9w5gGYWlohNws321jGWuRQv5Ldxguo2BghWDVn1V7wj-UBAstOf5pOBPEZe6992dv1yEkYL85Xq-nBbZcJvRThG/s1819/112.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="848" data-original-width="1819" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfEz8MTPXuHYvBfFU7Mr7F9YG-bbodY42MLkd1z-FOpKYBue3A63-tf9w5gGYWlohNws321jGWuRQv5Ldxguo2BghWDVn1V7wj-UBAstOf5pOBPEZe6992dv1yEkYL85Xq-nBbZcJvRThG/s16000/112.jpg" /></a></div>詳情請看: <a href="https://www.365ordinarydays.xyz/2021/05/followit.html" target="_blank">如何申請及安裝follow.it電子報訂閱表格</a>.</div><div><br /></div><div>因此, 本站每次新文發布, 都應該同時會有3個地方有備份版本, 而3個不同的服務要同時出事的機率應該是微乎其微了, 所以, 應該從此可以高枕無憂了!</div><div><br /></div><h4 style="text-align: left;"><span style="color: #fcff01; font-size: xx-large;"><b>自動備份不可不知的缺點</b></span></h4><div><br /></div><div>以上三種自動備份功能都有著共同的一個缺點, 這個缺點也許對於追求完美的發文者沒有太大的影響, 但對於我這種想到哪寫到哪, 寫完就先發文的人, 影響就是: 以上三種自動備份都只會抓到第一次最新發文的內容, 對於事後追加的內容和修改的部份就不會再重新寄出, 所以以上三種備份到的內容都是第一次發文後的內容, 對於修改和追加部份不會包括在內.</div><div><br /></div><div>因此, 定期手動備份完整站內內容及主題還是有其必要性的!!</div><div><br /></div><h4 style="text-align: left;"><span style="color: #fcff01; font-size: xx-large;"><b>Blogger Support Center</b></span></h4><div><br /></div><div>以免費服務來說, Google Blogger 的服務真的算是不錯了, 如果有任何問題, 也可以到他們的<a href="https://support.google.com/blogger/community" target="_blank">Support Center提問</a>. 當然啦, 建議先搜尋一下是否已有問題及解答, 如果無法在現有問題中搜尋相關內容, 也可以按下[<b>Ask now</b>]自行提問.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1RGy8eln1GP5TSFsRtDTnoBcQVXl9wZE1CrtfSOJH6PWl74P-MoF4ogPB0f-x8P6E3l8KWcf_IRTK_mKHBStBpz4H7iXx4nVbJBJas1KVu1osYEq_UqMtLe0jqh0vb0yDlDkcMAZleH58/s1264/112.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="743" data-original-width="1264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1RGy8eln1GP5TSFsRtDTnoBcQVXl9wZE1CrtfSOJH6PWl74P-MoF4ogPB0f-x8P6E3l8KWcf_IRTK_mKHBStBpz4H7iXx4nVbJBJas1KVu1osYEq_UqMtLe0jqh0vb0yDlDkcMAZleH58/s16000/112.jpg" /></a></div><div><br /><div>
<!--PropellerAds獎勵按鈕up&down&臉書粉專-->
<div class="fb-page" data-adapt-container-width="true" data-height="" data-hide-cover="false" data-href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" data-show-facepile="true" data-small-header="false" data-tabs="event" data-width="" style="clear: both; text-align: right;"><blockquote cite="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728">天馬行空 - 365個平凡無奇日子裡的無限可能</a></blockquote></div>
<script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="喜歡" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURQJ8W9GUubtSp12NpJjuIOSMao4ALHqJZAMn-cCC4nkFhMbTGGIn1n7gICLcyR75kXJwEdHiD1w1b8qGMnWZOgv-UBK2VYOzatPJrFoF3SUUeaYv9oyE8Rp6hPuID3lb-4gf8Dy9GBM/s252/Capture1.JPG" width="150" /></a><script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>或者
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="不喜歡" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBVcCX90fMUNn_-EWgWTQoDrS2iBIUNcXhyphenhyphenxD6AmLCEzR1mdZ03vViKYRkGAkU3yXMiLw5VkcHfk3sEAaWoMihJB9_0rq0HtYZQRlzKcOJqN0e7hsArnqthELJ3PnQdixkk5FEOMIiDEc/s247/Capture1.JPG" width="120" /></a>
<!--PropellerAds獎勵按鈕結束--><style>.bmc-button img{width: 35px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{padding: 7px 5px 7px 10px !important;line-height: 35px !important;height:51px !important;min-width:217px !important;text-decoration: none !important;display:inline-flex !important;color:#FFFFFF !important;background-color:#FF813F !important;border-radius: 5px !important;border: 1px solid transparent !important;padding: 7px 5px 7px 10px !important;font-size: 20px !important;letter-spacing:0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Arial', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#FFFFFF !important;}</style><link href="https://fonts.googleapis.com/css?family=Arial" rel="stylesheet"></link><a class="bmc-button" href="https://www.buymeacoffee.com/365ordinarydays" target="_blank"><img alt="如果覺得這篇有用, 那就請我喝杯咖啡吧!" src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" /><span style="margin-left: 15px;">請我喝杯咖啡吧!</span></a></div>
<!--PropellerAds獎勵按鈕和Buy me a coffee-->
<!--目錄索引啓動程式碼-->
<script>mbtTOC();</script>
</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7806512877082778574.post-15029916285317946232021-05-11T20:32:00.110+10:002021-05-24T11:22:29.736+10:00 Blogger 電子報訂閱 feedburner 的最佳替代品 follow.it<p>
有用 feedburner 來做為 Blogger
的網站電子報訂閱的站長應該都注意到下面這個出現在 Blogger 後台的訊息,
基本上它就是說 feedburner 的電子郵件訂閱功能從2021年7月起將走進歷史了.
</p>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5CeoReRpTUMdlpUiy7PLROlk3A8dCQIcBoLo3IqniDagBIy1IvqZtS9qkWoMebmEwoc9yP3NzRM1uA8EK6ZNfyK21N5zhRJBdvcatqS-wmxUDBL29HQW3UVPOTEbcXjDw1CldKxZIq77c/s1014/Capture2.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="208" data-original-width="1014" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5CeoReRpTUMdlpUiy7PLROlk3A8dCQIcBoLo3IqniDagBIy1IvqZtS9qkWoMebmEwoc9yP3NzRM1uA8EK6ZNfyK21N5zhRJBdvcatqS-wmxUDBL29HQW3UVPOTEbcXjDw1CldKxZIq77c/s16000/Capture2.JPG" /></a>
</div>
<div class="mbtTOC">
<button onclick="mbtToggle()">目錄索引</button>
<ol id="mbtTOC"></ol>
</div>
<div>
也就是說, 是時候找尋一個 feedburnder 電子報訂閱工具的替代方案了.
在試了幾個不同的產品後, 決定推薦下面這一款免費好用又好看的電子報訂閱外掛小工具
- follow.it.
</div>
<div><br /></div>
<h4 style="text-align: left;"><span style="font-size: x-large;"><b>申請免費的 follow.it</b></span></h4>
<div><br /></div>
<div>
只需要用 email 申請即可, 請按這裡<a href="https://follow.it/s/TYDA" target="_blank">申請一個免費的 follow.it 帳號</a>.
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYKq8fQAAseWbpEJCWElc_xZ983GSglAn7maMIDIMj8eYuOX3bfQJWlXGRhusGBBuWkrJkM9O7VLHgjU-km78MR_xSNkWWL11XDdswN4y8b3cSYPJQE6jy3RP6jJGiTgMFUlk_MFtf4sPF/s1318/113.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="777" data-original-width="1318" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYKq8fQAAseWbpEJCWElc_xZ983GSglAn7maMIDIMj8eYuOX3bfQJWlXGRhusGBBuWkrJkM9O7VLHgjU-km78MR_xSNkWWL11XDdswN4y8b3cSYPJQE6jy3RP6jJGiTgMFUlk_MFtf4sPF/s16000/113.jpg" /></a>
</div>
接下來, 到申請的 email 裡按下[<b>Click here to confirm</b>]鍵, 它會自動帶你到
follow.it 的後台, 畫面如下, 此時按下[<b>Are you a publisher?</b>]
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzMBkrfSoZx_l9pnBMe0nykApMXwEGlVPDaYKj-iAxILSHsHY5_blo3AEPHzCXZREGe0lN161eSLPEBTj5OCpmLmlmND4TwdfelzTcBW6Mn_r7Axpd_I5AFL3nIJXUBWl24LkKJLJYKhvv/s1358/113.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="327" data-original-width="1358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzMBkrfSoZx_l9pnBMe0nykApMXwEGlVPDaYKj-iAxILSHsHY5_blo3AEPHzCXZREGe0lN161eSLPEBTj5OCpmLmlmND4TwdfelzTcBW6Mn_r7Axpd_I5AFL3nIJXUBWl24LkKJLJYKhvv/s16000/113.jpg" /></a>
</div>
然後在下方空格裡輸入你要置入電子報訂閱功能的網址後, 按下[<b>Next</b>]鍵
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy5YM2YBom4FnOO0haBOhHj83clkaXu-smSXpukkXcrcu3QALl4w-eqlSOgX1RLdSYAQHwtXsysJ4yTDpv3B1qqRSWaRaR8gzO7__g-_cMiWoPHzgbxTiGHiOceDXVCNVYzC2BnYpJvQNS/s1099/112.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="287" data-original-width="1099" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy5YM2YBom4FnOO0haBOhHj83clkaXu-smSXpukkXcrcu3QALl4w-eqlSOgX1RLdSYAQHwtXsysJ4yTDpv3B1qqRSWaRaR8gzO7__g-_cMiWoPHzgbxTiGHiOceDXVCNVYzC2BnYpJvQNS/s16000/112.jpg" /></a>
</div>
<div><br /></div>
<div>
然後按下[<b>Confirm</b>]鍵,
接下來就可以根據自己網站的色調來調整電子報訂閱表格的外觀了,
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj72Szc4_46CvTad1w_uFfs_WQ_inRpFGupFtoojbeng1u4V9CDc07C3sWVCoQu9rPdh5w545uXfaOuCkcwddEuOT9gQCJlLapDm4zlEUX0QxRLubvvogy0Tk32OPOK9i7riAq7Ygcj7gQd/s1172/113.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="680" data-original-width="1172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj72Szc4_46CvTad1w_uFfs_WQ_inRpFGupFtoojbeng1u4V9CDc07C3sWVCoQu9rPdh5w545uXfaOuCkcwddEuOT9gQCJlLapDm4zlEUX0QxRLubvvogy0Tk32OPOK9i7riAq7Ygcj7gQd/s16000/113.jpg" /></a>
</div>
<div>
滿意後按下[<b>Continue</b>]鍵, 接下來, 畫面就會出現電子報訂閱工具的程式碼,
按下[<b>copied</b>]或是全選程式碼區塊來copy 電子報訂閱工具的程式碼.
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkDHiV7IGhdqYful7UiT0NQhN3rmWtooz2fo4BnbwlysS-1h9cyErcG2SK-lHaMThQSkbwBnqHzHhiL6sXltHIkL5rNjC37PtldkikqlB8rt5Cy1_qlGVCAwkX3FzTgUmEjwcLKkcLGUsa/s1062/112.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="599" data-original-width="1062" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkDHiV7IGhdqYful7UiT0NQhN3rmWtooz2fo4BnbwlysS-1h9cyErcG2SK-lHaMThQSkbwBnqHzHhiL6sXltHIkL5rNjC37PtldkikqlB8rt5Cy1_qlGVCAwkX3FzTgUmEjwcLKkcLGUsa/s16000/112.jpg" /></a>
</div>
<h4 style="text-align: left;"><span style="font-size: x-large;"><b>安裝電子報訂閱表格到Blogger網站上</b></span></h4>
<div><br /></div>
在 copy 了上方的程式碼後, 回到 Blogger
後台→[<b>版面配置</b>]→在想要加入電子報訂閱功能的地方(例如: 側欄或是頁腳)用[<b>+新增小工具</b>]→選[<b>HTML/JavaScript</b>]→在內容區貼入follow.it的程式碼→然後按下[<b>儲存</b>]鍵就大功告成了!<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGis07wW8fHRzke9AEspQPYCykDdm40gG1NpkLcMLfVHuh48mUNY02AOgKRiISSbaOPL63Ljph9fuOXIwjcJmUCt5nCQ0P97DCzHWPetZUnWVIzimHW1HYYA_f5mn2WlGSB7uZqySGzBVb/s1353/113.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="644" data-original-width="1353" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGis07wW8fHRzke9AEspQPYCykDdm40gG1NpkLcMLfVHuh48mUNY02AOgKRiISSbaOPL63Ljph9fuOXIwjcJmUCt5nCQ0P97DCzHWPetZUnWVIzimHW1HYYA_f5mn2WlGSB7uZqySGzBVb/s16000/113.jpg" /></a></div><div><div>除了典型的電子報訂閱表格外, 它還提供了[<b>Follow</b>]的按鈕和<b>PopUp</b>可供使用, 留待下篇介紹, 這裡可以先行跳過, 安裝好電子報訂閱表格即可.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9r4pzjxneMzJQ_CaHULH-zbcqHmJekyksohxYRBXSGKMZ7f-sniV49bXCp7QNbYh6XuzYHmSjFxzLPt3zkQVIlRtrpGWZDfdAuZUlHesQ6M0rh_UUaasu07EEA02rhyltcHkSyF9K2PPd/s1024/112.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="504" data-original-width="1024" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9r4pzjxneMzJQ_CaHULH-zbcqHmJekyksohxYRBXSGKMZ7f-sniV49bXCp7QNbYh6XuzYHmSjFxzLPt3zkQVIlRtrpGWZDfdAuZUlHesQ6M0rh_UUaasu07EEA02rhyltcHkSyF9K2PPd/s16000/112.jpg" /></a>
</div>
到這裡, 一切都很直接+簡單, 很容易的就能取得一個
<b>follow.it</b> 的電子報訂閱小工具加到 Blogger 裡, 而且,
從你把小工具加到部落格的同時, 它已可以正常運作, 接受訪客的訂閱了, 只是,
你還無法從 <b>follow.it</b> 的後台裡看到誰經由這個工具訂閱了你的部落格.
<div><br /></div>
<div>
<h4 style="text-align: left;"><span style="font-size: x-large;"><b>認証網址所有權</b></span></h4>
<div><br /></div>
<div>
光是安裝了電子訂閱表格到網站上, 但無法從 follow.it
後台看到有誰訂閱我們的部落格, 那肯定是不能夠的, 所以, 我們現在要來<b><span style="color: #cc0000;">認証</span></b>你是這個網站的擁有者了. 因此, 下一步便是提供你的email 地址給 follow.it
來進行認証.
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY7MnCUkZzQEEZUDdLLDMtBasXwP3SfPQGWRSOZFSSQKLhY4iWbg6aDnXTFxB_q3r7wOxxLlC5uxqt_kn9OmIZKEX-svWMhGk_8JtEbd0gBZs7bKr1mf3i3w3IxE5p5MWyYND7NvJkgWUm/s1045/112.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="783" data-original-width="1045" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY7MnCUkZzQEEZUDdLLDMtBasXwP3SfPQGWRSOZFSSQKLhY4iWbg6aDnXTFxB_q3r7wOxxLlC5uxqt_kn9OmIZKEX-svWMhGk_8JtEbd0gBZs7bKr1mf3i3w3IxE5p5MWyYND7NvJkgWUm/s16000/112.jpg" /></a>
</div>
在這封郵件裡, 會提供一個<b><meta> tag</b>, 如下圖所示,
為了証明你是該網站的擁有者, 你需要將郵件裡提供的<b><meta> tag</b>貼到你
Blogger 網站.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIiirBtzyhnFx1C1MD81RjxTMr9KAR-kJso-Iz5-ehJX_UtfeK311W9Z39CcwVAHUm_9SZsWNBGzUhMIWFz9Kwu9ohK1ZS6_X-nlWYprj-aKpfd8nUFQf61LJRQ2ZqdPdfx_Dg8K4Ag-Qb/s653/111.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="478" data-original-width="653" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIiirBtzyhnFx1C1MD81RjxTMr9KAR-kJso-Iz5-ehJX_UtfeK311W9Z39CcwVAHUm_9SZsWNBGzUhMIWFz9Kwu9ohK1ZS6_X-nlWYprj-aKpfd8nUFQf61LJRQ2ZqdPdfx_Dg8K4Ag-Qb/s16000/111.jpg" /></a>
</div>
<b><u><span style="color: #274e13;">做法如下:</span></u></b>
<div>
<div>
首先, 先Copy郵件裡的 <meta tag>, 然後到你的 Blogger 後台,
[<b>主題</b>]→[<b>編輯HTML</b>]→ 按
<b style="background-color: #fff2cc;">Ctrl+F</b> →在搜尋列輸入
<b style="background-color: #fff2cc;"></head</b> → 然後在
<b style="background-color: #fff2cc;"></head></b>
的上方貼入認証碼後按下[<b>儲存</b>]鍵.
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijzpHRhPMgHWFJSa2OkVR7dWCDfF5PZqiJh8Y0bu-n1-YD8XUafvbXc9gnWZ1MhKSY25mAW8wBT9DpMeeK5LM-SuMPq3jNJaA2XuCvALYw8PlC428vD8HGROXaHhHnkMKppj8zME8GL11m/s948/111.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="82" data-original-width="948" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijzpHRhPMgHWFJSa2OkVR7dWCDfF5PZqiJh8Y0bu-n1-YD8XUafvbXc9gnWZ1MhKSY25mAW8wBT9DpMeeK5LM-SuMPq3jNJaA2XuCvALYw8PlC428vD8HGROXaHhHnkMKppj8zME8GL11m/s16000/111.jpg" /></a>
</div>
接下來, 回到剛才 follow.it 寄來的認証 email 郵件裡, 按下[<b>Click here</b>],
便會看到 follow.it 正在試著認証並連結你的網站到 follow.it 後台.
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;">
<tbody>
<tr>
<td style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjARYBDhP31ixIbzVaXB5gtAjWTgQX-x3mb9tr3iNyJZxDMPu5x-qNoMPjjPd3lVAtIWi4BZmmBwY-Uuw5E48QSjaHZGfB6JiwbZ2DarwknHCe4j6eXbxyvhQG7vdpwhzirJoL9DnS_NoIR/s1139/111.jpg" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="659" data-original-width="1139" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjARYBDhP31ixIbzVaXB5gtAjWTgQX-x3mb9tr3iNyJZxDMPu5x-qNoMPjjPd3lVAtIWi4BZmmBwY-Uuw5E48QSjaHZGfB6JiwbZ2DarwknHCe4j6eXbxyvhQG7vdpwhzirJoL9DnS_NoIR/s16000/111.jpg" /></a>
</td>
</tr>
<tr>
<td class="tr-caption" style="text-align: center;"></td>
</tr>
</tbody>
</table>
完成認証後, 你便可以在 follow.it 的後台裡看到你的網站了.
接下來便可以在後台為電子報訂閱通知函做相關設定了.
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgZgK5lK44_zoATUbaNtJiDMI9kPzxc6HcQ7gMiOxuP4562OedIE8Xe9S-vMDj2H50fU42O7I-_Exy_LfZTGi72DNhkqBLTEZT8vvRWv8tINFRwf1NMhnZ-uywHdR-hjR5QZrG5lFi_QZa/s724/111.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="79" data-original-width="724" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgZgK5lK44_zoATUbaNtJiDMI9kPzxc6HcQ7gMiOxuP4562OedIE8Xe9S-vMDj2H50fU42O7I-_Exy_LfZTGi72DNhkqBLTEZT8vvRWv8tINFRwf1NMhnZ-uywHdR-hjR5QZrG5lFi_QZa/s16000/111.jpg" /></a>
</div>
[<b>Feed display</b>]: 在這裡可以加上網站的logo圖片, 和網站名
<div>
[<b>Follow options</b>]: 記得在這裡把 Full message delivery 改成 headlines
only. 其他的選項, 免費的都不能用, 也就不介紹了.
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhynFHDVNsbw-oaqdc7d5wu7epIPfLfLeyiOXZBx2R0lN8hQv76R5WtK9yWTayd7hMeoKUnlJg38sKIVE4IJ_yBypfYFZnyeDyCW1sQBm6Onnqg_zJWovnLprMBfbJBoDvYZuro9VCaFDER/s673/111.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="224" data-original-width="673" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhynFHDVNsbw-oaqdc7d5wu7epIPfLfLeyiOXZBx2R0lN8hQv76R5WtK9yWTayd7hMeoKUnlJg38sKIVE4IJ_yBypfYFZnyeDyCW1sQBm6Onnqg_zJWovnLprMBfbJBoDvYZuro9VCaFDER/s16000/111.jpg" /></a>
</div>
<div>
[<b>Sending options</b>]和[<b>Alert</b>]也是要升級付費後才能做變更,
所以這裡也不多說了.
</div>
<div><br /></div>
<h4 style="text-align: left;"><span style="font-size: x-large;"><b>輸入 feedburner 的訂閱者</b></span></h4>
<div><br /></div>
<div>
成功安裝了 follow.it 電子報訂閱表格後, 接下來, 便是把 feedburner
裡的訂閱者加進來, 並取消 feedburner
以確保你的訂閱者不會同時收到二封同一篇新文章的通知函.
</div>
<div><br /></div>
<div>
首先, 先登入<a href="http://www.feedburner.com" rel="nofollow" target="_blank">你的 feedburner 帳戶</a>, 然後在[<b>Analyze</b>]的頁籤下按下[<b>Subscribers</b>]→然後在[<b>Email Subscription Services</b>]下選[<b>Manage your Email Subscriber List</b>]→接下來在[<b>Total Subscribers</b>]處輸出訂閱者名單[<b>Export CSV</b>]
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWrPOLmk4VV5w2flaILmyaIdjkR-VQl7p9GJ1XycFznY0rnTC3f7xazxVVsVSJTtw0iP6TSfnx4gUAF2w550snuNQHPHgzskiqaGG_RU6zid6kOZ8iHkH6-p84eTINeHtRoK_6Q7xOZf_y/s718/112.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="418" data-original-width="718" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWrPOLmk4VV5w2flaILmyaIdjkR-VQl7p9GJ1XycFznY0rnTC3f7xazxVVsVSJTtw0iP6TSfnx4gUAF2w550snuNQHPHgzskiqaGG_RU6zid6kOZ8iHkH6-p84eTINeHtRoK_6Q7xOZf_y/s16000/112.jpg" /></a>
</div>
<div>
接下來, 到剛才你開通的 follow.it 後台,
按下[<b>Publishing</b>]→點選你已經連上的網站→按[<b>Followers</b>]→[<b>Import Followers</b>], 此時便會看到以下畫面, 現在把剛才從 feedburner 輸出的<b>CSV</b>檔打開,
copy 下裡面訂閱者的 emails 貼入下面空白框後按下[<b>Import them</b>]鍵.
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4JicEwh0UKbjA7oa0NgNLDbaRrV7xfkSeC-zwbTDYYTNyN_v-vwJzuUYAyfydKi5Qui7rOMbVz3gX90HfyxenH7c0Jj7ZwpIv43c5JEx1dHXTkP3rtrWpReFY9853uUQYVZF7JOtngfNi/s1009/112.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="696" data-original-width="1009" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4JicEwh0UKbjA7oa0NgNLDbaRrV7xfkSeC-zwbTDYYTNyN_v-vwJzuUYAyfydKi5Qui7rOMbVz3gX90HfyxenH7c0Jj7ZwpIv43c5JEx1dHXTkP3rtrWpReFY9853uUQYVZF7JOtngfNi/s16000/112.jpg" /></a>
</div>
<b><span style="color: #990000;">請注意: </span></b>不要任意在這裡輸入其他的email, 只輸入先前已經訂閱的訂閱者emails.
</div>
<div><br /></div>
<div>
回到你的 follow.it 後台, 你會在[<b>Followers</b>]裡看到剛才輸入的 emails
已經成功的被載入到 follow.it 了.
</div>
<div><br /></div>
<div>
最後, 為了避免你的訂閱者同時收到來自 feedburner 和 follow.it 的新文通知,
在成功輸入了所以 feedburner 的訂閱者後, 記得在 feedburner
刪除掉原先電子報訂閱服務.
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid3jtvuDbMyceol6rR3o5_zOrA7cK_pFrsHBEWhnA0ckMaH6sRLdH2lJhLmDeer16w7ZxcBI0TziJuaVaQUbQ5QRKR1BAusmN0uZ6xSiFMeSQCYt5xHbZmN4jDIthiyry4M9QGAF6nS7Wn/s462/112.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="146" data-original-width="462" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid3jtvuDbMyceol6rR3o5_zOrA7cK_pFrsHBEWhnA0ckMaH6sRLdH2lJhLmDeer16w7ZxcBI0TziJuaVaQUbQ5QRKR1BAusmN0uZ6xSiFMeSQCYt5xHbZmN4jDIthiyry4M9QGAF6nS7Wn/s16000/112.jpg" /></a>
</div>
<div class="separator" style="clear: both; text-align: left;">
到這裡, 恭喜你, 你已經成功的將網站上的電子報訂閱功能從 feedburner
轉到follow.it 了.
</div>
<div class="separator" style="clear: both; text-align: left;"><br /></div>
<div class="separator" style="clear: both; text-align: left;">
還沒找到合適的 feedburners 替代方案嗎? 不用再找了, 相信我 follow.it
是個不錯的選擇, 請按這裡申請免費的<a href="https://follow.it/s/TYDA" target="_blank">follow.it 帳號</a>.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">另外要補充一點, follow.it 的線上客服相當不錯, 完全不會因為使用的是免費服務而態度不佳, 如果在安裝過程中遇到問題, 可以直接點選 follow.it 後台營幕右下方的[<b>Chat with us, we are online!</b>]鍵, 他們會非常有耐心的幫忙解決問題哦.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmxdOnUV0Mq_H_Bw16NqnInOffTj90dIcp2CcQVT4AXc9EHtNGfdswi5Ntj1tDHVCz_Sn2FJ-kv-TI5jU_evTPM6rLlVCjMbySXDXpRDLZYI8sFk1MpOU1KpSbxeu4HJvFU5srSvIi2rst/s1355/112.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="48" data-original-width="1355" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmxdOnUV0Mq_H_Bw16NqnInOffTj90dIcp2CcQVT4AXc9EHtNGfdswi5Ntj1tDHVCz_Sn2FJ-kv-TI5jU_evTPM6rLlVCjMbySXDXpRDLZYI8sFk1MpOU1KpSbxeu4HJvFU5srSvIi2rst/s16000/112.jpg" /></a></div><div class="separator" style="clear: both; text-align: left;"><br /></div>
</div>
<!--目錄索引啓動程式碼-->
<script>mbtTOC();</script>
<!--PropellerAds獎勵按鈕up&down&臉書粉專-->
<div class="fb-page" data-adapt-container-width="true" data-height="" data-hide-cover="false" data-href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" data-show-facepile="true" data-small-header="false" data-tabs="event" data-width="" style="clear: both; text-align: right;"><blockquote cite="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728">天馬行空 - 365個平凡無奇日子裡的無限可能</a></blockquote></div>
<script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="喜歡" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURQJ8W9GUubtSp12NpJjuIOSMao4ALHqJZAMn-cCC4nkFhMbTGGIn1n7gICLcyR75kXJwEdHiD1w1b8qGMnWZOgv-UBK2VYOzatPJrFoF3SUUeaYv9oyE8Rp6hPuID3lb-4gf8Dy9GBM/s252/Capture1.JPG" width="150" /></a><script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>或者
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="不喜歡" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBVcCX90fMUNn_-EWgWTQoDrS2iBIUNcXhyphenhyphenxD6AmLCEzR1mdZ03vViKYRkGAkU3yXMiLw5VkcHfk3sEAaWoMihJB9_0rq0HtYZQRlzKcOJqN0e7hsArnqthELJ3PnQdixkk5FEOMIiDEc/s247/Capture1.JPG" width="120" /></a>
<!--PropellerAds獎勵按鈕結束--><style>.bmc-button img{width: 35px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{padding: 7px 5px 7px 10px !important;line-height: 35px !important;height:51px !important;min-width:217px !important;text-decoration: none !important;display:inline-flex !important;color:#FFFFFF !important;background-color:#FF813F !important;border-radius: 5px !important;border: 1px solid transparent !important;padding: 7px 5px 7px 10px !important;font-size: 20px !important;letter-spacing:0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Arial', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#FFFFFF !important;}</style><link href="https://fonts.googleapis.com/css?family=Arial" rel="stylesheet"></link><a class="bmc-button" href="https://www.buymeacoffee.com/365ordinarydays" target="_blank"><img alt="如果覺得這篇有用, 那就請我喝杯咖啡吧!" src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" /><span style="margin-left: 15px;">請我喝杯咖啡吧!</span></a>
<!--PropellerAds獎勵按鈕和Buy me a coffee-->
</div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-7806512877082778574.post-1069562646677839502021-05-10T13:44:00.370+10:002023-12-31T14:45:29.168+11:00用 Blogger 架設一個零成本的網路商店(一) 申請 ecwid 網路購物車<p>
想要<b><span style="color: #990000;">零成本</span></b>的開一個網路商店嗎? 介紹一個超好用的電子商務網路購物車, 可以輕輕鬆鬆的就加到
Blogger 上, 馬上利用<a href="https://www.365ordinarydays.xyz/2019/06/blogspot.html" target="_blank">免費的Blogger</a>,
<a href="https://www.365ordinarydays.xyz/2020/07/freenom.html" target="_blank">免費的域名(freenom)</a>和<a href="http://open.ecwid.com/3pGvH9" target="_blank">免費的 ecwid 網路購物車</a>開一個零月租零成本的網路商店囉.
</p>
<div class="mbtTOC">
<button onclick="mbtToggle()">目錄索引</button>
<ol id="mbtTOC"></ol>
</div>
<h4><span style="font-size: x-large;">如何開一個零成本的網路商店?</span></h4>
<p>
說到網路商店, 大家最耳熟能詳的大概就是 Shopify 了, Shopify 確實好用, 並且
Shopify 和 Oberlo 完美的結合, 讓選商品和上架變成一件很輕鬆的事,
然而它卻必須固定支付月租費才能使用 Shopify.
</p>
<p>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6w9P_MAXhRHEe3rZFpFDUG4RAEsRmpxVKAiM2fc1SPidF-9IsqwNADic_QLuoz_5EbiP-DwVPgBxoGyycfZcK1uWAp4mX_20rzD4AcN2gGI6cUuJzRbw6C2Di46JsftTnPbY0ZKR_qW39/s1514/112.jpg" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="402" data-original-width="1514" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6w9P_MAXhRHEe3rZFpFDUG4RAEsRmpxVKAiM2fc1SPidF-9IsqwNADic_QLuoz_5EbiP-DwVPgBxoGyycfZcK1uWAp4mX_20rzD4AcN2gGI6cUuJzRbw6C2Di46JsftTnPbY0ZKR_qW39/s16000/112.jpg" /></a>
</p>
<p>
當然啦, 對於已經下了破斧成舟決心的朋友, Shopify 的成本也不算太高,
也是可以直接走 Shopify 來開網店. 但本篇的主要宗旨還是著重在"零成本",
所以將會介紹如何利用 ecwid 來架設一個零成本的網路商店.
對於只想先試試水温的朋友, 或是主打商品求精不求多的朋友們,
這是一個不錯的選擇.
</p>
<p>
那麼, 成功的架設一個零成本, 馬上可以開始營運的網站商店,
你會需要以下幾個免費帳號:
</p>
<p>
➤ 一個 Google Blogger 帳號 (免費的)<br />➤ 一個收款用的 PayPal 帳號
(免費的)<br />➤ 一個 ecwid 網路購物車帳號 (免費的帳號可放最多十個商品)<br />➤
加入數個 dropshipping 平台成為會員 (免費的)<br />➤ 一個 freenom 帳號, 如果不想用 blogspot.com 的子網域 (免費的)</p>
<h4 style="text-align: left;">
<span style="font-size: x-large;">什麼是 ecwid?</span>
</h4>
<p>
Ecwid 是 E-commerce Widget 的縮寫, 從全名上來看, 清楚的介紹了它的功能與性質,
它是一個電子商務小工具,性質是屬於 SaaS
,表示登記註冊後的使用者並不擁有該軟件,但可以經過支付月租費使用該軟件或是<a href="http://open.ecwid.com/3pGvH9" target="_blank">申請免費帳號</a>使用免費功能。
</p>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://open.ecwid.com/3pGvH9" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="638" data-original-width="1736" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpPETHAWfxpUOcxQOzBa57zaTdCKSNGk6zgBYtufPuHaTbwZ_uH0-_xi2Z4ZrtNJIrm0XA1f1ZnwIX2kfgD8G-4-U5er4b-XuPMUx_jA6_0_JQlGMBjtjdBFo9C4Hzj__WWWBgraNADwt0/s16000/112.jpg" /></a>
</div>
<p>
與其他電子商務平台一樣,Ecwid 可以用來架設一個網路商店,
它允許使用者設置產品的“目錄”,並為每種產品添加照片,價格,重量及描述等。使用者可以自行定義運費,接受信用卡或是其他付款方式付款,也就是說,
所有希望使用電子商務解決方案能夠完成的關鍵工作, ecwid 都可以做到。使用 ecwid,
無需下載或是在電腦上安裝任何程式, 直接在網路瀏覽器上即可操作使用。
</p>
<p>
Ecwid 與 Shopify,Squarespace 和 BigCommerce 等競爭產品有很大不同,ecwid
的設計不只是讓你可以利用它建立一個獨立的網路商店,
還可以允許使用者將個別的單一商品添加到現有的社交媒體推廣平台上。
</p><p><延伸閲讀: <a href="https://www.365ordinarydays.xyz/2021/08/ecwid-vs-shopify.html" target="_blank">比較 ECWID 和 SHOPIFY的不同</a>></p>
<p>
如果你是一個新手想要開設一個網路商店試試水温,<a href="http://open.ecwid.com/3pGvH9" target="_blank"> ecwid 無疑是一個最好的起點</a>, 因為
ecwid 提供了完全免費的網路購物車, 唯一的限制只是商品數,
免費的計劃只能上架十項商品, 所以它絕對是<a href="http://open.ecwid.com/3pGvH9" target="_blank">零成本開網店</a>的最佳選擇.
</p>
<h4 style="text-align: left;">
<span style="font-size: x-large;">什麼是 Dropshipping?</span>
</h4>
<p>
如果想要了解什麼是 Dropshipping 網路直運代銷? 請看這篇: Dropshipping 101 詳介.
本篇就不多介紹 Dropshipping 了, 直接帶你一步步開設一個零成本的網路商店.
</p>
<h4 style="text-align: left;">
<span style="font-size: x-large;">申請 ecwid 帳號</span>
</h4>
<p>
如果還沒有一個 Blogger 帳號, 請看這篇馬上<a href="https://www.365ordinarydays.xyz/2019/06/blogspot.html" target="_blank">申請一個 Blogger 帳號</a>, 不用在乎什麼主題, 因為你不會需要它.
</p>
<p>然後, 申請 ecwid 帳號, 馬上獲得一個免費的網路購物車!!</p>
<p>
➤ 首先, 用 email 來 ecwid <a href="http://open.ecwid.com/3pGvH9" target="_blank">註冊一個免費的網路購物車</a>. <br />
</p>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivymscSOMCIHRztW9Mexhqa6fcGPXbIXSrCahtjW6MLyNGkShuNhrB6S1DbEG87f-YxfKdNp_fBYq9zCbUpUeuugjUbx2tdkBsvl2H0QddRaddjczFkzx7OjeKgdIpDAxiVt8Jx5TgEhFz/s1306/ABB-TB.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="563" data-original-width="1306" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivymscSOMCIHRztW9Mexhqa6fcGPXbIXSrCahtjW6MLyNGkShuNhrB6S1DbEG87f-YxfKdNp_fBYq9zCbUpUeuugjUbx2tdkBsvl2H0QddRaddjczFkzx7OjeKgdIpDAxiVt8Jx5TgEhFz/s16000/ABB-TB.JPG" /></a>
</div>
➤ 然後, 設定你網路商店的名字, 這個事後都可以隨時更改,
所以現在不用太過費心傷神想名字, 接著選擇國家與所使用的貨幣別.
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhna5BVpc-abw6j0-66kIqEIMbr1EI90GLw0jjB2fzPJ1FhcNqCCohbdGFZwa9av4rolKKxOU45neOypqoU-WOLnHIH6vsYUaWaX6du0zQbNzMVOyR1p75ePTzAGVCMnJh54vmrFOnM5qYc/s1141/ABB-TB.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="453" data-original-width="1141" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhna5BVpc-abw6j0-66kIqEIMbr1EI90GLw0jjB2fzPJ1FhcNqCCohbdGFZwa9av4rolKKxOU45neOypqoU-WOLnHIH6vsYUaWaX6du0zQbNzMVOyR1p75ePTzAGVCMnJh54vmrFOnM5qYc/s16000/ABB-TB.JPG" /></a>
</div>
➤ 填寫所在城巿和郵遞區號
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUzreOCS8oxWIb9I6W21k5H4dAc4ieVXfDkxF3HWC9oeYKEV-Zgc3Ykzjj21yqzBsSYEaNFDPcsr9B6t14DsqtIQBXWZtUEmgFn1K7izMKhrFWLsBapGskhxuuokeaLADlX2PpWcWrUbNK/s1128/ABB-TB.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="396" data-original-width="1128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUzreOCS8oxWIb9I6W21k5H4dAc4ieVXfDkxF3HWC9oeYKEV-Zgc3Ykzjj21yqzBsSYEaNFDPcsr9B6t14DsqtIQBXWZtUEmgFn1K7izMKhrFWLsBapGskhxuuokeaLADlX2PpWcWrUbNK/s16000/ABB-TB.JPG" /></a>
</div>
➤ 接下來, 填寫一點關於你未來網店的基本訊息:
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMxk6IC6pGrWgKuEg9rU6_w1VG31pseBJqTnFceUsmo1OF3SoqnYRzEDJ_a-jxzs6YQgwmOb5ITLfyupr19y6b5pl5yLKHWm2LWhx1m0Z2icTDFNyRC6i0v41DMhAgJ99ZA-uxPbeTGn6H/s1124/ABB-TB.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="505" data-original-width="1124" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMxk6IC6pGrWgKuEg9rU6_w1VG31pseBJqTnFceUsmo1OF3SoqnYRzEDJ_a-jxzs6YQgwmOb5ITLfyupr19y6b5pl5yLKHWm2LWhx1m0Z2icTDFNyRC6i0v41DMhAgJ99ZA-uxPbeTGn6H/s16000/ABB-TB.JPG" /></a>
</div>
因為本篇在示範如何在 Blogger 上利用 ecwid 開設一個網店,
所以最後一步我會選擇[<b>Yes</b>]-已經有了一個網站並選擇網站的平台是-[<b>Blogger</b>]
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0lBX3HiBX0i29yoPtsqlKGHfV48ymjCJRYVZQBLe_NF8YyClmeyq6oxB8JbwmETGG13pb10BZr4lB8hoCNxLS30h17z39P8LhNrrthP6e397hxUgcT2dNS7uCADvXj_Rdpuqj_qap8ctb/s1137/ABB-TB.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="458" data-original-width="1137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0lBX3HiBX0i29yoPtsqlKGHfV48ymjCJRYVZQBLe_NF8YyClmeyq6oxB8JbwmETGG13pb10BZr4lB8hoCNxLS30h17z39P8LhNrrthP6e397hxUgcT2dNS7uCADvXj_Rdpuqj_qap8ctb/s16000/ABB-TB.JPG" /></a>
</div>
就是如此輕鬆簡單的4個步驟, 在按下了[<b>Finish & Proceed to Dashboard</b>]鍵後, 你便已經成功的擁有了一個簡單好用的網路購物車了.
<div>
<h4>
<span style="font-size: x-large;">安裝 ecwid 網路購物車到 Blogger</span>
</h4>
</div>
<div>此時, 你已進入了 ecwid 購物車的後台:</div>
<div>
➤ 按下[<b>Add Store to Blogger</b>]鍵取得安裝 ecwid 外掛到 Blogger 的程式碼
</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF6sur1V9cGyqKIoAE7-j7hkJH3EUwPlSGtdVEOitximrfeHohWuI1z70TaexcnHe4I6CE2j1dg2EtrxZsn52FNmZ01rGyr0nWS2xfXRYa6GiZM0L8oJVUzr5ehIcjzYsth1pqSS8ExmFp/s1022/ABB-TB.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="445" data-original-width="1022" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF6sur1V9cGyqKIoAE7-j7hkJH3EUwPlSGtdVEOitximrfeHohWuI1z70TaexcnHe4I6CE2j1dg2EtrxZsn52FNmZ01rGyr0nWS2xfXRYa6GiZM0L8oJVUzr5ehIcjzYsth1pqSS8ExmFp/s16000/ABB-TB.JPG" /></a>
</div>
<div>➤ 按下[<b>Copy Code to Clipboard</b>]</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfs55oJBwkE2u85NfvLDUeXNMHBcBay9rwm5pDWoIa_mrUeg2KhmWgxJE9oGjXDvf0BLD4xqVnK6yllT_Cht4KYhBO65eA4UALhsK-rOMXcKYt9sEnt7LaSnRV0PIQdsXsoL0lVEc4HqB7/s789/ABB-TB.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="349" data-original-width="789" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfs55oJBwkE2u85NfvLDUeXNMHBcBay9rwm5pDWoIa_mrUeg2KhmWgxJE9oGjXDvf0BLD4xqVnK6yllT_Cht4KYhBO65eA4UALhsK-rOMXcKYt9sEnt7LaSnRV0PIQdsXsoL0lVEc4HqB7/s16000/ABB-TB.JPG" /></a>
</div>
➤ 選取這裡的程式碼後按下[<b>Copy</b>]鍵
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVbW3bplRcGVwmWzj_jiX6-tFRYNR_uNfXHjp4bschrPy7Gy2oiY0EuBN-naoNbN8njFqJSOx24qKAjUAmYIMFmqR9rGtO-PBg1SfSV3pk0fz5zdzFiXdd8C3BQtaHCNAeMPiHlBcr-frY/s769/ABB-TB.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="450" data-original-width="769" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVbW3bplRcGVwmWzj_jiX6-tFRYNR_uNfXHjp4bschrPy7Gy2oiY0EuBN-naoNbN8njFqJSOx24qKAjUAmYIMFmqR9rGtO-PBg1SfSV3pk0fz5zdzFiXdd8C3BQtaHCNAeMPiHlBcr-frY/s16000/ABB-TB.JPG" /></a>
</div>
此時, 我確信你已經有一個全新的 Blogger 網址, 如果還沒有, 請參考這篇<a href="https://www.365ordinarydays.xyz/2019/06/blogspot.html" target="_blank">申請一個免費的Blogger網站</a>.
<div>
➤ 最後, 到Blogger後台:<br />[<b>網頁</b>]→[<b>+新網頁</b>]→編輯模式選[<b><>HTML檢視</b>]→把從 ecwid Copy來的程式碼貼上→勾選[<b>不允許留言</b>]→按下[<b>發布</b>]鍵.</div><div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwh2ESc2ccYR_sb_MmQuWKISf_V4HRpZseXg-bpsQzi_uEi1_kXb6IAQing9I_StCsEci-ClnAsIdClCAfuj_dQ1cuAeKDzo0fA-PkooXR25qYS_fMwlVBbBlBfSKY2GSAUUcj2KfOtxDa/s1011/ABB-TB.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="385" data-original-width="1011" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwh2ESc2ccYR_sb_MmQuWKISf_V4HRpZseXg-bpsQzi_uEi1_kXb6IAQing9I_StCsEci-ClnAsIdClCAfuj_dQ1cuAeKDzo0fA-PkooXR25qYS_fMwlVBbBlBfSKY2GSAUUcj2KfOtxDa/s16000/ABB-TB.JPG" /></a>
</div>
<b><span style="color: red;">請注意</span></b>, 這個頁面將會是你的網店的商品主頁, 所以在標題處請輸入類似 <b>shop</b> 或是
<b>store</b> 之類的字樣, 讓你的網址看起來具有網路商店的代表性意義.
</div>
<div><br /></div>
<div>
到這裡, 你已經成功的將 ecwid 網路購物車加到 Blogger 了. 如前所述, 基本上使用
ecwid, 你不用在意 Blogger 要使用什麼主題,
除非你想要在你的網路商店裡加入一個首頁來介紹你的網路商店.</div><div><br /></div><div>如果你需要一個首頁來做介紹, 那麼建議選擇的主題以沒有側欄的主題為佳, 也就是儘量挑選只有上中下格式的主題, 格式愈簡單愈好, 因為重點不在主題佈景, 而在商品本身, 所以不要讓複雜光鮮的主題喧賓奪主, 搶走了商品的光彩.</div><div><br /></div><h4 style="text-align: left;"><span style="font-size: x-large;">自訂商品個性化網址</span></h4><div>此時, 使用免費Blogger的網路商店的網址會看起來看下面的格式:</div><div>https://storename.blogspot.com/p/shop.html</div><div>是否覺得太長, 或是使用 blogspot.com 的子網域不太專業? 沒關係, Blogger 可以免費讓用戶使用自己的自訂網址而不用收取月託管費用哦. 詳情請看這篇: <a href="https://www.365ordinarydays.xyz/2020/01/domain.html" target="_blank">如何在 Blogger 平台上使用自己的網域名</a>.</div><div><br /></div><div>如果自己目前並沒有一個已購買的自訂域名, 又不想要用 blogspot.com 的子網域名, 這裡推薦幾家價錢公道服務可靠的網域託管公司, 可以在這裡選購一個符合自己商品的域名, 自訂網址, 一年的費用最低可以不到2美元就能擁有一個屬於自己商店個性化的網址了.</div><div><div>➤<a href="https://www.hostg.xyz/SH4fs" target="_blank">Hostinger</a>: 本站目前用的域名就是從 Hostinger 買的, 這家販售的網域名應該是目前能找到最便宜的了, .xyz的域名一年USD$1都不到. 詳情請看這篇示範: <a href="https://www.365ordinarydays.xyz/2020/10/hostinger.html" target="_blank">如何在Blogger上使用Hostinger網域名</a>.</div></div><div>➤<a href="https://shareasale.com/r.cfm?b=1151484&u=2172328&m=46483&urllink=&afftrack=" target="_blank">Namecheap</a>: Namecheap 是一家國內外知名的大型網域託管公司. 它家的網域名不僅價錢公道, 幾乎所有的域名都免費贈送 Whois 隱私服務.</div>
<div>➤<a href="http://tinyurl.com/y46xym78" target="_blank">GoDaddy</a> : Go Daddy的口碑不錯,而且付款方式便捷又不囉唆。</div><div><br /></div><div>如果又不想用 blogspot.com 的子網域, 也不想花錢買域名, 另一個選擇便是使用免費的網域 freenom, 請情請看: <a href="https://www.365ordinarydays.xyz/2020/07/freenom.html" target="_blank">如何在 Blogger 上使用 freenom 的免費域名</a>. 不過提醒一下, 這個免費的網址最長只有12個月的有效期.</div><div><br /></div><div>也就是說, 一年後, 你從freenom獲得的免費網址將成為無效的網址, 如果那時才賺買新域名, 你之前的客戶及在Google上網站的排名和權重都將歸零. 因為, 如果不是在測試, 而是走長期經營的路線, 強烈建議購買一個域名, 畢竟域名<a href="https://www.hostg.xyz/SH5vg" target="_blank">一年僅需USD$1-10</a>不等.</div><div><br /></div><div>此時, 你的 ecwid 商店的網址應該就長成:</div><div>(付費購買的) https://storename.com 或是 freenom 免費的 https://storename.tk</div><div><br /></div><h4 style="text-align: left;"><span style="font-size: x-large;">重新導向商店登陸頁面</span></h4><div><div>不論你是使用 Blogger 的子網域 .blogspot.com, 或是自購的網址, 還是利用12個月免費的 freenom 域名, 你會發現你必需要使用下列網址才能進入 ecwid 的主商品頁</div><div>https://storename.online<b style="background-color: #fff2cc;">/p/shop.html</b></div><div><br /></div><div>如果你只是單單輸入https://storename.online你會看到如下畫面, 那是因為這個網站上並沒有任何一篇文章, 而商品是加在上述步驟中的[<b>+新網頁</b>]上</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnfn5-1DrAQ0o0CrbbEpalzhTvi3fYPNKSu1mSxBOJrCpmS2RAhsuSuv39N3-5F9dvynvBR4G0WX0EuC4IInkQWsdwMxGx2ZIvLuotjQtNFLDpb844vHRwVCtiJYMUDM3ded3VR4vE2uSc/s1707/114.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="438" data-original-width="1707" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnfn5-1DrAQ0o0CrbbEpalzhTvi3fYPNKSu1mSxBOJrCpmS2RAhsuSuv39N3-5F9dvynvBR4G0WX0EuC4IInkQWsdwMxGx2ZIvLuotjQtNFLDpb844vHRwVCtiJYMUDM3ded3VR4vE2uSc/s16000/114.JPG" /></a></div><div>所以, 如果你需要一個頁面來專門介紹你的網路商店, 那麼此時只需要用一篇[<b>+新文章</b>], 以這篇文章為網路商店的介紹頁面, 那麼在登陸網站時, 首入眼簾的, 便會是這篇文章.</div><div><br /></div><div>如果不需要一個首頁來介紹你的網路商店, 而希望網店的登陸頁就是剛才 ecwid 建立好的購物主頁面, 你只需要利用 Blogger 後台的<b>重新導向功能</b>將剛才新建的<b style="background-color: #fff2cc;"> /p/shop.html </b>頁面導向你的主頁面, 詳情請參考這篇: <a href="https://www.365ordinarydays.xyz/2021/04/index.html" target="_blank">重設Blogger網站的登陸頁面</a>.</div></div><div><br /></div><div><a href="https://trendy366.blogspot.com/p/shop.html" target="_blank">請看參考利用 ecwid 網路購物車設定的網路商店</a></div><div><br /></div>
<div><下一篇: <a href="https://www.365ordinarydays.xyz/2021/08/ecwid.html" target="_blank">ecwid 網路購物車的設定</a>></div>
</div><br /><!--PropellerAds獎勵按鈕up&down&臉書粉專-->
<div class="fb-page" data-adapt-container-width="true" data-height="" data-hide-cover="false" data-href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" data-show-facepile="true" data-small-header="false" data-tabs="event" data-width="" style="clear: both; text-align: right;"><blockquote cite="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728">天馬行空 - 365個平凡無奇日子裡的無限可能</a></blockquote></div>
<script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="喜歡" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURQJ8W9GUubtSp12NpJjuIOSMao4ALHqJZAMn-cCC4nkFhMbTGGIn1n7gICLcyR75kXJwEdHiD1w1b8qGMnWZOgv-UBK2VYOzatPJrFoF3SUUeaYv9oyE8Rp6hPuID3lb-4gf8Dy9GBM/s252/Capture1.JPG" width="150" /></a><script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>或者
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="不喜歡" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBVcCX90fMUNn_-EWgWTQoDrS2iBIUNcXhyphenhyphenxD6AmLCEzR1mdZ03vViKYRkGAkU3yXMiLw5VkcHfk3sEAaWoMihJB9_0rq0HtYZQRlzKcOJqN0e7hsArnqthELJ3PnQdixkk5FEOMIiDEc/s247/Capture1.JPG" width="120" /></a>
<!--PropellerAds獎勵按鈕結束--><style>.bmc-button img{width: 35px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{padding: 7px 5px 7px 10px !important;line-height: 35px !important;height:51px !important;min-width:217px !important;text-decoration: none !important;display:inline-flex !important;color:#FFFFFF !important;background-color:#FF813F !important;border-radius: 5px !important;border: 1px solid transparent !important;padding: 7px 5px 7px 10px !important;font-size: 20px !important;letter-spacing:0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Arial', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#FFFFFF !important;}</style><link href="https://fonts.googleapis.com/css?family=Arial" rel="stylesheet"></link><a class="bmc-button" href="https://www.buymeacoffee.com/365ordinarydays" target="_blank"><img alt="如果覺得這篇有用, 那就請我喝杯咖啡吧!" src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" /><span style="margin-left: 15px;">請我喝杯咖啡吧!</span></a>
<!--PropellerAds獎勵按鈕和Buy me a coffee-->
<!--目錄索引啓動程式碼-->
<script>mbtTOC();</script>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7806512877082778574.post-35663143501364527412021-05-09T20:37:00.005+10:002021-09-27T13:45:45.095+10:00如何將Blogger標頭區分為兩個部分?<p>如果喜歡的主題模版標頭部份不含廣告顯示區, 但卻很想放廣告? 又或者是標頭只有一個區塊, 但想要分隔成二塊放置不同圖片或元件?</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGCI1pbxmF-eeP8ED9L0fXkRRwiZppgMxi12t4cms0Jo1lhiy-MNE6bwPpn810KMJ81h7nQsPGpIviiwSsQqaFENadonYNYp8XesABiYJ14lxIuL3Nm6yUHNQ7YuTH_F-jaPibSlmKtTCg/s1022/ABB-TB.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="456" data-original-width="1022" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGCI1pbxmF-eeP8ED9L0fXkRRwiZppgMxi12t4cms0Jo1lhiy-MNE6bwPpn810KMJ81h7nQsPGpIviiwSsQqaFENadonYNYp8XesABiYJ14lxIuL3Nm6yUHNQ7YuTH_F-jaPibSlmKtTCg/s16000/ABB-TB.JPG" /></a></div><p>把一個區塊區分成二塊並不困難 (如上圖, 分割表頭區, 新增廣告欄位), 所以並不需要為了因為沒有廣告欄位而放棄這個主題哦.</p><p><span style="font-size: large;"><b><u>步驟一:</u></b></span></p><div class="separator" style="clear: both; text-align: left;">首先, 先到Blogger後台的[<b>主題</b>]→[<b>編輯HTML</b>]→按下 <b style="background-color: #fff2cc;">Ctrl+F</b> →然後在搜查列輸入: <b style="background-color: #fff2cc;"><b:section class='header'</b> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtTfVarSCnF5gdT4K_Fq14QHIl7etKmCPofy2eK6TPPU0WpZVQdnqllwuZ8gZHM0kWHQXa7gYSrkGSmEGIuqJj7bk1L6Px72NufdyJblyjpmkeF7MF2KNjEqcgbXwMp_n9kbZntgPRgpjM/s1127/111.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="769" data-original-width="1127" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtTfVarSCnF5gdT4K_Fq14QHIl7etKmCPofy2eK6TPPU0WpZVQdnqllwuZ8gZHM0kWHQXa7gYSrkGSmEGIuqJj7bk1L6Px72NufdyJblyjpmkeF7MF2KNjEqcgbXwMp_n9kbZntgPRgpjM/s16000/111.jpg" /></a></div>然後找尋緊接在這個 <b style="background-color: #fff2cc;"><b:section class='header'</b> 後面出現的第一個 <span style="background-color: #fff2cc;"><b></b:section></b></span>, 然後在它下面貼入下面的程式碼:<div><pre style="background: rgb(69, 69, 69); border: 0px; box-sizing: border-box; color: white; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.3em; margin-bottom: 15px; margin-top: 15px; overflow: auto; padding: 25px 15px 15px; position: relative; text-align: justify; vertical-align: baseline;"><!--加入標頭的右邊-->
<b:section id='header-right' showaddelement='yes'></b:section>
<div style='clear: both;'/>
<!--加入標頭的右邊結束--></pre><div><br /></div><div><span style="font-size: large;"><b><u>步驟二:</u></b></span></div><div><br /></div><div>然後, 按下 <b style="background-color: #fff2cc;">Ctrl+F</b> →然後在搜查列輸入: <b style="background-color: #fff2cc;">]]></b:skin></b> →在 <b style="background-color: #fff2cc;">]]></b:skin></b> 上方貼入下面的程式碼:</div><div><pre style="background: rgb(69, 69, 69); border: 0px; box-sizing: border-box; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.3em; margin-bottom: 15px; margin-top: 15px; overflow: auto; padding: 25px 15px 15px; position: relative; text-align: justify; vertical-align: baseline;"><span style="color: white;">/*區分標頭為2部份的寛度設定*/
#header, body#layout
#header {width:33%;display:inline-block;float:left;}
#header-right, body#layout
#header-right
{width:65%;display:inline-block;float:right;padding:10px;}
#header-right .widget {margin:0;}
.Header1 {
width: 100%; display: flex;
}
.header {
float: left;
width:50%;
margin:0;
padding: 0;
overflow:hidden;
}
.header-right {
float: right;
width:50%;
margin:0;
padding: 0;
overflow:hidden;
}
#layout #header, #layout #header-right {
padding: 0px !important;
margin: 0px !important;
width: 50% !important;
}
/*區分標頭為2部份的寛度設定 - 結束*/<br />
</span></pre></div><div><p>按下[<b>儲存</b>]後, 回到[<b>版面配置</b>]可以看到多了一個標頭區塊了.</p><p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs3NCxQWDoxCVmuac-jadcJH5kmwo6buPw-8ZmCg5soQXQuRijoaOf8tjR3ReuP9oggjz1O9Pq0q3GjJtzf5l8wOGs7XlCjKNlQLIbxcuPYYxNYF0vVGxaSGlzOOMlKSWHF27wHbJCooab/s1351/111.jpg" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="471" data-original-width="1351" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs3NCxQWDoxCVmuac-jadcJH5kmwo6buPw-8ZmCg5soQXQuRijoaOf8tjR3ReuP9oggjz1O9Pq0q3GjJtzf5l8wOGs7XlCjKNlQLIbxcuPYYxNYF0vVGxaSGlzOOMlKSWHF27wHbJCooab/s16000/111.jpg" /></a></p><p><b><u><span style="font-size: large;">步驟三:</span></u></b></p><p>回到[<b>版面配置</b>], 可以利用[<b>+新增小工具</b>]在header-right的區塊裡加入Google AdSense的廣告程式碼了.</p><p>同樣的做法也可以用在把頁腳部份切割成想要的區塊.</p><p><!--PropellerAds獎勵按鈕up&down&臉書粉專-->
</p><div class="fb-page" data-adapt-container-width="true" data-height="" data-hide-cover="false" data-href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" data-show-facepile="true" data-small-header="false" data-tabs="event" data-width="" style="clear: both; text-align: right;"><blockquote cite="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728">天馬行空 - 365個平凡無奇日子裡的無限可能</a></blockquote></div>
<script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="喜歡" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURQJ8W9GUubtSp12NpJjuIOSMao4ALHqJZAMn-cCC4nkFhMbTGGIn1n7gICLcyR75kXJwEdHiD1w1b8qGMnWZOgv-UBK2VYOzatPJrFoF3SUUeaYv9oyE8Rp6hPuID3lb-4gf8Dy9GBM/s252/Capture1.JPG" width="150" /></a><script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>或者
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="不喜歡" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBVcCX90fMUNn_-EWgWTQoDrS2iBIUNcXhyphenhyphenxD6AmLCEzR1mdZ03vViKYRkGAkU3yXMiLw5VkcHfk3sEAaWoMihJB9_0rq0HtYZQRlzKcOJqN0e7hsArnqthELJ3PnQdixkk5FEOMIiDEc/s247/Capture1.JPG" width="120" /></a>
<!--PropellerAds獎勵按鈕結束--><style>.bmc-button img{width: 35px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{padding: 7px 5px 7px 10px !important;line-height: 35px !important;height:51px !important;min-width:217px !important;text-decoration: none !important;display:inline-flex !important;color:#FFFFFF !important;background-color:#FF813F !important;border-radius: 5px !important;border: 1px solid transparent !important;padding: 7px 5px 7px 10px !important;font-size: 20px !important;letter-spacing:0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Arial', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#FFFFFF !important;}</style><link href="https://fonts.googleapis.com/css?family=Arial" rel="stylesheet"></link><a class="bmc-button" href="https://www.buymeacoffee.com/365ordinarydays" target="_blank"><img alt="如果覺得這篇有用, 那就請我喝杯咖啡吧!" src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" /><span style="margin-left: 15px;">請我喝杯咖啡吧!</span></a><p></p>
<!--PropellerAds獎勵按鈕和Buy me a coffee-->
</div></div>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-7806512877082778574.post-48995469498133368012021-05-09T14:25:00.004+10:002021-05-09T20:00:17.079+10:00標題背景格式設定<p></p>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtiwiGXM89N5baLax79nCZtgM_RvwnqajCNhoZKcbfJ1axJTB7CPDo5Z7abA3AR7k2pK1cyLb6GxdKCBqRNdSYqCpml7AijHfbywBnSInCIR0nxeooIU2g-hoj7fizdEKQ6H9urJA26PrP/s370/111.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="370" data-original-width="151" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtiwiGXM89N5baLax79nCZtgM_RvwnqajCNhoZKcbfJ1axJTB7CPDo5Z7abA3AR7k2pK1cyLb6GxdKCBqRNdSYqCpml7AijHfbywBnSInCIR0nxeooIU2g-hoj7fizdEKQ6H9urJA26PrP/s16000/111.jpg" /></a>有時一篇文章落落長,
想要為文章分段設定不同的大小標題好讓一篇篇長長的文章有分段區塊的感覺.
<div><br /></div>
<div>
此篇介紹的程式碼可以貼在單篇文章的[<b><>HTML檢視</b>]裡,
只單為特定的某些文章做設定, 也可以選擇貼在Blogger主題模版裡,
為整個網站的某個特別的標題做固定的背景設定.
</div>
<div><br /></div>
<div>在開始前, 先簡單介紹一下Blogger文章編輯列裡提供的4個標題的屬性.</div>
<div><br /></div>
<div>
在文章[<b>段落</b>]下, 有大標籤/標題/子標題/小標題4種. 它們的HTML tag分別如下, 當然啦, 你也可以自行定義你想要設定標題背景的標題為h5/h6/h7...</div>
<div><br /></div>
<h1 style="text-align: left;">大標籤 - h1</h1>
<h2 style="text-align: left;">標題 - h2</h2>
<h3 style="text-align: left;">子標題 - h3</h3>
<div>
<p style="text-align: left;"><b>小標題 - h4</b></p>
<p></p>
所以, 下面的CSS程式碼裡的heading tag就依據你想要加上標題背景的tag來自行修改.</div><div><iframe height="300" src="https://docs.google.com/document/d/e/2PACX-1vRoemyTfCedtwTMkrBc6AQaAyGcWyKOdCDQxCYF56yDIP8QLBtDsvOEkKIxzWUq4sP7NERjAbyL7pij/pub?embedded=true" width="850"></iframe><br />
<p>簡單介紹一下</p><p><b>⧭ <u>背景形狀設定:</u></b></p><p>border-radius:<span style="background-color: #fff2cc;">5px 50px</span>; <br />如果想要標籤背景呈現成的四個直角, 那麼把上面的 5px 50px; 變成 <span style="background-color: #fff2cc;">100px</span></p><p>-moz-border-radius:5px 50px; <br />設定同上.</p><p><b>⧭ <u>背景漸層顏色設定:</u></b></p><p>background:-moz-linear-gradient(right,<span style="background-color: #fff2cc;">#ccc</span> 20%,<span style="background-color: #fff2cc;">#000</span> 20%); <br />background:-webkit-gradient(linear,left 10,right 80,color-stop(<span style="background-color: #fcff01; color: red;">0.20</span>,<span style="background-color: #fff2cc;">#000</span>),color-stop(<span style="background-color: #fcff01;"><span style="color: red;">1</span></span>,<span style="background-color: #fff2cc;">#ccc</span>));</p><p>如果不想背景是漸層顏色, 那麼把二個顏色都設定同樣的色碼即可. 可以在這裡查<a href="https://www.w3schools.com/colors/colors_picker.asp" target="_blank">HTML顏色代碼</a>.</p><p>請注意: <span style="background-color: #fcff01; color: red;">0.20 </span>這裡的數字大小決定了左邊顏色的長度, 舉例數值愈大左邊的顏色愈長.</p><p><b>⧭ <u>背景框線設定:</u></b></p><p>border:<span>1px</span> solid #999; <br />這裡可以設定標題背景框線的粗線/框線格式/框線顏色.</p><p>框線格式有以下幾種選擇:<br /></p><p>➤ dotted - 點點邊框<br />➤ dashed - 虛線邊框<br />➤ solid - 實線邊框<br />➤ double - 雙線邊框<br />➤ groove - 3D立體溝槽式邊框<br />➤ ridge - 3D立體突起式邊框<br />➤ inset - 3D立體邊框<br />➤ outset - 3D立體邊框<br />➤ none - 取消邊框<br />➤ hidden - 隱藏邊框</p><div>講了一堆的設定, 還是要實測才能清楚明白如何設定才是自己想要的格式, 可以到這裡來<a href="https://www.w3schools.com/css/tryit.asp?filename=trycss3_gradient-linear_repeating" target="_blank">測試框邊和漸層顏色</a>:</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitaX3c0dPAOp7nWbqLYanx2HD0MdwpEdxrO3McqDgV5dmaTyjsoRaH6ANXjbJ7ZpmXBl6umczmpm9QFBpfM8palE1AC9HO_fSj7KlzOYop21azgTvC3t0evKUVOTdbSmB2bWBhjc7sxUBX/s1138/111.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="506" data-original-width="1138" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitaX3c0dPAOp7nWbqLYanx2HD0MdwpEdxrO3McqDgV5dmaTyjsoRaH6ANXjbJ7ZpmXBl6umczmpm9QFBpfM8palE1AC9HO_fSj7KlzOYop21azgTvC3t0evKUVOTdbSmB2bWBhjc7sxUBX/s16000/111.jpg" /></a></div>只需把上圖紅線框住的二行刪除, 並貼入本文的CSS程式碼, 便會出現一個 200px 高的圖示, 可以自行在這個網站測試出自己喜歡的顏色和格式後再代入上方的程式碼.<br /><!--PropellerAds獎勵按鈕up&down&臉書粉專-->
<div class="fb-page" data-adapt-container-width="true" data-height="" data-hide-cover="false" data-href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" data-show-facepile="true" data-small-header="false" data-tabs="event" data-width="" style="clear: both; text-align: right;"><blockquote cite="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728">天馬行空 - 365個平凡無奇日子裡的無限可能</a></blockquote></div>
<script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="喜歡" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURQJ8W9GUubtSp12NpJjuIOSMao4ALHqJZAMn-cCC4nkFhMbTGGIn1n7gICLcyR75kXJwEdHiD1w1b8qGMnWZOgv-UBK2VYOzatPJrFoF3SUUeaYv9oyE8Rp6hPuID3lb-4gf8Dy9GBM/s252/Capture1.JPG" width="150" /></a><script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>或者
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="不喜歡" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBVcCX90fMUNn_-EWgWTQoDrS2iBIUNcXhyphenhyphenxD6AmLCEzR1mdZ03vViKYRkGAkU3yXMiLw5VkcHfk3sEAaWoMihJB9_0rq0HtYZQRlzKcOJqN0e7hsArnqthELJ3PnQdixkk5FEOMIiDEc/s247/Capture1.JPG" width="120" /></a>
<!--PropellerAds獎勵按鈕結束--><style>.bmc-button img{width: 35px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{padding: 7px 5px 7px 10px !important;line-height: 35px !important;height:51px !important;min-width:217px !important;text-decoration: none !important;display:inline-flex !important;color:#FFFFFF !important;background-color:#FF813F !important;border-radius: 5px !important;border: 1px solid transparent !important;padding: 7px 5px 7px 10px !important;font-size: 20px !important;letter-spacing:0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Arial', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#FFFFFF !important;}</style><link href="https://fonts.googleapis.com/css?family=Arial" rel="stylesheet"></link><a class="bmc-button" href="https://www.buymeacoffee.com/365ordinarydays" target="_blank"><img alt="如果覺得這篇有用, 那就請我喝杯咖啡吧!" src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" /><span style="margin-left: 15px;">請我喝杯咖啡吧!</span></a></div>
<!--PropellerAds獎勵按鈕和Buy me a coffee-->
Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-7806512877082778574.post-14904741941149243682021-05-07T20:21:00.002+10:002021-05-07T21:57:46.160+10:00如何讓手機上的影片自動調整符合手機營幕尺寸?<p>一個好的主題模版本身的設定就應該是會自動將文章裡的youtube影片為不同尺寸的營幕做調整, 然而有時候偏偏會喜歡上一個不會自動將影片做調整的主題模版, 這時, 真有一種"<b><span style="color: red;">恨鐵不成鋼</span></b>"的感覺, 對這個主題無法捨棄, 可偏偏發文的影片在手機上看就會被硬生生的卡斷只剩一半.</p><p>今天人手一機的時代下, 真的不能做個網站只有在PC上看時是正常的, 到了手機就斷片了. 所以, 如果真的愛上了一個對手機用戶不友善的主題時, 沒關係, 本篇示範如何讓文章中的youtube 影片在不同尺寸的營幕上都能完整呈現.</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBvK4SHXQ1LQ0C9PzqN2E2j_95BLbCthqtFg39XPx-r0epj1ExccF16KKuB5uxOMPyT96sgj-vf3KPfTKNYS0vm5ljPmIOy7hImuS6TorfY2eo2ZT7nOwne76Id-mpDpqXd1ATKGGo4Qav/s982/111.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="763" data-original-width="982" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBvK4SHXQ1LQ0C9PzqN2E2j_95BLbCthqtFg39XPx-r0epj1ExccF16KKuB5uxOMPyT96sgj-vf3KPfTKNYS0vm5ljPmIOy7hImuS6TorfY2eo2ZT7nOwne76Id-mpDpqXd1ATKGGo4Qav/s16000/111.jpg" /></a></div><p>好好的影文因為在手機上被截斷, 感覺真的很掉潻, 建議最好的解決辦法, 就是<a href="https://www.365ordinarydays.xyz/2019/09/template.html" target="_blank">另選一款功能設置上對手機用戶友善的主題模版</a>, 但如果真的不想更換主題, 就是鐘愛這款, 也沒關係, 解決方法超級簡單, 只需在從youtube影上取得的內嵌程式碼:</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl-wQhOGIX39C7UCGC8mP5YW7vNZliqeYedJTI1aH9xjcxUiHVXtybhg0i5dayfWPCrfETG6EzbHV0dUTkPM7B8B46lpovIBI49jl5xPrgiH2VMQpiVjHNGlTxRTFuoI-MFCkUyPb7eb75/s1175/111.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="689" data-original-width="1175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl-wQhOGIX39C7UCGC8mP5YW7vNZliqeYedJTI1aH9xjcxUiHVXtybhg0i5dayfWPCrfETG6EzbHV0dUTkPM7B8B46lpovIBI49jl5xPrgiH2VMQpiVjHNGlTxRTFuoI-MFCkUyPb7eb75/s16000/111.jpg" /></a></div><p>➤ Copy下程式碼, 回到Blogger 後台<br />➤ 文章編輯模式選[<b><>HTML檢視</b>], 在要加入影片處貼入程式碼<br />➤ 然後在youtube 的程式碼的前面加上:</p><p><span style="background-color: #fff2cc;"><div class="video-responsive"></span><br /><iframe 這裡是youtube的內嵌程式碼></iframe><br /><span style="background-color: #fff2cc;"></div><br /></span>➤按下[<b>發布</b>]後, 手機上的影片就會正常顯示囉.</p><p>還有另一種方法可供參考:</p><p>➤ Copy YouTube影片網址<br />➤ 到<a href="http://embedresponsively.com/" target="_blank">這個網站</a>取得嵌入程式碼</p><p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_v8XFF3vVpqvrfP_4RPA9AOqDuu6uvV8okb0pngjHoCaCN8ZZjcYvgPMOD6mz0LOYxIAV45UW6TWuEItSnR-IVS9uiBv1qllM1pJtoZtm5o65y_1orzTiO1XWYV5rUV_FZAq1yIf-eBs/s1310/113.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="720" data-original-width="1310" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_v8XFF3vVpqvrfP_4RPA9AOqDuu6uvV8okb0pngjHoCaCN8ZZjcYvgPMOD6mz0LOYxIAV45UW6TWuEItSnR-IVS9uiBv1qllM1pJtoZtm5o65y_1orzTiO1XWYV5rUV_FZAq1yIf-eBs/s16000/113.jpg" width="1030" /></a><br />➤ Copy下程式碼, 回到Blogger 後台<br />➤ 文章編輯模式選[<b><>HTML檢視</b>], 在要加入影片處貼入崁入程式碼<br />➤ 按下[<b>發布</b>]鍵即可.</p><p><!--PropellerAds獎勵按鈕up&down&臉書粉專-->
<div class="fb-page" style="clear: both; text-align: right;" data-adapt-container-width="true" data-height="" data-hide-cover="false" data-href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" data-show-facepile="true" data-small-header="false" data-tabs="event" data-width=""><blockquote cite="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728">天馬行空 - 365個平凡無奇日子裡的無限可能</a></blockquote></div>
<script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="喜歡" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURQJ8W9GUubtSp12NpJjuIOSMao4ALHqJZAMn-cCC4nkFhMbTGGIn1n7gICLcyR75kXJwEdHiD1w1b8qGMnWZOgv-UBK2VYOzatPJrFoF3SUUeaYv9oyE8Rp6hPuID3lb-4gf8Dy9GBM/s252/Capture1.JPG" width="150" /></a><script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>或者
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="不喜歡" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBVcCX90fMUNn_-EWgWTQoDrS2iBIUNcXhyphenhyphenxD6AmLCEzR1mdZ03vViKYRkGAkU3yXMiLw5VkcHfk3sEAaWoMihJB9_0rq0HtYZQRlzKcOJqN0e7hsArnqthELJ3PnQdixkk5FEOMIiDEc/s247/Capture1.JPG" width="120" /></a>
<!--PropellerAds獎勵按鈕結束--><style>.bmc-button img{width: 35px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{padding: 7px 5px 7px 10px !important;line-height: 35px !important;height:51px !important;min-width:217px !important;text-decoration: none !important;display:inline-flex !important;color:#FFFFFF !important;background-color:#FF813F !important;border-radius: 5px !important;border: 1px solid transparent !important;padding: 7px 5px 7px 10px !important;font-size: 20px !important;letter-spacing:0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Arial', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#FFFFFF !important;}</style><link href="https://fonts.googleapis.com/css?family=Arial" rel="stylesheet"></link><a class="bmc-button" href="https://www.buymeacoffee.com/365ordinarydays" target="_blank"><img alt="如果覺得這篇有用, 那就請我喝杯咖啡吧!" src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" /><span style="margin-left: 15px;">請我喝杯咖啡吧!</span></a></p>
<!--PropellerAds獎勵按鈕和Buy me a coffee -->
</p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7806512877082778574.post-84573746850116858402021-05-07T19:42:00.003+10:002021-05-07T19:49:20.641+10:00讓Blogger的圖片自動符合手機營幕尺寸<p>一個好的主題模版本身的設定就應該是會自動將文章裡的圖片為不同尺寸的營幕做調整, 然而有時候偏偏會喜歡上一個不會自動將圖片做調整的主題模版, 這時, 真有一種"恨鐵不成鋼"的感覺, 對這個主題無法捨棄, 可偏偏發文的圖片在手機上看就會被硬生生的卡斷只剩一半.</p><p>今天人手一機的時代下, 真的不能做個網站只有在PC上看時是正常的, 到了手機就斷片了. 所以, 如果真的愛上了一個對手機用戶不友善的主題時, 沒關係, 本篇示範如何讓文章中的圖片在不同尺寸的營幕上都會完整呈現.</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvQqoriuzxB8tcoucIAtUozl3TodOgH5_h8xq-vChlG-8qnZa_hW4ONlvEKrBiNtI4h5flwQ8DO7qMTnIWlEBUVUgUroTXLd_X7l3vYnsFRCJmjGRru6MjLFT3WBSLW2ZfWRTNxHXLDwMT/s984/111.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="773" data-original-width="984" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvQqoriuzxB8tcoucIAtUozl3TodOgH5_h8xq-vChlG-8qnZa_hW4ONlvEKrBiNtI4h5flwQ8DO7qMTnIWlEBUVUgUroTXLd_X7l3vYnsFRCJmjGRru6MjLFT3WBSLW2ZfWRTNxHXLDwMT/s16000/111.jpg" /></a></div>一些美美的圖文因為在手機上被截斷, 感覺真的很掉潻, 建議最好的解決辦法, 就是<a href="https://www.365ordinarydays.xyz/2019/09/template.html" target="_blank">另選一款功能設置上對手機用戶友善的主題模版</a>, 但如果真的不想更換主題, 就是鐘愛這款, 也沒關係, 只要利用這篇介紹的[<b><a href="https://www.365ordinarydays.xyz/2021/05/post-template.html" target="_blank">文章範本</a></b>]功能, 在這裡貼入下面的程式碼, 之後的每篇文章圖片都會自動調整成符合營幕尺寸的大小了.<iframe height="500" src="https://docs.google.com/document/d/e/2PACX-1vSjIo_seFmpBHs9VfItEqIgXrkeicF9r8YGfQtkYhZVusYdG5_gYS14UeWvHMZ_80VNIeK-1QIQ56M9/pub?embedded=true" width="800"></iframe><div><p>如果是要挽救已經發布的文章, 也很簡單, 回到該篇文章裡, 選取[<b><>HTML檢視</b>]的編輯模式, 在文章前插入上面的程式碼即可.</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs_HEtbW2702yQiZKIM3n4-N01O_wnoyn0yeC8lp5R0Q-IgfFrCJlz1gmpC4CWcYzbD3g8MK8YaQfo64hCEPkLy2Qp_Izn4jPl9revY20UG6BfP25LJzpqWcBdRZ8pxNlgxSH6c1RBJzaT/s636/111.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="636" data-original-width="609" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs_HEtbW2702yQiZKIM3n4-N01O_wnoyn0yeC8lp5R0Q-IgfFrCJlz1gmpC4CWcYzbD3g8MK8YaQfo64hCEPkLy2Qp_Izn4jPl9revY20UG6BfP25LJzpqWcBdRZ8pxNlgxSH6c1RBJzaT/s16000/111.jpg" /></a></div><!--PropellerAds獎勵按鈕up&down&臉書粉專-->
<div class="fb-page" data-adapt-container-width="true" data-height="" data-hide-cover="false" data-href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" data-show-facepile="true" data-small-header="false" data-tabs="event" data-width="" style="clear: both; text-align: right;"><blockquote cite="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728">天馬行空 - 365個平凡無奇日子裡的無限可能</a></blockquote></div>
<script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="喜歡" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURQJ8W9GUubtSp12NpJjuIOSMao4ALHqJZAMn-cCC4nkFhMbTGGIn1n7gICLcyR75kXJwEdHiD1w1b8qGMnWZOgv-UBK2VYOzatPJrFoF3SUUeaYv9oyE8Rp6hPuID3lb-4gf8Dy9GBM/s252/Capture1.JPG" width="150" /></a><script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>或者
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="不喜歡" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBVcCX90fMUNn_-EWgWTQoDrS2iBIUNcXhyphenhyphenxD6AmLCEzR1mdZ03vViKYRkGAkU3yXMiLw5VkcHfk3sEAaWoMihJB9_0rq0HtYZQRlzKcOJqN0e7hsArnqthELJ3PnQdixkk5FEOMIiDEc/s247/Capture1.JPG" width="120" /></a>
<!--PropellerAds獎勵按鈕結束--><style>.bmc-button img{width: 35px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{padding: 7px 5px 7px 10px !important;line-height: 35px !important;height:51px !important;min-width:217px !important;text-decoration: none !important;display:inline-flex !important;color:#FFFFFF !important;background-color:#FF813F !important;border-radius: 5px !important;border: 1px solid transparent !important;padding: 7px 5px 7px 10px !important;font-size: 20px !important;letter-spacing:0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Arial', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#FFFFFF !important;}</style><link href="https://fonts.googleapis.com/css?family=Arial" rel="stylesheet"></link><a class="bmc-button" href="https://www.buymeacoffee.com/365ordinarydays" target="_blank"><img alt="如果覺得這篇有用, 那就請我喝杯咖啡吧!" src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" /><span style="margin-left: 15px;">請我喝杯咖啡吧!</span></a></div>
<!--PropellerAds獎勵按鈕和Buy me a coffee-->
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7806512877082778574.post-7494637319246248872021-05-03T13:12:00.014+10:002021-05-09T19:56:22.336+10:00免費的客製化連絡表單<style type="text/css">
h5{
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
border-radius:5px 50px; /*原設100px, 把標籤的四個直角變圓, 現在改成對角線圓*/
-moz-border-radius:5px 50px; /*把標籤的四個直角變圓*/
background:-moz-linear-gradient(right,#eee 20%,#ffcc66 20%); /*標題漸層顏色由右到左*/
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.2,#ffcc66),color-stop(0.5,#eee));
/*標題漸層底色由左到右*/
border:1px none #999; /*標題框線顏色*/
}
</style>
<p>Google Blogger本身雖然也有一個<a href="https://www.365ordinarydays.xyz/2019/10/contact-us.html" target="_blank">連絡表單</a>, 但似乎一直有個揮之不去的bug, 怎麼查找, 都找不到解決方法, Google 也似乎沒有想要解決的意思, 於是就導致了要<a href="https://www.365ordinarydays.xyz/2019/10/contact-us.html" target="_blank">安裝Blogger自己的連絡表單</a>雖然很容易, 但卻是收不到訪客遞交出的表單.</p><p>咦... 這個 bug 太可怕了吧!! 即然這麼的不穩定, 真心建議別用 Blogger 的連絡表單了. 之前寫了一篇大力推薦 Google 家的另一項產品 - Google Form, 可以利用萬無一失的 <a href="https://www.365ordinarydays.xyz/2019/10/google-forms.html" target="_blank">Google Form 來做網站的連絡表單</a>, 即簡單好用, 又確保不會遺露任何一位訪客的留言.</p><p>但最近發現, 利用 Google Form 做的連絡表單, 有時居然在手機上無法打開填表. 為了克服這個問題, 最近發現二款版型好看, 又超級好用的免費客製化表單, 可以做為 Google Form 的替代品哦.</p><p>如果對 Google Form 的版型看膩的朋友, 不妨試試下面這二款免費又可以客製化連絡表單.</p>
<p><span style="font-size: x-large;"></span></p><h5><span style="font-size: x-large;"><b>JotForm</b></span></h5><p></p><p><a href="https://www.jotform.com/" target="_blank">這一款免費的表單</a>好看又好用, 只需要一個email地址就可以註冊申請免費帳號了.</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSC1w3vHgXHEnR3mwsdta81zgatpU6JKypl6ashf3WsTU9pJW_oiQzFtSiKAivDQl_uGQM2eaipO9z82S0yBwBFf2vcajkqQGCxQ8NZJewC-0vsidxdNnmwL_wl1inOBo5vBIi_JYT_G_P/s1320/Capture.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="571" data-original-width="1320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSC1w3vHgXHEnR3mwsdta81zgatpU6JKypl6ashf3WsTU9pJW_oiQzFtSiKAivDQl_uGQM2eaipO9z82S0yBwBFf2vcajkqQGCxQ8NZJewC-0vsidxdNnmwL_wl1inOBo5vBIi_JYT_G_P/s16000/Capture.JPG" /></a></div><p>它提供了多種不同需求的範本, 用戶可根據自己的需要挑選現成的範本, 或是略作修改, 或是自行設計自己需要的樣式, 都很容易.</p><p>申請時可以選擇是用臉書/Google/email地址來申請, 請記住申請時的email地址也會是將來收取通知的信箱, 所以請務必記住.</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXRQ6j8NfxYdc6y-6Gyb6JZfGwMRYcvfo-YYCZKdzB37kORacuDbg28bbSns8bEa9QCdgaYl3n9jZgn9tPquMZk1ua_ojzLy3_JgDgs2jcMpWKGj_ZA_frhK0Jc1s9yth9p5ddScD9fcp2/s728/Capture.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="569" data-original-width="728" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXRQ6j8NfxYdc6y-6Gyb6JZfGwMRYcvfo-YYCZKdzB37kORacuDbg28bbSns8bEa9QCdgaYl3n9jZgn9tPquMZk1ua_ojzLy3_JgDgs2jcMpWKGj_ZA_frhK0Jc1s9yth9p5ddScD9fcp2/s16000/Capture.JPG" /></a></div><p>相較於Google Form, 這個Jotform的選擇和客製化的功能又更強大更具靈活性, 用了它便不會想要再回去用Google Form了.</p><p><b><u>優點是</u></b>: 真的太好用了, 選擇多, 靈活度高. 而且在用戶可以從手機上提交表單.<br /><b><u>缺點是</u></b>: 如果是使用免費版本的:<br />➤ 限制最多只能創建5個表單<br />➤ 一個月表單提交限制為100次</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq4DOKTpQYL1BqOh5fIP63zp5G9izflVB4vIpy0qsWqN18RV7ynm4hituhtQStCAo4p3mNTHi3Eeq37lwE9FtAd3frKOXAPeXfKnzjeIWbvdb6nnOVaeEIB5r_xfrXWfD3zPDqR5YHx0YZ/s939/Capture.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="584" data-original-width="939" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq4DOKTpQYL1BqOh5fIP63zp5G9izflVB4vIpy0qsWqN18RV7ynm4hituhtQStCAo4p3mNTHi3Eeq37lwE9FtAd3frKOXAPeXfKnzjeIWbvdb6nnOVaeEIB5r_xfrXWfD3zPDqR5YHx0YZ/s16000/Capture.JPG" /></a></div>當然啦, 免費的版本對於一般個人使用還是很足夠了, 如果能每個月有超過100個submissions, 那麼也應該負擔的起升級版的費用了.<div><br /></div><div>先來看看它的後台吧, 登入後, 可以看到它提供了三種不同的方式來創建一個新的表單: 自製/使用範本/上傳現成表單</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiks4OJWSuI8K1RvR1k0WXlxTaRa4Vutio-T8I-1PjZaZRXMlNOcVttdJaNKLGJTncI6ilg_x7qeGnVIQrsySjqILT0uz6sjcqZapqGAARq3fEFBp7Xp-xoK_JnbHb3F-5AX6QU8e4jIv4-/s706/Capture.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="437" data-original-width="706" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiks4OJWSuI8K1RvR1k0WXlxTaRa4Vutio-T8I-1PjZaZRXMlNOcVttdJaNKLGJTncI6ilg_x7qeGnVIQrsySjqILT0uz6sjcqZapqGAARq3fEFBp7Xp-xoK_JnbHb3F-5AX6QU8e4jIv4-/s16000/Capture.JPG" /></a></div>除非你已經有表單的即定模式, 那麼就用自製, 不然, 可以參考範本裡的再自行修改. JotForm 提供了許多設計精美完善的範本, 用戶可以從中挑選適合自己需求的表單範本後再自己略作修改.<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipWzlHWt8eH-n8vpd81woMAN3DJN4sMKLzwW_AOuOW9mdgeie8Ko3FESQHiKcHz5fHiygAlAOY6BvbZQ7uzIys6_biRXuvgXvvNZdry6t9s9-iP_yKDesuKoxf_BYB5fB9LJrdlccH0Ug4/s1317/Capture.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="583" data-original-width="1317" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipWzlHWt8eH-n8vpd81woMAN3DJN4sMKLzwW_AOuOW9mdgeie8Ko3FESQHiKcHz5fHiygAlAOY6BvbZQ7uzIys6_biRXuvgXvvNZdry6t9s9-iP_yKDesuKoxf_BYB5fB9LJrdlccH0Ug4/s16000/Capture.JPG" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmslc_s0kE9dFJ7ohkaFqnrT7cfRPgZ7HAgZwKZNW0uhZcwAc0-EKjqynG3dlJ2EqTpNbbuP2VG4Me6Fqkt9jufU4peYJxDShwwpoEkIRKgwAcbKu-LBXkiwlZnvxJRksKF3r0xlL39dLY/s687/Capture.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="550" data-original-width="687" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmslc_s0kE9dFJ7ohkaFqnrT7cfRPgZ7HAgZwKZNW0uhZcwAc0-EKjqynG3dlJ2EqTpNbbuP2VG4Me6Fqkt9jufU4peYJxDShwwpoEkIRKgwAcbKu-LBXkiwlZnvxJRksKF3r0xlL39dLY/s16000/Capture.JPG" /></a></div>在創建表單的後台畫面如下: <br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv1SIIZn6VCUBw45ymGwTeQwKPx_1OlNdyucOcuAsSFlf90h66pJdfZiuY5GyXNY2ZPb8dAJXAdT4UQiy_AEyLx7-27C_0fx9J6SMW5oh-S7bzRDGg_01wHSObeb1rxUpnlMdujhI6NamX/s1026/Capture.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="149" data-original-width="1026" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv1SIIZn6VCUBw45ymGwTeQwKPx_1OlNdyucOcuAsSFlf90h66pJdfZiuY5GyXNY2ZPb8dAJXAdT4UQiy_AEyLx7-27C_0fx9J6SMW5oh-S7bzRDGg_01wHSObeb1rxUpnlMdujhI6NamX/s16000/Capture.JPG" /></a></div>[<b>Add Form Element</b>] - 為表單添加新欄位<div>[<b>Preview Form</b>] - 打開後可以選擇預覽在不同設備(ex: 電腦/手機/平板)的呈現方式</div><div>[<b>油漆刷</b>] - 可以修改表單的顏色, 主題, 背景, 字型, 表單寛度等設定.</div><div>[<b>Build</b>] - 設計表單</div><div>[<b>Settings</b>] - 可以修改表單標題, 設定email 通知信, 客戶提交表單後的感謝畫面, 等等.</div><div>[<b>Publish</b>] - 發布表單, 在這裡可以取得程式碼加到網站的表單頁面上.</div><div><br /></div><div><b><u><span style="font-size: large;">表單設計好了, 如何把表單加到Blogger 上呢? </span></u></b></div><div><br /></div><div>很簡單, 只要新建一個頁面→設定標題為: submission→然後選擇編輯方式為[<b><>HTML檢視</b>]→在內容區貼入從JotForm上的embed 程式碼→按下[<b>發布</b>]鍵即可. 請按這裡<a href="https://101wt.blogspot.com/p/submission.html" target="_blank">參考實例</a>.</div><div><br /></div>
<h5><span style="font-size: x-large;"><b>123formbuilder</b></span></h5><div><br /></div><div>另一個大推的連絡表單則為這個 <a href="https://www.123formbuilder.com/" target="_blank">123formbuilder</a>. 它和 JotForm 一樣, 用 email 就可以輕鬆註冊登入創建免費的連絡表單了. </div><div><br /></div><div>在免費的帳號下, 123formbuilder 只能創建一個表單, 但它卻可以接受無限制的表單提交, 所以, 如果不需要太華麗的表單設計, 或是只想要一個簡單放在側欄的連絡表單, 其實 123formbuilder 可以是 Blogger 表單的最佳替代品. 請按這裡的側欄下方<a href="https://101wt.blogspot.com/search/label/歷史" target="_blank">參考實例</a>.</div><div><br /><div><!--PropellerAds獎勵按鈕up&down&臉書粉專-->
<div class="fb-page" data-adapt-container-width="true" data-height="" data-hide-cover="false" data-href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" data-show-facepile="true" data-small-header="false" data-tabs="event" data-width="" style="clear: both; text-align: right;"><blockquote cite="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728">天馬行空 - 365個平凡無奇日子裡的無限可能</a></blockquote></div>
<script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="喜歡" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURQJ8W9GUubtSp12NpJjuIOSMao4ALHqJZAMn-cCC4nkFhMbTGGIn1n7gICLcyR75kXJwEdHiD1w1b8qGMnWZOgv-UBK2VYOzatPJrFoF3SUUeaYv9oyE8Rp6hPuID3lb-4gf8Dy9GBM/s252/Capture1.JPG" width="150" /></a><script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>或者
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="不喜歡" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBVcCX90fMUNn_-EWgWTQoDrS2iBIUNcXhyphenhyphenxD6AmLCEzR1mdZ03vViKYRkGAkU3yXMiLw5VkcHfk3sEAaWoMihJB9_0rq0HtYZQRlzKcOJqN0e7hsArnqthELJ3PnQdixkk5FEOMIiDEc/s247/Capture1.JPG" width="120" /></a>
<!--PropellerAds獎勵按鈕結束--><style>.bmc-button img{width: 35px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{padding: 7px 5px 7px 10px !important;line-height: 35px !important;height:51px !important;min-width:217px !important;text-decoration: none !important;display:inline-flex !important;color:#FFFFFF !important;background-color:#FF813F !important;border-radius: 5px !important;border: 1px solid transparent !important;padding: 7px 5px 7px 10px !important;font-size: 20px !important;letter-spacing:0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Arial', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#FFFFFF !important;}</style><link href="https://fonts.googleapis.com/css?family=Arial" rel="stylesheet"></link><a class="bmc-button" href="https://www.buymeacoffee.com/365ordinarydays" target="_blank"><img alt="如果覺得這篇有用, 那就請我喝杯咖啡吧!" src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" /><span style="margin-left: 15px;">請我喝杯咖啡吧!</span></a></div></div>
<!--PropellerAds獎勵按鈕和Buy me a coffee-->
Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-7806512877082778574.post-65567512607904837952021-05-02T09:01:00.063+10:002021-05-02T09:25:59.486+10:00善用Blogger提供的"文章範本"<p>Blogger提供了一個很好用的功能 - "文章範本". 顧名思義, 就是先行設定好每篇新文章的格式, 儲存後以後每次編輯新文章, 固定的格式或元素就會自動出現, 不用再每篇都手動更改或添加了.</p><p>舉例說明, 如本站每篇文章下方都想要加入一個粉專和按讚按鍵, 或是有些網站每篇文章下方想要加入橫幅的AddThis萬用分享鍵, 這些都可以在[<b>文章範本</b>]中設定好, 以後每次編輯新文章時, 這些元素都會自動出現.</p><p>為您的Blogger設定[<b>文章範本</b>]的方法如下:</p><p>先登入到Blogger後台→往下拉, 找到[<b>文章</b>]→點選[<b>文章範本</b>]→然後在空白處貼上未來新文章的格式和添加元素→按下[<b>儲存</b>]鍵即可.<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0QVKH6hToAmGK-RBWWzxPY8YO4TvuTd6vFHI2cSpIuv-D-9BAE97xunZHIJzkFg9DCO2Eycf2rpZMMlj_DRknpn3MKoTpx-e9FJRXG_5Ev-sPoBqjQoBTL9k_1H-blvWBYz3NT2t4zeEV/s1238/zzz3.JPG" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="446" data-original-width="1238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0QVKH6hToAmGK-RBWWzxPY8YO4TvuTd6vFHI2cSpIuv-D-9BAE97xunZHIJzkFg9DCO2Eycf2rpZMMlj_DRknpn3MKoTpx-e9FJRXG_5Ev-sPoBqjQoBTL9k_1H-blvWBYz3NT2t4zeEV/s16000/zzz3.JPG" /></a></p>接下來, 便可以試按下[<b>+新文章</b>], 就會看到添加在範本中的元件了. <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgua7tToGU1BnxWVkllYPumUrk6a3gcdDIr0Ti6HSRynxNnbyux7cshD9zFkI9JQAvY83jJ01Lrmr5tfnmlQslgLlYuEnKFDuV8KYMaSeUIdQSeyW6UnJhexWGPwJtDhSBaI2Sf4Hy5wnKo/s1315/zzz3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="768" data-original-width="1315" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgua7tToGU1BnxWVkllYPumUrk6a3gcdDIr0Ti6HSRynxNnbyux7cshD9zFkI9JQAvY83jJ01Lrmr5tfnmlQslgLlYuEnKFDuV8KYMaSeUIdQSeyW6UnJhexWGPwJtDhSBaI2Sf4Hy5wnKo/s16000/zzz3.JPG" /></a></div><div>請看<a href="https://101wt.blogspot.com/2021/05/port-stephens.html" target="_blank">實例</a>, 這個網站的所有文章下方的萬用分享鍵便是使用[<b>文章範本</b>]後自動添加的. 還有本站下方的粉專和按讚鍵也是利用了文章範本, 無需每篇新文章手動添加.</div><div><p>如果覺得有用, 請幫我按讚, 或是拍拍小手哦.</p>
<!--PropellerAds獎勵按鈕up&down&臉書粉專-->
<div class="fb-page" data-adapt-container-width="true" data-height="" data-hide-cover="false" data-href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" data-show-facepile="true" data-small-header="false" data-tabs="event" data-width="" style="clear: both; text-align: right;"><blockquote cite="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728">天馬行空 - 365個平凡無奇日子裡的無限可能</a></blockquote></div>
<script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="喜歡" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURQJ8W9GUubtSp12NpJjuIOSMao4ALHqJZAMn-cCC4nkFhMbTGGIn1n7gICLcyR75kXJwEdHiD1w1b8qGMnWZOgv-UBK2VYOzatPJrFoF3SUUeaYv9oyE8Rp6hPuID3lb-4gf8Dy9GBM/s252/Capture1.JPG" width="150" /></a><script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>或者
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="不喜歡" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBVcCX90fMUNn_-EWgWTQoDrS2iBIUNcXhyphenhyphenxD6AmLCEzR1mdZ03vViKYRkGAkU3yXMiLw5VkcHfk3sEAaWoMihJB9_0rq0HtYZQRlzKcOJqN0e7hsArnqthELJ3PnQdixkk5FEOMIiDEc/s247/Capture1.JPG" width="120" /></a>
<!--PropellerAds獎勵按鈕結束--><style>.bmc-button img{width: 35px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{padding: 7px 5px 7px 10px !important;line-height: 35px !important;height:51px !important;min-width:217px !important;text-decoration: none !important;display:inline-flex !important;color:#FFFFFF !important;background-color:#FF813F !important;border-radius: 5px !important;border: 1px solid transparent !important;padding: 7px 5px 7px 10px !important;font-size: 20px !important;letter-spacing:0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Arial', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#FFFFFF !important;}</style><link href="https://fonts.googleapis.com/css?family=Arial" rel="stylesheet"></link><a class="bmc-button" href="https://www.buymeacoffee.com/365ordinarydays" target="_blank"><img alt="如果覺得這篇有用, 那就請我喝杯咖啡吧!" src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" /><span style="margin-left: 15px;">請我喝杯咖啡吧!</span></a>
<!--PropellerAds獎勵按鈕和Buy me a coffee-->
</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7806512877082778574.post-23155974098924228372021-04-30T18:52:00.016+10:002021-07-16T09:14:23.359+10:00如何加一個靜態的頁面為Blogger網站的登陸頁?<p>如果想要用一個靜態的頁面來當做網站的登陸頁面, 做法很簡單, 只要利用Blogger後台的[<b>自動重新導向網址</b>]的功能即可.</p><p>本篇將一步一步示範如何設定一個靜態頁面Page來當網站的登陸頁landing page.</p><p><b><u><span style="font-size: large;">步驟一</span></u></b></p><p><b style="background-color: #d9ead3;">➤ 登陸頁面有側欄</b></p><p>如果網站本身是無側欄, 或是有側欄, 但登陸頁面也可以有側欄, 做法非常簡單, 只要在想要當成登陸頁面的網頁下做如下設定:</p><p>到Blogger後台→[<b>網頁</b>]→[<b>+新網頁</b>]→在標題處輸入 <b>index</b> 或是 <b>home</b> (端看你想要網址是出現 index.html 或是 home.html) →在讀者留言處勾選[<b>不允許新增留言</b>]→正常編輯登陸頁面的內容→編輯好後, 按下[<b>發布</b>]鍵.</p><p>請看<a href="https://365testonly.blogspot.com/" target="_blank">實例</a>.</p><p><b style="background-color: #d9ead3;">➤ 登陸頁面全版面, 不要出現側欄</b></p><p>如果網站本身是有側欄的, 但在登陸頁面不想出現側欄, 想要是全版面的, 做法如下:</p><p>首先, 先到Blogger後台→[<b>網頁</b>]→[<b>+新網頁</b>]→在標題處輸入 <b>index</b> 或是 <b>home</b>→然後編輯模式選[<b>HTML檢視</b>]→在讀者留言處勾選[<b>不允許新增留言</b>]</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIL42YnWWQEp_aRoYaCDkMlSQzWld-RHCsWJxuSf3Ii7tEXPwXU88Qxay0VhqZ_jaIVIO908eUzjM8Ea3ruZVoeISOFeH9xVjQ3BnOAGJaD9eUXTeF1EnUL48QTb_rUqDdaCwrB3kLUnQR/s1386/zzz3.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="381" data-original-width="1386" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIL42YnWWQEp_aRoYaCDkMlSQzWld-RHCsWJxuSf3Ii7tEXPwXU88Qxay0VhqZ_jaIVIO908eUzjM8Ea3ruZVoeISOFeH9xVjQ3BnOAGJaD9eUXTeF1EnUL48QTb_rUqDdaCwrB3kLUnQR/s16000/zzz3.JPG" /></a></div>接下來, 在空白的編輯區貼上下面的登陸頁面設計的程式碼<div><iframe height="300" src="https://docs.google.com/document/d/e/2PACX-1vTWYb6VdjJTcxw8lk3JW1uzbFb1xBVMg7GsxOf-t-v4WG4eLAsXcpZfbzjbBCq95mGF6W5I1aPMhxzE/pub?embedded=true" width="800"></iframe><br /><p>然後編輯模式選回[<b>撰寫模式</b>]可以在空白的頁面下進行正常的編輯, 編輯好後按下[<b>發布</b>]鍵.</p><p>PS: 另外, 如果不想隱藏側欄, 可以把程式碼裡 .post-footer { display:<span style="background-color: #fcff01;">none</span> 的none改成 inline 然後調整一下 width的百分比即可.</p><p><b><u><span style="font-size: large;">步驟二</span></u></b></p><p>接下來, 取得這個頁面的網址, 它應該會長的像下面這樣, xxxxx的地方是你的網址 https://xxxxxx.blogspot.com/p/<span style="background-color: #fff2cc;">index.html</span></p><p>或是 https://xxxxxx.blogspot.com/p/<span style="background-color: #fff2cc;">home.html</span></p><p>Copy下登陸頁面的網址, 回到Blogger後台→[<b>設定</b>]→往下拉, 找到[<b>錯誤與重新導向</b>]後, 點選[<b>自訂重新導向網址</b>]→然後按下[<b>新增</b>]鍵→在[<b>寄件者:</b>]的地方先輸入一個斜槓<span style="background-color: #fcff01;"><b> / </b></span>→在[<b>收件者:</b>]處輸入剛才新增頁面的網址, 不含 <b style="background-color: #fff2cc;">https:</b> 字樣→打開[<b>永久性</b>]→按下[<b>確定</b>]鍵</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTk-8CxBidyTSpeQC3pGB9e5ARjDFTH0V55ZAwB7gi06u93p7oMZnK0wwXNCDZhveI84YVO7ky4qw4wFRrYWkyVssxLMct5Ws4avlWeil_PUaj43s9U86T4azvyEY2I27SNL8o4n_n1SZ_/s1188/zzz3.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="758" data-original-width="1188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTk-8CxBidyTSpeQC3pGB9e5ARjDFTH0V55ZAwB7gi06u93p7oMZnK0wwXNCDZhveI84YVO7ky4qw4wFRrYWkyVssxLMct5Ws4avlWeil_PUaj43s9U86T4azvyEY2I27SNL8o4n_n1SZ_/s16000/zzz3.JPG" /></a></div>此時, 在按下[<b>儲存</b>]鍵前請務必檢查[<b>寄件者</b>]和[<b>收件者</b>]處的<b style="background-color: #fcff01;">斜槓</b>, 確定無誤後按下[<b>儲存</b>]鍵即可.</div><div><br /></div><div>從此以後, 你的登陸頁面就會是這個/p/index.html 而不會是原先的<br />https://xxxxxx.blogspot.com 了.</div><div><p>請看<a href="https://101wt.blogspot.com/" target="_blank">實例</a>.</p><p>此時, 可以把之前在頁面標題處輸入的index字樣刪除, 這樣登陸頁面就不會出現標題了.</p></div><!--PropellerAds獎勵按鈕up&down&臉書粉專-->
<div class="fb-page" data-adapt-container-width="true" data-height="" data-hide-cover="false" data-href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" data-show-facepile="true" data-small-header="false" data-tabs="event" data-width="" style="clear: both; text-align: right;"><blockquote cite="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728">天馬行空 - 365個平凡無奇日子裡的無限可能</a></blockquote></div>
<script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="喜歡" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURQJ8W9GUubtSp12NpJjuIOSMao4ALHqJZAMn-cCC4nkFhMbTGGIn1n7gICLcyR75kXJwEdHiD1w1b8qGMnWZOgv-UBK2VYOzatPJrFoF3SUUeaYv9oyE8Rp6hPuID3lb-4gf8Dy9GBM/s252/Capture1.JPG" width="150" /></a><script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>或者
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="不喜歡" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBVcCX90fMUNn_-EWgWTQoDrS2iBIUNcXhyphenhyphenxD6AmLCEzR1mdZ03vViKYRkGAkU3yXMiLw5VkcHfk3sEAaWoMihJB9_0rq0HtYZQRlzKcOJqN0e7hsArnqthELJ3PnQdixkk5FEOMIiDEc/s247/Capture1.JPG" width="120" /></a>
<!--PropellerAds獎勵按鈕結束--><style>.bmc-button img{width: 35px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{padding: 7px 5px 7px 10px !important;line-height: 35px !important;height:51px !important;min-width:217px !important;text-decoration: none !important;display:inline-flex !important;color:#FFFFFF !important;background-color:#FF813F !important;border-radius: 5px !important;border: 1px solid transparent !important;padding: 7px 5px 7px 10px !important;font-size: 20px !important;letter-spacing:0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Arial', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#FFFFFF !important;}</style><link href="https://fonts.googleapis.com/css?family=Arial" rel="stylesheet"></link><a class="bmc-button" href="https://www.buymeacoffee.com/365ordinarydays" target="_blank"><img alt="如果覺得這篇有用, 那就請我喝杯咖啡吧!" src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" /><span style="margin-left: 15px;">請我喝杯咖啡吧!</span></a>
<!--PropellerAds獎勵按鈕和Buy me a coffee-->
Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-7806512877082778574.post-13850554802972472092021-04-27T20:48:00.008+10:002021-05-08T11:41:50.882+10:00在Blogger裡加入一個快速回到頂端的按鈕<p>如何在Blogger裡加入一個快速回到頁首上方的按鈕? 請<a href="https://365testonly.blogspot.com/2019/08/wordblogger.html" target="_blank">看實例</a>. 做法非常簡單:</p><p>首先, 在Blogger後台, 按下[<b>版面配置</b>]→[<b>+新增小工具</b>]→選擇[<b>HTML/JavaScript</b>]→然後在內容框內貼入下方提供的程式碼→再按下[<b>儲存</b>]鍵即可.</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN_ekeNIz4j2ePws1P9va-SfgqPqDJUXoaKX-F52F00i6f9-sEVfpvRX9lb82E2v5SpsSS3_5Rb9ICphGRo4TAljh7B887pv1VUkFl3TonLzB-rov1rVdNOuLZ7pU5ujV75Uh-udwM0XV5/s1359/zzz.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="722" data-original-width="1359" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN_ekeNIz4j2ePws1P9va-SfgqPqDJUXoaKX-F52F00i6f9-sEVfpvRX9lb82E2v5SpsSS3_5Rb9ICphGRo4TAljh7B887pv1VUkFl3TonLzB-rov1rVdNOuLZ7pU5ujV75Uh-udwM0XV5/s16000/zzz.JPG" /></a></div>貼入下方的程式碼到內容框內:<div><iframe height="200" src="https://docs.google.com/document/d/e/2PACX-1vSc5_yX-xrwe4xSzt0Ii2F1FUMfFwx_RLDsChpV5wcKYZxw9qlPr1n_ZUVxtxkZGvfyb6jRN4wN01jU/pub?embedded=true" width="750"></iframe><p>程式碼中黃色部份可以自行替換成你喜歡的按鍵樣式.</p></div>
<!--PropellerAds獎勵按鈕up&down&臉書粉專-->
<div class="fb-page" style="clear: both; text-align: right;" data-adapt-container-width="true" data-height="" data-hide-cover="false" data-href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" data-show-facepile="true" data-small-header="false" data-tabs="event" data-width=""><blockquote cite="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728">天馬行空 - 365個平凡無奇日子裡的無限可能</a></blockquote></div>
<script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="喜歡" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURQJ8W9GUubtSp12NpJjuIOSMao4ALHqJZAMn-cCC4nkFhMbTGGIn1n7gICLcyR75kXJwEdHiD1w1b8qGMnWZOgv-UBK2VYOzatPJrFoF3SUUeaYv9oyE8Rp6hPuID3lb-4gf8Dy9GBM/s252/Capture1.JPG" width="150" /></a><script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>或者
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="不喜歡" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBVcCX90fMUNn_-EWgWTQoDrS2iBIUNcXhyphenhyphenxD6AmLCEzR1mdZ03vViKYRkGAkU3yXMiLw5VkcHfk3sEAaWoMihJB9_0rq0HtYZQRlzKcOJqN0e7hsArnqthELJ3PnQdixkk5FEOMIiDEc/s247/Capture1.JPG" width="120" /></a>
<!--PropellerAds獎勵按鈕結束--><style>.bmc-button img{width: 35px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{padding: 7px 5px 7px 10px !important;line-height: 35px !important;height:51px !important;min-width:217px !important;text-decoration: none !important;display:inline-flex !important;color:#FFFFFF !important;background-color:#FF813F !important;border-radius: 5px !important;border: 1px solid transparent !important;padding: 7px 5px 7px 10px !important;font-size: 20px !important;letter-spacing:0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Arial', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#FFFFFF !important;}</style><link href="https://fonts.googleapis.com/css?family=Arial" rel="stylesheet"></link><a class="bmc-button" href="https://www.buymeacoffee.com/365ordinarydays" target="_blank"><img alt="如果覺得這篇有用, 那就請我喝杯咖啡吧!" src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" /><span style="margin-left: 15px;">請我喝杯咖啡吧!</span></a></p>
<!--PropellerAds獎勵按鈕和Buy me a coffee -->
Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-7806512877082778574.post-49551100843059642502021-04-17T12:53:00.006+10:002021-05-21T20:48:21.008+10:00使用免費的BlueGriffon來自制一個部落格主題模版<p>
一開始, 先介紹一下 BlueGriffon 這個免費的開源軟體. 它是一個最佳的網頁製造軟體
Dreamweaver 的免費替代軟件. 它一共有分三種版本, 免費使用, 付費單機執照,
和商用執照. 本系列將就免費的版本來介紹如何自製一個 Blogger 的主題模版.
</p>
<h4 style="text-align: left;">
<span style="font-size: x-large;"><b>下載與安裝 BlueGriffon</b></span>
</h4>
<p>
首先, 先到這裡<a href="http://bluegriffon.org/#download" target="_blank"
>下載BlueGriffon</a
>
</p>
<div class="separator" style="clear: both; text-align: center;">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPmYRnsd8HMemPUYsKwrmkPjKqPZvFqw0lPuwL6uzLNbQ-hxJMClzOlcUiOxxc0hnskY61evBfJHUL4cLiKtUqIPQyKGghXLlXSWcbhwnq8RDtBjSMwUKurHRd1LW1xBD3MS1g0NOmxjVa/s1364/zzz3.JPG"
style="margin-left: 1em; margin-right: 1em;"
><img
border="0"
data-original-height="775"
data-original-width="1364"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPmYRnsd8HMemPUYsKwrmkPjKqPZvFqw0lPuwL6uzLNbQ-hxJMClzOlcUiOxxc0hnskY61evBfJHUL4cLiKtUqIPQyKGghXLlXSWcbhwnq8RDtBjSMwUKurHRd1LW1xBD3MS1g0NOmxjVa/s16000/zzz3.JPG"
/></a>
</div>
然後按下已下載的 <b>.exe </b>檔案,
照提示依序按下[<b>Next</b>]鍵來完成安裝 BlueGriffon
<div class="separator" style="clear: both; text-align: center;">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XQGPSGBsKbWxpPA19UsoADfiOPlztPBrypm4eRWG3pM-q7PsnbJXcr0K5lPiFtawOAWklp_MAw07vAweLYgXTIMzfVJC3SFhFz_ZoU2SaC9opCbTvR2Lli5hvSUv2aZ3wV8u3i6x9ZU9/s1219/EzW.JPG"
style="margin-left: 1em; margin-right: 1em;"
><img
border="0"
data-original-height="503"
data-original-width="1219"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XQGPSGBsKbWxpPA19UsoADfiOPlztPBrypm4eRWG3pM-q7PsnbJXcr0K5lPiFtawOAWklp_MAw07vAweLYgXTIMzfVJC3SFhFz_ZoU2SaC9opCbTvR2Lli5hvSUv2aZ3wV8u3i6x9ZU9/s16000/EzW.JPG"
/></a>
</div>
最後按下[<b>Finish</b>]鍵並打開 BlueGriffon, 就會出現下面的畫面,
按下[<b>OK</b>]便可開始使用 BlueGriffon了.
<div class="separator" style="clear: both; text-align: center;">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0z5mxXUZF2h8m8HCqo1z1ClBeC3Hu_Y1RMUEJHT-YeXX7yRWLsatt4HdT5Do5mqbUNlkgyUeEODFGo_k_tEaK2uRRPky6JPn54ikHfBPyemUwvrhEwBz4AgZlOPDni-vdgHRYTSJ3TmwC/s1082/EzW.JPG"
style="margin-left: 1em; margin-right: 1em;"
><img
border="0"
data-original-height="717"
data-original-width="1082"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0z5mxXUZF2h8m8HCqo1z1ClBeC3Hu_Y1RMUEJHT-YeXX7yRWLsatt4HdT5Do5mqbUNlkgyUeEODFGo_k_tEaK2uRRPky6JPn54ikHfBPyemUwvrhEwBz4AgZlOPDni-vdgHRYTSJ3TmwC/s16000/EzW.JPG"
/></a>
</div>
開始工作前, 先做如下的設定: <br />
<div>➤[<b>Tools</b>]→[<b>Perferences</b>]</div>
<div>➤按下[<b>Documents</b>]→取消勾選 [<b>Show HTML comments</b>]</div>
<div>
➤然後[<b>Close</b>]這個對話框.
<div class="separator" style="clear: both; text-align: center;">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXYF8QJyLRXGMs4SR8F4xROP477nwFCGJSoZgKgQiR4oy3hrRMaIdvQmEZKyZX1yJRv88QClRcics0xSWLkThtci701bPZRYHgBhJSjRFsnTkgrQUFsv32_UHPbwroeSS4lWDJChrn7LAf/s1372/EzW.JPG"
style="margin-left: 1em; margin-right: 1em;"
><img
border="0"
data-original-height="772"
data-original-width="1372"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXYF8QJyLRXGMs4SR8F4xROP477nwFCGJSoZgKgQiR4oy3hrRMaIdvQmEZKyZX1yJRv88QClRcics0xSWLkThtci701bPZRYHgBhJSjRFsnTkgrQUFsv32_UHPbwroeSS4lWDJChrn7LAf/s16000/EzW.JPG"
/></a>
</div>
<br />
<div>
<div>接下來, </div>
<div>
➤在[<b>Panels</b>]下→勾選[<b>Style Properties</b>]→[<b>DOM Explorer</b
>]→[<b>Stylesheets</b>]
</div>
<div>
➤然後按下左上方的[<b>+Create a ne wpage</b>]打開一個空白的工作區域
</div>
<div>➤按下下方的[<b>Dual View</b>]</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEYm5zuhJd19Jt1Ko52sM-QECLYq5TnemxExBK1xWavTuwHimqAVmquHtB_KnBM1fESw3i-FmtKDN3ExD71d24KXgL53Y6fxpXZlF84Y6oIzF5pQpUENQKs3HplXpQ1eIIdF-k1MsK6slo/s1291/EzW.JPG"
style="margin-left: 1em; margin-right: 1em;"
><img
border="0"
data-original-height="766"
data-original-width="1291"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEYm5zuhJd19Jt1Ko52sM-QECLYq5TnemxExBK1xWavTuwHimqAVmquHtB_KnBM1fESw3i-FmtKDN3ExD71d24KXgL53Y6fxpXZlF84Y6oIzF5pQpUENQKs3HplXpQ1eIIdF-k1MsK6slo/s16000/EzW.JPG"
/></a>
</div>
<div>
此時可以看到左右二個區塊, 左邊的區塊就是你的網站頁面會呈現出來的樣子,
所有文字的部份, 都可以直接輸入左邊的區塊, 右邊的區塊就是網頁後面的 HTML
程式碼, 所有主題格式的設定, 都是輸入在右邊的區塊裡.
</div>
<div><br /></div>
<h4 style="text-align: left;">
<span style="font-size: x-large;"><b>取得基本版型程式碼</b></span>
</h4>
<div><br /></div>
<div>
接下來, 可以到<a
href="https://www.thesitewizard.com/wizards/layout.shtml"
target="_blank"
>這個網站拿免費的基本版型格式</a
>, 這個網站目前提供除了下面12種不同的版型之外,
還有一個完全沒有側欄和上下欄空白版型, 共計13種.
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijLLNiEIaqm0aPKBR4q1WU81GW7ivp8GqzYLO3E6-yph_oHKULHbmtg7-uy8m5_JhmD0sQl5HQfWYMmL_w3IJ_fAxWvWsn63xvd5ACOD0kyvS2PLMeEvngr8NNWhQu_CWjjmH5syKWbUkj/s1320/EzW.JPG"
style="margin-left: 1em; margin-right: 1em;"
><img
border="0"
data-original-height="596"
data-original-width="1320"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijLLNiEIaqm0aPKBR4q1WU81GW7ivp8GqzYLO3E6-yph_oHKULHbmtg7-uy8m5_JhmD0sQl5HQfWYMmL_w3IJ_fAxWvWsn63xvd5ACOD0kyvS2PLMeEvngr8NNWhQu_CWjjmH5syKWbUkj/s16000/EzW.JPG"
/></a>
</div>
在<a
href="https://www.thesitewizard.com/wizards/layout.shtml"
target="_blank"
>這個網站的基本版型</a
>中先挑選一個基本格式, 在本範例中,
使用的格式是[<b>一個側欄位再加上下欄</b>]→然後按下[<b>Go to Step 2</b
>]的鍵.
</div>
<div class="separator" style="clear: both; text-align: center;">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQDpiCdRPQeMKUMqjBAmv4gwYXesO3z-cAdcLdV75QqFuX6WsZkb2nA40AuPa8NHoC0ik8O-2batwCaKwyONWr6ZVXoE-PE8uZeqSw_CEkW9UMqsntWXzRrYqle8mgJQmOf3rh51QX19bq/s1178/zzz3.JPG"
style="margin-left: 1em; margin-right: 1em;"
><img
border="0"
data-original-height="509"
data-original-width="1178"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQDpiCdRPQeMKUMqjBAmv4gwYXesO3z-cAdcLdV75QqFuX6WsZkb2nA40AuPa8NHoC0ik8O-2batwCaKwyONWr6ZVXoE-PE8uZeqSw_CEkW9UMqsntWXzRrYqle8mgJQmOf3rh51QX19bq/s16000/zzz3.JPG"
/></a>
</div>
<div class="separator" style="clear: both; text-align: center;"><br /></div>
按下了[<b>Go to Step 2</b>]之後, 會到一個格式設定的頁面,
可以在這裡做背景色和字體及字型的設定. 目前可以就使用預設值不改,
因為接下來會示範如何直接在BlueGriffon裡做修改.
所在這個頁面只需直接拉到頁面下方, 勾選[<b>I agree to the above terms</b
>]→然後按下[<b>Generate code</b>]
<div>
<div class="separator" style="clear: both; text-align: center;">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHB9uCx1Q1n_1mwRDM2wiBNUEHnYsrz4Tw2NgFmcU5MgPEOYSwRGCax4_HKJztIqjNGmYYLZHSOt9puEUKOK13wBExcTP66KG5eGIkPldJdYPJu7AssciXhN0O9f3mIG9UfFtkbHOGOeK_/s1640/EzW.JPG"
style="margin-left: 1em; margin-right: 1em;"
><img
border="0"
data-original-height="331"
data-original-width="1640"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHB9uCx1Q1n_1mwRDM2wiBNUEHnYsrz4Tw2NgFmcU5MgPEOYSwRGCax4_HKJztIqjNGmYYLZHSOt9puEUKOK13wBExcTP66KG5eGIkPldJdYPJu7AssciXhN0O9f3mIG9UfFtkbHOGOeK_/s16000/EzW.JPG"
/></a>
</div>
<br />
<div>
<div>
按下[<b>Generate code</b>]之後, 會到下面這個畫面:<br />➤點一下 <b
>HTML Code </b
>下方的程式碼框, 便會自動選取所有的HTML程式碼
</div>
<div>➤按下[<b>Ctrl+C</b>] 來 copy 所有的 HTML 程式碼</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzGY73MtnyF9vhUwy2jUdiyBg6Ad_brLYn0igNZx9_VqsANIY5rtGyB3QcKhvVTQ1G69rig3TzuET3VPOOMiYIVvty7cWIbH9mBEAzjLZ2-b2A6vhiPUOsF3WbLB44pJBFHVMwhpzdD-XG/s1625/EzW.JPG"
style="margin-left: 1em; margin-right: 1em;"
><img
border="0"
data-original-height="595"
data-original-width="1625"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzGY73MtnyF9vhUwy2jUdiyBg6Ad_brLYn0igNZx9_VqsANIY5rtGyB3QcKhvVTQ1G69rig3TzuET3VPOOMiYIVvty7cWIbH9mBEAzjLZ2-b2A6vhiPUOsF3WbLB44pJBFHVMwhpzdD-XG/s16000/EzW.JPG"
/></a>
</div>
然後回到BlueGriffon,
</div>
<div>➤在 HTML 區域用[<b>Ctrl+A</b>]選取裡面所有的 HTML 程式碼</div>
<div>
➤然後按下[<b>Ctrl+V</b>]把剛才從 Layout Wizard 上 copy 的版型在這裡貼上
</div>
<div><br /></div>
<div>
此時, 就會看到左邊的區塊不再是空白一片, 而會有如下字樣,
而右邊的區塊則是從 Layout Wizard 上 copy 過來的 HTML 程式碼.
</div>
<div class="separator" style="clear: both; text-align: center;">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS163OR1c7PKRW3Uy6fw3k-skDXf8cxc3Dsn5CNToKRPMOSk2ECEfWkLg3V_bo15sZOiqpBPMOgCvfnvJ2oTrkCwl4xSkWlwvb42pOOcub_ruPKNcWppg4xXuf6LfcNJIw5Psw7Cr52D4F/s1397/EzW.JPG"
style="margin-left: 1em; margin-right: 1em;"
><img
border="0"
data-original-height="749"
data-original-width="1397"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS163OR1c7PKRW3Uy6fw3k-skDXf8cxc3Dsn5CNToKRPMOSk2ECEfWkLg3V_bo15sZOiqpBPMOgCvfnvJ2oTrkCwl4xSkWlwvb42pOOcub_ruPKNcWppg4xXuf6LfcNJIw5Psw7Cr52D4F/s16000/EzW.JPG"
/></a>
</div>
<br />
<h4 style="text-align: left;">
<span style="font-size: x-large;"><b>加入CSS程式碼</b></span>
</h4>
<div><br /></div>
<div>首先先儲存目前的工作:</div>
<div>
➤按下[<b>File</b>]→[<b>Save As</b>]→存成: index.html,
<br />➤接下來[<b>File</b>]→[<b>Close the current tab</b>],
</div>
<div><br /></div>
<div>貼入 css 碼:</div>
<div>➤按下左上方的[<b>+Create a ne wpage</b>]打開一個新的工作區域</div>
<div>
➤下方選[<b>Dual view</b
>]<br />➤在HTML區內按下[<b>Ctrl+A</b>]選取全部的程式碼<br />➤按下[<b>Delete</b>]鍵清除右邊工作區裡所有的程式碼
</div>
<div>➤然後回到剛才 Layout Wizard 的頁面 </div>
<div>
➤在剛才 copy 的 HTML code 下面有 CSS code, 滑鼠點選一下 CSS code
的程式碼, 會自動選取
</div>
<div>
➤按下[<b>Ctrl+C</b>] copy 所有的程式碼<br />➤然後回到 BlueGriffon 裡,
在右邊 HTML 工作區內按[<b>Ctrl+V</b>]貼上
</div>
<div class="separator" style="clear: both; text-align: center;">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6dJaXTFuRs6EExaE-WcurcG7VFPH15Ha-0-JtKYFLQeTqHHP58tNASMOWyJXKXv1VsHvb8_6Ku8k7lSxSyIhBfbOACP0pDtq5ASarKhK1C-6Z6PL8yvql45nO29QMooxaF6fPLZxni20a/s1553/EzW.JPG"
style="margin-left: 1em; margin-right: 1em;"
><img
border="0"
data-original-height="883"
data-original-width="1553"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6dJaXTFuRs6EExaE-WcurcG7VFPH15Ha-0-JtKYFLQeTqHHP58tNASMOWyJXKXv1VsHvb8_6Ku8k7lSxSyIhBfbOACP0pDtq5ASarKhK1C-6Z6PL8yvql45nO29QMooxaF6fPLZxni20a/s16000/EzW.JPG"
/></a>
</div>
<div>接下來儲存目前的工作:</div>
➤按[<b>File</b>]→[<b>Save As</b>]→選取 <b>All Files </b
>→輸入檔名: styles.css<br />➤然後按下[<b>Save</b>]鍵
</div>
<div>➤接下來, [<b>File</b>]→[<b>Close the current tab</b>]</div>
<div class="separator" style="clear: both; text-align: center;">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjll5ufQzxi9S4_Ptk3FMdoLKvwBIUVQFQ-QbaLRdDjp7LaeOWbd4L7JpxCCI1KuFCwkcR7X_eTiFkslT2kzXYMxOr5xiRYaRAtKuknKThHBjGwRvXiAEvTOzhgSyPnuwrSeCZFV9Ga8hne/s891/EzW.JPG"
style="margin-left: 1em; margin-right: 1em;"
><img
border="0"
data-original-height="284"
data-original-width="891"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjll5ufQzxi9S4_Ptk3FMdoLKvwBIUVQFQ-QbaLRdDjp7LaeOWbd4L7JpxCCI1KuFCwkcR7X_eTiFkslT2kzXYMxOr5xiRYaRAtKuknKThHBjGwRvXiAEvTOzhgSyPnuwrSeCZFV9Ga8hne/s16000/EzW.JPG"
/></a>
</div>
<div><br /></div>
<div>然後:</div>
<div>
➤接下來, [<b>File</b>]→[<b>Open File</b>]<br />➤選取剛才存的 index.html
→按下[<b>Open</b>]鍵
</div>
<div>此時, 會看到再次打開的 index.html 已經有側欄和上下欄位了.</div>
<div><br /></div>
<div>接下來加入網站的標題:</div>
<div>
➤按下[<b>Format</b>]→[<b>Page Properties</b>]<br />➤在[<b
>Document properties</b
>]下, 輸入網站的[<b>Title</b>], 這裡加入的名稱很重要, 是給搜尋引擎用的,
所以一定不要留白.
</div>
<div class="separator" style="clear: both; text-align: center;">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9Ec7X3qniSFKQl1dY1TGn2eEccY983HvSBYk_QQW0YIEommDqNsiHCa4vAR89ZyOmzz6YM6oUUfxjs1n0yqbkcWTYZIeL7eO_RFe1_aMqGBWe_5_uiLLkFjdkMPq3BlA_q7TqKglvXU4y/s1313/EzW.JPG"
style="margin-left: 1em; margin-right: 1em;"
><img
border="0"
data-original-height="685"
data-original-width="1313"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9Ec7X3qniSFKQl1dY1TGn2eEccY983HvSBYk_QQW0YIEommDqNsiHCa4vAR89ZyOmzz6YM6oUUfxjs1n0yqbkcWTYZIeL7eO_RFe1_aMqGBWe_5_uiLLkFjdkMPq3BlA_q7TqKglvXU4y/s16000/EzW.JPG"
/></a>
</div>
<br />
<div>
現在, 則可以開始寫入主頁的本文內容了. 這個就跟在 Word 上打字一樣, 在左邊的
WYSIWYG 工作區內直接輸入主頁的內容.
</div>
<div class="separator" style="clear: both; text-align: center;">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT_1z1DfQUYXbp0BKvZowAveL5tczFqiLXaIw1pg3xqfDGVtXf1FbnPzJb7AZpNRVGcQ4tzSWP1LJKzPHJ823eyBf3YD4XF4lIgN5kQ7Td1Blwa5_kpvf0yyZmbdFRaXSZwSdIO_2chZV9/s1460/EzW.JPG"
style="margin-left: 1em; margin-right: 1em;"
><img
border="0"
data-original-height="877"
data-original-width="1460"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT_1z1DfQUYXbp0BKvZowAveL5tczFqiLXaIw1pg3xqfDGVtXf1FbnPzJb7AZpNRVGcQ4tzSWP1LJKzPHJ823eyBf3YD4XF4lIgN5kQ7Td1Blwa5_kpvf0yyZmbdFRaXSZwSdIO_2chZV9/s16000/EzW.JPG"
/></a>
</div>
<h4 style="text-align: left;">
<span style="font-size: x-large;"
><b>加入網站 Logo 和 Copyright 的符號</b></span
>
</h4>
<div><br /></div>
<div>
一個網站如果有上下欄位, 通常上方欄位會是加入網站的 Logo 或是網站名,
下方欄位則是加入 copyright. 加入網站的 Logo,
只需直接把游標在左邊的工作區裡的上方欄位裡點二下, 便可以刪除不要的文字.
</div>
<div>
➤接下來, 按下上方的[<b>Insert</b>]→[<b>Image</b>]<br />➤選取網站的 Logo<br />➤加入[<b>Title</b>]和[<b
>Alternate text</b
>]<br />➤然後按下[<b>OK</b>]鍵即可
</div>
<div class="separator" style="clear: both; text-align: center;">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg88AK2PSIVJ7P-YzJqcjU5eZ3V3O2nYdZ22v_CFCFAc2erOkUpUHEdhyu2AGQ-Qu-Yrpjgcdj1UsgRcpBUJzFmgPGG5P04YWhaK7cE1Sn7F8tSJrK6PaX1VGuXq23IzeeKdR5TvxeX0GUG/s548/zzz3.JPG"
style="margin-left: 1em; margin-right: 1em;"
><img
border="0"
data-original-height="548"
data-original-width="474"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg88AK2PSIVJ7P-YzJqcjU5eZ3V3O2nYdZ22v_CFCFAc2erOkUpUHEdhyu2AGQ-Qu-Yrpjgcdj1UsgRcpBUJzFmgPGG5P04YWhaK7cE1Sn7F8tSJrK6PaX1VGuXq23IzeeKdR5TvxeX0GUG/s16000/zzz3.JPG"
/></a>
</div>
<div class="separator" style="clear: both; text-align: center;"><br /></div>
<div>
加入 Copyright 只需直接把游標在左邊的工作區裡在下方欄位點二下,
便可以刪除不要的文字, 並輸入 copyright 字樣
</div>
<div>
➤接下來, 按下上方的[<b>Insert</b>]→[<b>Characters and symbols</b>]
</div>
<div>
➤然後選[<b>0080 Latin-1 Supplement</b>]→點下 Copyright 的符號<br />➤按下[<b>Insert</b>]鍵即可<br />
<div class="separator" style="clear: both; text-align: center;">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfg0gh7gu3C7_dT0x2EfMZsWYAyxLr55nNxppRIkUE7XoBJ_gT7SKHaQRiIRyxdkIxMAtzu-1jCu8i0q4exGKotIty3PTr7EjlDZMggH4RyDZ1mMPYj-OwKzVWY96BkfNPlZj8opQq-J12/s1060/zzz3.JPG"
style="margin-left: 1em; margin-right: 1em;"
><img
border="0"
data-original-height="765"
data-original-width="1060"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfg0gh7gu3C7_dT0x2EfMZsWYAyxLr55nNxppRIkUE7XoBJ_gT7SKHaQRiIRyxdkIxMAtzu-1jCu8i0q4exGKotIty3PTr7EjlDZMggH4RyDZ1mMPYj-OwKzVWY96BkfNPlZj8opQq-J12/s16000/zzz3.JPG"
/></a>
</div>
</div>
<div><br /></div>
<div>
<h4 style="text-align: left;">
<span style="font-size: x-large;"><b>預覽</b></span>
</h4>
<div><br /></div>
<div>現在, 可以在瀏覽器中先預覽一下目前的網頁長什麼樣子:</div>
<div>➤按下[<b>Ctrl+O</b>]快捷鍵</div>
<div>➤找到剛才儲存的 index.html→選取後按下[<b>Open</b>]鍵</div>
<div>
便可以看到目前的網站在瀏覽器下的樣子了.<br />
<div>
<div class="separator" style="clear: both; text-align: center;">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_8B_YsCk6r_Q8BoRhvbSyy9o8GH9L5PLEE5lo9o5JO4D6_-CHo5qBI0A-bYAsDthLrcQbEWSw6a6itgVwFLX5shnbrdKtHxn4TcKP5QWOi0gqunynEexP6SeesHjr5zKwUPBOK8ca8zOR/s1918/zzz3.JPG"
style="margin-left: 1em; margin-right: 1em;"
><img
border="0"
data-original-height="880"
data-original-width="1918"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_8B_YsCk6r_Q8BoRhvbSyy9o8GH9L5PLEE5lo9o5JO4D6_-CHo5qBI0A-bYAsDthLrcQbEWSw6a6itgVwFLX5shnbrdKtHxn4TcKP5QWOi0gqunynEexP6SeesHjr5zKwUPBOK8ca8zOR/s16000/zzz3.JPG"
/></a>
</div>
<div class="separator" style="clear: both; text-align: left;">
<延伸閱讀>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="separator" style="clear: both; text-align: left;">
<a
href="https://www.365ordinarydays.xyz/2021/05/bluegriffon.html"
target="_blank"
>如何使用 BlueGriffon 自製的版型在 Blogger 上?</a
>
</div>
<div class="separator" style="clear: both; text-align: left;">
BlueGriffon字型設定
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7806512877082778574.post-46604795237557934452021-04-05T12:34:00.165+10:002021-04-11T19:10:58.802+10:00輕鬆在amazon免費上架電子書和設定價格促銷活動<p>
一講到電子書, 就會想到Kindle eBook, Amazon則是販賣Kindle電子書最大的平台.
所以如果想要自行上架電子書, Amazon實為首選.
Amazon不僅提供了免費上架電子書的服務, 上架的過程也算簡單易懂,
只要將書籍的文檔準備妥當, 上架過程不超過30分鐘, 便可完成.
</p>
<div class="mbtTOC">
<button onclick="mbtToggle()">目錄索引</button>
<ol id="mbtTOC"></ol>
</div>
<h4 style="text-align: left;">
<b><span style="color: #fcff01; font-size: x-large;">申請加入Amazon Kindle電子書平台</span></b>
</h4>
<p>
由於Amazon自2019年起才開始有中文繁體電子書的服務,
所以目前在上傳電子書的格式上, 只有Word是唯一的選擇.
所以如果想要免費上架自己的電子書, 請先把書籍的word檔準備好, 然後到 <a href="https://kdp.amazon.com/en_US" target="_blank">Amazon Kindle Direct Publishing</a> 平台登入.</p><div class="separator" style="clear: both; text-align: center;"><a href="https://kdp.amazon.com/en_US/" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="861" data-original-width="1608" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYP5rr-_7utYHMzDGIgAd4Nssu46Hu7s0FkYs-eTWaQK-Un42R2JatbU5G3HKhNU6BY6GIh8qKoNqwHKqkaxzkz_heher6Z6Mv34gwV1dfiihq3IFCXnmxW3zXz91fWPZ1AiqAi0hPVCci/s16000/zzz.JPG" /></a></div><div class="separator" style="clear: both; text-align: left;">或是按下[<b>Sign up</b>]鍵, 註冊一個 kindle direct publishing (簡稱KDP)帳號, 然後登入後台後, 按下[<b>Update Now</b>]來依序填寫個資.</div>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY1OIO3bhJ-LKBfkSUeF0WhF8KzwUI0kydMoailtL6mOziW9NxEKN8s6swuae4xbmFw0tvNfScwqGqUbeoCXJuhaWG3Dqc5O-xDkC9mJ4vE2Z54mKRyBiBnppsJtrxkYRYEHcjEBiXB6Pa/s1325/zzz.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="748" data-original-width="1325" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY1OIO3bhJ-LKBfkSUeF0WhF8KzwUI0kydMoailtL6mOziW9NxEKN8s6swuae4xbmFw0tvNfScwqGqUbeoCXJuhaWG3Dqc5O-xDkC9mJ4vE2Z54mKRyBiBnppsJtrxkYRYEHcjEBiXB6Pa/s16000/zzz.JPG" /></a></div><div>要上架電子書前, 必需先完整的填寫個人資料和銀行付款資料, 如果不是美國人,
在報稅資料的地方只需填寫一個W8BEN form即可. </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO_sq-z21i8TCqPP3-HPeCFGLjvOzNInARwxFx8aM6NIvrmFW7wNdoSqtSNtEGChjPRX9Y-DYm8jSjw2xBU_AQf51TuSG741s0A6zzufCHOECsVW3-sxUPhtwlRHlo46J6mSNIXGRthXDr/s1369/zzz.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="719" data-original-width="1369" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO_sq-z21i8TCqPP3-HPeCFGLjvOzNInARwxFx8aM6NIvrmFW7wNdoSqtSNtEGChjPRX9Y-DYm8jSjw2xBU_AQf51TuSG741s0A6zzufCHOECsVW3-sxUPhtwlRHlo46J6mSNIXGRthXDr/s16000/zzz.JPG" /></a></div><div>唯有完整的填寫完這三部份,
才能進入下面的Kindle電子書上架後台.</div>
<div><br /></div>
<h4 style="text-align: left;">
<b><span style="color: #fcff01; font-size: x-large;">Amazon電子書上架過程</span></b>
</h4>
<div><br /></div>
<div>
登入<a href="https://kdp.amazon.com/en_US" target="_blank">amazon kindle direct publishing</a>後→在其後台的[<b>Bookshelf</b>]分頁下→按下[<b>+Kindle eBook</b>]
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDwIPANpKdnN2QmT-kZKuQPu0kWhSLFjmPyucy5vqM0QrBtQV_4xsGjquMG1mYx2ypGq-1YOO6BMxJ716cUIJMP_O2XdWdaMX8_BNOjOH1Sq0_RNWMBE3LGxJsqoto7Tdm5LTMLk_VVh3A/s1330/zzz.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="595" data-original-width="1330" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDwIPANpKdnN2QmT-kZKuQPu0kWhSLFjmPyucy5vqM0QrBtQV_4xsGjquMG1mYx2ypGq-1YOO6BMxJ716cUIJMP_O2XdWdaMX8_BNOjOH1Sq0_RNWMBE3LGxJsqoto7Tdm5LTMLk_VVh3A/s16000/zzz.JPG" /></a>
</div>
<div>要在Amazon Kindle商店上架電子書, 有三個部份要設定, 依序為: [<b>Kindle eBook Details/書籍資料</b>]→[<b>Kindle eBook Content/書籍內容</b>]→[<b>Kindle eBook Pricing/電子書訂價</b>].
</div>
<div><br /></div>
<div>接下來, 請看圖說故事, 依序填寫所有電子書的相關資料.</div>
<div><br /></div>
<div>
<b><u><span style="font-size: large;">Kindle eBook Details/書籍資料:</span></u></b>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHlbg-yui7MA7knkKwr2RXBgt82nClOMs_N5YOekBV36_Fc7IEMnbkzQ74GHlUqU7rUdRAdGuuNi4YVvKZhtF_F62ZrTKhoNfBAOWyfkMm4xx2m0puOoGzqUas4ZzUOdOl2VXbfNaKfUk3/s927/zzz.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="774" data-original-width="927" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHlbg-yui7MA7knkKwr2RXBgt82nClOMs_N5YOekBV36_Fc7IEMnbkzQ74GHlUqU7rUdRAdGuuNi4YVvKZhtF_F62ZrTKhoNfBAOWyfkMm4xx2m0puOoGzqUas4ZzUOdOl2VXbfNaKfUk3/s16000/zzz.JPG" /></a>
</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAZgz9o1KmTVPHqiSm3DJArfufJGBd74iqmDXiGlnCPvMO36CbMACAtY7eW3PYmL0ua-4L4-QUNNSOd_pTuf3YNKHPgUdFPsJhMVLROcbxPmBxSU5KT70PODMBZBymrELEXq0DHJefc9AT/s856/zzz.JPG" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="773" data-original-width="856" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAZgz9o1KmTVPHqiSm3DJArfufJGBd74iqmDXiGlnCPvMO36CbMACAtY7eW3PYmL0ua-4L4-QUNNSOd_pTuf3YNKHPgUdFPsJhMVLROcbxPmBxSU5KT70PODMBZBymrELEXq0DHJefc9AT/s16000/zzz.JPG" /></a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWZ_C_OlUF1gPEfAWLix_hY5KbDwcb4_iZAgox_a9cbuAJ9ofPfmuRpo2P1p_-ph8VEwfR5lPXe5hbIqBjIr17MrDvBzW9W-KwoHqq8KtPglGqYZIB89f_awpywdxS7BUt-ZqywQWK734f/s837/zzz.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="770" data-original-width="837" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWZ_C_OlUF1gPEfAWLix_hY5KbDwcb4_iZAgox_a9cbuAJ9ofPfmuRpo2P1p_-ph8VEwfR5lPXe5hbIqBjIr17MrDvBzW9W-KwoHqq8KtPglGqYZIB89f_awpywdxS7BUt-ZqywQWK734f/s16000/zzz.JPG" /></a>
</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ8MgmCyj__PgIOeB10UGX6Q85o875WcafQNtOWR46Ur-3QREOqnu1bDxkh07cgd7wPvx61U10zGVnWiXviOvRxDL-Xfk9U5zZ9WYvPFtkumOQtPjBQDsR2JS6TcmYAmK8the1i8Cw4GBl/s1063/zzz.JPG" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="464" data-original-width="1063" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ8MgmCyj__PgIOeB10UGX6Q85o875WcafQNtOWR46Ur-3QREOqnu1bDxkh07cgd7wPvx61U10zGVnWiXviOvRxDL-Xfk9U5zZ9WYvPFtkumOQtPjBQDsR2JS6TcmYAmK8the1i8Cw4GBl/s16000/zzz.JPG" /></a><br />
<div>
在上面書籍資料的填寫,
比較值得注意的是[<b>書籍簡介</b>]和[<b>關鍵字</b>]的部份.
建議這二項要好好填寫有助電子書被讀者搜尋和推銷.
</div>
<div><br /></div>
<div>
<b><u><span style="font-size: large;">Kindle eBook Content/書籍內容</span></u></b>
</div>
<div>
接下來在上傳電子書的部份; 可以選擇手稿的數位版權,
選Yes會禁止已購買的電子書在未經授權的情況下被隨意的轉發. </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTSH30ItP5iRtIlKxJ_bKkwtT2cvrCg1q-y28nL3HSpnVgEGNF7P8SNMLk-tN_AYehYrMFt47Tnh9F1-2oiLb830UBH__3ZBwtUCMJidq-SAPzp1c9blpDFr6tmlkAD9Upn4v_FQbz4RJa/s1365/zzz.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="571" data-original-width="1365" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTSH30ItP5iRtIlKxJ_bKkwtT2cvrCg1q-y28nL3HSpnVgEGNF7P8SNMLk-tN_AYehYrMFt47Tnh9F1-2oiLb830UBH__3ZBwtUCMJidq-SAPzp1c9blpDFr6tmlkAD9Upn4v_FQbz4RJa/s16000/zzz.JPG" /></a>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTxXvn8wwleNWxmDqC_K7d0OEhoAstSJpkkF1nISWZLE5MKGMz4ZZC58AU-blU3BSGc47RojcEO-5xv5MgXesO6wCzkoN4InVLMCJaYD8s_RmYRMH3btzQMfs6K0oNPN76smkCnN556N7p/s1146/zzz.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="727" data-original-width="1146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTxXvn8wwleNWxmDqC_K7d0OEhoAstSJpkkF1nISWZLE5MKGMz4ZZC58AU-blU3BSGc47RojcEO-5xv5MgXesO6wCzkoN4InVLMCJaYD8s_RmYRMH3btzQMfs6K0oNPN76smkCnN556N7p/s16000/zzz.JPG" /></a>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUGtbdIawEWfkn2BJ4ELaSlCKP_XVNu-9-DL299IpUYyNEGHXOzfI3mQgqx4oI1MizsznOvXpUoaFpNO0AD09TCGP6XyiiGVfUSCGI7qtaeFzUqP128SErffOm9g2WqL2TSP2ZpG59DLzn/s1253/zzz.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="421" data-original-width="1253" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUGtbdIawEWfkn2BJ4ELaSlCKP_XVNu-9-DL299IpUYyNEGHXOzfI3mQgqx4oI1MizsznOvXpUoaFpNO0AD09TCGP6XyiiGVfUSCGI7qtaeFzUqP128SErffOm9g2WqL2TSP2ZpG59DLzn/s16000/zzz.JPG" /></a>
</div>
<br />
<div>
<b><u><span style="font-size: large;">Kindle eBook Pricing/電子書訂價</span></u></b>
</div>
<div>
接下來就是設定電子書的價格了. 至於是否應該選擇KDP Select讓 amazon Kindle
擁有電子書的獨家販售權呢? 請看下面有<a href="https://www.365ordinarydays.xyz/2021/04/ebook.html#point2">詳細介紹KDP Select計劃</a>.
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-Bk8FveoWjv519b6L5cHLXY3RVUVBFlB16vv9aYj1NFf-B12vWXoQemBWtfLYTJoQXQWPVdBSOAbjFfiIy9ZJm6iEoPWJL6IFSTLwsPZBmmrdwphSMHDu8PIytm9wbrBqiBdNADWdApI4/s1329/zzz.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="645" data-original-width="1329" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-Bk8FveoWjv519b6L5cHLXY3RVUVBFlB16vv9aYj1NFf-B12vWXoQemBWtfLYTJoQXQWPVdBSOAbjFfiIy9ZJm6iEoPWJL6IFSTLwsPZBmmrdwphSMHDu8PIytm9wbrBqiBdNADWdApI4/s16000/zzz.JPG" /></a>
</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC46mihalfCQCLtLSXpi0lhUEEOfb9CFH26Loyat79P3CwZEYz1v3niqO5NNvc3IXjOboWRC72rCmeVbTd-9Nu7wYP0FjlSOOdhkLweEiHyWXi59wkrF9pSn8K-ouWuQbCtAzwkwjpZdMs/s1326/zzz.JPG" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="719" data-original-width="1326" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC46mihalfCQCLtLSXpi0lhUEEOfb9CFH26Loyat79P3CwZEYz1v3niqO5NNvc3IXjOboWRC72rCmeVbTd-9Nu7wYP0FjlSOOdhkLweEiHyWXi59wkrF9pSn8K-ouWuQbCtAzwkwjpZdMs/s16000/zzz.JPG" /></a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOX5RH0ih5g7YvJ9ywSU2mtdBSkM_5jtJae_EsyuGNxpeCV8nUzrDOladn-4gViSRfSdbInXDhvQrEudof6ij96KjdtJHp-aeVxqGg1qazTxLO4PCxuFD8_yIr2M0LA6Uy7YlFVJgPaTa2/s1333/zzz.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="449" data-original-width="1333" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOX5RH0ih5g7YvJ9ywSU2mtdBSkM_5jtJae_EsyuGNxpeCV8nUzrDOladn-4gViSRfSdbInXDhvQrEudof6ij96KjdtJHp-aeVxqGg1qazTxLO4PCxuFD8_yIr2M0LA6Uy7YlFVJgPaTa2/s16000/zzz.JPG" /></a>
</div>
這三部份都填寫妥當後, 如果是設定成[<b>預購</b>]的話, 便可按下[<b>Submit for Pre-order</b>], 不然就是按下[<b>Publish Your Kindle eBook</b>]鍵, 直接上架販售了.
<div><br /></div>
<div>
如果不是預購而是直接販售, 那麼一旦設定好電子書的價格, 按下[<b>Publish Your Kindle eBook</b>]鍵後, 需要72個小時的審核期, 但一般不用那麼久,
通常2-4個小時便會出現在amazon的Kindle商店上了.
</div>
<div><br /></div>
<div>電子書送審後有三個狀態: <b>In Review</b>→<b><span style="color: #ffa400;">Publishing</span></b>→<b><span style="color: #38761d;">Live</span></b></div>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtrBptwBlZn_ogRt7_4cgGpRzmKfIbysv9hMy_92q3MVlkhtqK4S6nqW3-y6SgPpTm6TaYtsXAiXRxtP4VqcOwWDkoVF2s0uiPNkdEfhPOUcAOme5m2S1_rD9PB9BGUu176qUvwclLvOLn/s1204/zzz.JPG" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="520" data-original-width="1204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtrBptwBlZn_ogRt7_4cgGpRzmKfIbysv9hMy_92q3MVlkhtqK4S6nqW3-y6SgPpTm6TaYtsXAiXRxtP4VqcOwWDkoVF2s0uiPNkdEfhPOUcAOme5m2S1_rD9PB9BGUu176qUvwclLvOLn/s16000/zzz.JPG" /></a><br />
<div>
已經成功上架後的電子書(status=LIVE)
還是可以輕易的修改電子書的內容(重新上傳word文檔), 價錢或是下架的.
只需按下右邊的三個點就會有這些選項出來. 只是每次的修改,
都要經過重新審核通過之後才會反應到已上架的電子書上. 如下圖所示,
在價格修改之後, 電子書的狀態就從<b><span style="color: #38761d;">LIVE</span></b>變成<b><span style="color: #38761d;">LIVE</span> Updates in Review</b>.
</div>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI1iS4ogAUdkQNZu_7LozX46pz7GVvSvqTugwyu6Uj4xR1hGOAf-Te-xNKhC2OlYPql8kc0uuNcQbi6JKMufLezq47HgsWay90h1wMieTR51vl3uv5685bhKlY0p9kXknOP-ZmyVgTPosf/s1389/zzz.JPG" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="286" data-original-width="1389" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI1iS4ogAUdkQNZu_7LozX46pz7GVvSvqTugwyu6Uj4xR1hGOAf-Te-xNKhC2OlYPql8kc0uuNcQbi6JKMufLezq47HgsWay90h1wMieTR51vl3uv5685bhKlY0p9kXknOP-ZmyVgTPosf/s16000/zzz.JPG" /></a>
</div>
<div>
在這個階段的電子書仍然是可以被讀者購買的, 只是定價會是之前已通過審核的舊價格,
而不會是正在審核中新更改的新價格.
</div>
<div><br /></div>
<h4 style="text-align: left;">
<b><span style="color: #fcff01; font-size: x-large;">什麼是KDP Select?</span></b>
</h4>
<div><br /></div>
<div>
KDP
Select是一個免費的Kindle圖書計劃,可讓你的電子書有機會接觸更多讀者,並且在無需付額外費用下賺取更多的錢,
那麼, 是否應該加入 KDP Select 計劃呢? 見人見智囉, 請看詳介.
</div>
<div><br /></div>
<div>
<b><u><span style="font-size: large;">加入KDP Select的好處</span></u></b>
</div>
<div>
<div>➤吸引更多讀者, 賺取更多錢而無需額外付費</div>
<div>➤可以選擇單本註冊KDP Select或是將整個目錄都加入KDP Select的計劃中</div>
<div>
➤當你的目標巿場是巴西,日本,印度和墨西哥的讀者時, 加入KDP Select計劃, 可以讓你的Kindle電子書仍有資格獲取70%的收益 </div>
<div>
➤可以使用二種價格促銷工具:倒數計時折扣銷售/Kindle Countdown Deal
和免費閱讀促銷/Free Book Promotion
</div>
</div>
<div><br /></div>
<div>
<b><u><span style="font-size: large;">加入KDP Select的基本要求</span></u></b>
</div>
<div>➤作者必需擁有電子書內容的完整著作權</div>
<div>➤同意電子書授權給amazon Kindle商店獨家販售 90天</div>
<div><br /></div>
<div>
<b><u><span style="font-size: large;">加入KDP Select的缺點</span></u></b>
</div>
<div>
➤在90天的獨占期內,電子書的內容禁止在其他網站或部落格上發佈,
但實體書不受限制.</div><div>
<div><br /></div>
<div><h4 style="text-align: left;"><b><span style="color: #fcff01; font-size: x-large;">設定amazon電子書的價格促銷</span></b>
</h4>
<p>
利用價格促銷可以增加電子書的能見度, 也自然會增加它的銷售量了. 只是,
如果要玩弄價格促銷, 該電子書必需要先加入 <b>KDP Select </b>計劃, 也就是說必需授權給Kindle商店90天的獨家販售權.
</p>
<p>
登入amazon kindle後→挑選要辦價格促銷的書→然後按下[<b>Promote and Advertise</b>]來設立什麼樣的價格和時間段來促銷這本書. 設定好後,
就可以看到在你設定的時間段裡, 書籍正在被促銷中,
也可隨時按下[<b>Stop</b>]鍵停止促銷
</p>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio0WOsAqrRsrTxHbpqEwQB_FH741eGE_8UDsowR4NK8yDq8rE-g98-63uFQyIh4X8sAntwM97BXk7DCLMNcw9rBYb590bsxBmCIZ4yOI0dlD6UG2DYgBnWK-hoxw8lJqwrySmP0ycM0aRS/s1358/zzz.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="446" data-original-width="1358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio0WOsAqrRsrTxHbpqEwQB_FH741eGE_8UDsowR4NK8yDq8rE-g98-63uFQyIh4X8sAntwM97BXk7DCLMNcw9rBYb590bsxBmCIZ4yOI0dlD6UG2DYgBnWK-hoxw8lJqwrySmP0ycM0aRS/s16000/zzz.JPG" /></a>
</div>
KDP Select計劃提供了二種電子書價格促銷的方式:
</div>
<div>
<b><u><span style="font-size: large;">Kindle Countdown Deal/倒數計時法</span></u></b>
</div>
<div>
[<b>Kindle Countdown Deal</b>], 如同它的名字,
這是一種以時間為期的倒數計時方式來為電子書做打折的促銷,
客戶可以在電子書的首頁上同時看到正常價和促銷價, 以及倒數計時的時鐘,
讓客戶知道打折時間還剩多少時間會結束.
</div>
<div><br /></div>
<div>
<div>
<b><span style="color: red;">請注意</span></b>:此促銷活動僅供客戶的amazon帳號是Amazon.com或Amazon.co.uk的,
如果客戶的amazon帳號不是Amazon.com或Amazon.co.uk,
那麼客戶將無法看到eBook的Kindle Countdown Deals促銷活動,
</div>
</div>
<div><br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdSJZ0LVPcGBst6b88KmuTkFsdnTMlC9X1bnr0WHiSWQIHlYJlsV0LsptmeljiNNuwALttKRIj8qKxpHOweVUT-k4lucsp0jx5Z7yWyvF0IBfoDhMiCNRtt4FeliwBWM32rk9glP9I6jou/s1189/zzz.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="727" data-original-width="1189" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdSJZ0LVPcGBst6b88KmuTkFsdnTMlC9X1bnr0WHiSWQIHlYJlsV0LsptmeljiNNuwALttKRIj8qKxpHOweVUT-k4lucsp0jx5Z7yWyvF0IBfoDhMiCNRtt4FeliwBWM32rk9glP9I6jou/s16000/zzz.JPG" /></a>
</div>
<div>
<div>
<b><u>Kindle Countdown Deals 的優點:</u></b>
</div>
<div>➤促銷活動是以倒數計時的方式進行:</div>
<div>
這不僅容許作者可以更好地控制電子書的折扣時間,而且促銷時的倒數計時器讓客戶看見,增加了價格折扣的刺激性,可以有效的刺激購買慾
</div>
<div>➤客戶可以看到原價和促銷價的差別:</div>
<div>
電子書的詳細信息頁面上同時顯示了促銷價和原價格,客戶可以看到他們如在促銷期間購買所能獲得的最大收益
</div>
<div>➤特許權使用費率仍然有效:</div>
<div>
使用Kindle Countdown Deals, 作者仍可獲得促銷價後的收益,
即使促銷價格低於2.99美元.
</div>
<div>➤有專門的 <a href="https://www.amazon.com/Kindle-eBooks/b?ie=UTF8&node=7078878011" target="_blank">Kindle Countdown Deals 網站</a>:</div>
<div>
Amazon有專門的網頁收集了所有正在倒數計時促銷的電子書, 所以加入 Kindle
Countdown Deals, 等同加入了另一項amazon的免費行銷廣告.
</div>
<div>➤可以及時監控電子書的促銷表現:</div>
<div>
電子書的KDP報告會同時顯示在促銷前與促銷時的銷售效果及收益報告,
讓作者一目暸然促銷活動是否帶來更好的購買力
</div>
</div>
<div><br /></div>
<div>
<div>
<b><u>加入 Kindle Countdown Deals 的基本條件:</u></b>
</div>
<div>➤只能在Amazon.com和Amazon.co.uk上作倒數計時的促銷活動</div>
<div>
➤電子書必需加入KDP Select計劃<br />➤電子書售價在USD$ 2.99-$ 24.99
</div>
</div>
<div>➤電子書必需已經在KDP Select中註冊了至少30天</div>
<div>
<div>➤電子書的價格至少要在30天內保持不變</div>
<div>➤最低折扣為$1.00美元/英鎊</div>
<div>➤倒數計時促銷計劃最長為期7天, 最短為期1小時</div>
<div>➤倒數計時促銷計劃為一次性促銷, 不能分段進行</div>
<div>➤在促銷期間最多可加價5次</div>
<div>➤該電子書尚未為進行 Free Book Promotion</div>
<div>
➤Kindle Countdown
Deals必須在您想要的開始日期前24小時安排,並且要盡可能提前。例如,要在1月10日開始促銷,您可以將其安排在1月8日之前的任何時間。
</div>
<div>
➤每個KDP Select計劃為期90天內僅能運行Kindle Countdown Deals促銷一次
</div>
<div>
➤在KDP Select計劃期限結束前的14天將是最後能使用Kindle Countdown
Deals促銷的截止日.
</div>
<div>
➤如果續訂了另外90天的KDP Select計劃, 那麼Kindle Countdown Deal
的截止日將會是KDP Select計劃的最後一天
</div>
</div>
<div><br /></div>
<div>
<b><u><span style="font-size: large;">Free Book Promotion/免費贈書法</span></u></b>
</div>
另一個價格促銷的方式是[<b>Free Book Promotion</b>],
這是一個讓讀者在特定時間內可以免費下載電子書的一種促銷活動,
提供了讀者可以在促銷期間免費下載該電子書.
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYgHlEq-4RjLKSSi4F2SrPajGaLSZhAEfEfUv2dxt6Ji1psQUSNdp1BK62RN4lT4aipbWSFC7DirAlf39g09AzPJ7qmirSRH0_P-itXzOU3RtQGFo5WDMUj-GQlP020fW8VN62Laogt6r9/s1233/zzz.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="742" data-original-width="1233" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYgHlEq-4RjLKSSi4F2SrPajGaLSZhAEfEfUv2dxt6Ji1psQUSNdp1BK62RN4lT4aipbWSFC7DirAlf39g09AzPJ7qmirSRH0_P-itXzOU3RtQGFo5WDMUj-GQlP020fW8VN62Laogt6r9/s16000/zzz.JPG" /></a>
</div>
<div>
<b><u>加入 Free Book Promotion 的基本條件及注意事項:</u></b>
</div>
<div>➤電子書必需加入KDP Select計劃</div>
<div>➤在每個90天的KDP Select註冊期中最多免費提供5天</div>
<div>
➤在每個90天裡, 這5天可以是連續5天, 或是分開使用<br />➤最快可以使用[<b>Free Book Promotion</b>]的促銷活動是在加入KDP Select的第二天
</div>
<div>
➤在免費閱讀促銷期間,
每一個被$0購買的電子書將不會有版稅權利金的收益產生<br />➤可以隨時取消
Free Book Promotion, 不過在手動取消免費閱讀促銷活動時,
不是即時反應在Kindle商店的, 它是需要一點時間才會反應到Kindle 商品.
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSqYQeSTS-TnGIn8J6r_78QW0TzBGMQu0vGZcL-Cuq5FQ6yts0J4grv6UWc5cZbq1l1C9cbl-N5QDrxqhJnZZI_1SYeOBt2eFqECiFmc3bfl8AsklJ6F99thUyfFp6OiCc_uw0mhun5vbH/s1314/zzz.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="321" data-original-width="1314" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSqYQeSTS-TnGIn8J6r_78QW0TzBGMQu0vGZcL-Cuq5FQ6yts0J4grv6UWc5cZbq1l1C9cbl-N5QDrxqhJnZZI_1SYeOBt2eFqECiFmc3bfl8AsklJ6F99thUyfFp6OiCc_uw0mhun5vbH/s16000/zzz.JPG" /></a>
</div>
<div>如果選擇不加入KDP Select計劃的話, 那麼在按下[<b>Promote and Advertise</b>]鍵之後, 你會發現上面二個價格促銷活動是無法勾選的.
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh351Xd6Q3_vV7-vm8zyc7E9I4vA5IIrzjgm1P6qiM8Kwc3rGrq5h1YIh5Ra5QjVNwLIFEySpgNX6-4fnGEin3JQL_TgcR1OaORwKI9Q4MZEIsfUg2y4_R7I_LIl8jJ5Nb4GoN0CEfq6TyP/s1129/snake.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="730" data-original-width="1129" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh351Xd6Q3_vV7-vm8zyc7E9I4vA5IIrzjgm1P6qiM8Kwc3rGrq5h1YIh5Ra5QjVNwLIFEySpgNX6-4fnGEin3JQL_TgcR1OaORwKI9Q4MZEIsfUg2y4_R7I_LIl8jJ5Nb4GoN0CEfq6TyP/s16000/snake.jpg" /></a>
</div>
所以說, 加入KDP Select計劃的缺點是, 在為期90天的計劃中,
所有電子書的內容不得以任何數位方式在其他網站上呈現和販售,
但優點是可以玩弄這個價格促銷活動.
</div><div><br /></div><div><h4><b><span style="color: #fcff01; font-size: x-large;">查看電子書的銷售狀況</span></b></h4><div><br /></div>登入<a href="https://kdp.amazon.com/en_US" target="_blank">amazon kindle direct publishing</a>後→按下[<b>Reports</b>]鍵→[<b>Month-to-Date</b>], 這裡可以看到電子書到目前為止的銷售狀況, 或者, 也可以試試新功能[<b>KDP Reports beta</b>], 在這裡可以看到比[<b>Month-to-Date</b>]稍稍詳細一點的銷售狀況.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA8EEGmAJTr0ntLQB9_Z2ILQeT_dyTcBiastYQaQ4RUhtMhyYvkwWVDnd8ciMYhEVrL-rHnOUOtg5YAoBnWzDE2UR9vG9zNy-VM8trFrM4vJKXjFs6zWUD7-O0_fxa2k540Ti3OPS-nRkb/s1341/zzz.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="757" data-original-width="1341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA8EEGmAJTr0ntLQB9_Z2ILQeT_dyTcBiastYQaQ4RUhtMhyYvkwWVDnd8ciMYhEVrL-rHnOUOtg5YAoBnWzDE2UR9vG9zNy-VM8trFrM4vJKXjFs6zWUD7-O0_fxa2k540Ti3OPS-nRkb/s16000/zzz.JPG" /></a></div><div>最後, 這便是加入KDP Select計劃, 成功上架後的電子書實例. </div><div><a href="https://www.amazon.com/gp/product/B091MQJSNJ/ref=as_li_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=B091MQJSNJ&linkCode=as2&tag=365ordinary05-20&linkId=5f563d15bfad6180b7f7f4ad834feb0c" target="_blank"><img border="0" src="//ws-na.amazon-adsystem.com/widgets/q?_encoding=UTF8&MarketPlace=US&ASIN=B091MQJSNJ&ServiceVersion=20070822&ID=AsinImage&WS=1&Format=_SL250_&tag=365ordinary05-20" /></a><a href="https://www.amazon.com/gp/search/ref=as_li_qf_sp_sr_il?ie=UTF8&tag=365ordinary05-20&keywords=B091TWH1D7&index=aps&camp=1789&creative=9325&linkCode=ur2&linkId=658198134c5122f4c2c75dbe36b4e2c8" target="_blank"><img border="0" src="//ws-na.amazon-adsystem.com/widgets/q?_encoding=UTF8&MarketPlace=US&ASIN=B091TWH1D7&ServiceVersion=20070822&ID=AsinImage&WS=1&Format=_SL250_&tag=365ordinary05-20" /></a></div></div>
</div>
<!--PropellerAds獎勵按鈕up&down&臉書粉專-->
<div class="fb-page" data-adapt-container-width="true" data-height="" data-hide-cover="false" data-href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" data-show-facepile="true" data-small-header="false" data-tabs="event" data-width="" style="clear: both; text-align: right;"><blockquote cite="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/%E5%A4%A9%E9%A6%AC%E8%A1%8C%E7%A9%BA-365%E5%80%8B%E5%B9%B3%E5%87%A1%E7%84%A1%E5%A5%87%E6%97%A5%E5%AD%90%E8%A3%A1%E7%9A%84%E7%84%A1%E9%99%90%E5%8F%AF%E8%83%BD-107735604478728">天馬行空 - 365個平凡無奇日子裡的無限可能</a></blockquote></div>
<script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="喜歡" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURQJ8W9GUubtSp12NpJjuIOSMao4ALHqJZAMn-cCC4nkFhMbTGGIn1n7gICLcyR75kXJwEdHiD1w1b8qGMnWZOgv-UBK2VYOzatPJrFoF3SUUeaYv9oyE8Rp6hPuID3lb-4gf8Dy9GBM/s252/Capture1.JPG" width="150" /></a><script type="text/javascript">
function open_win() {
window.open("//stawhoph.com/afu.php?zoneid=3737960", "ad");
}
</script>或者
<a href="//stawhoph.com/afu.php?zoneid=3737960" onclick="open_win()" target="_blank"><img alt="不喜歡" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBVcCX90fMUNn_-EWgWTQoDrS2iBIUNcXhyphenhyphenxD6AmLCEzR1mdZ03vViKYRkGAkU3yXMiLw5VkcHfk3sEAaWoMihJB9_0rq0HtYZQRlzKcOJqN0e7hsArnqthELJ3PnQdixkk5FEOMIiDEc/s247/Capture1.JPG" width="120" /></a>
<!--PropellerAds獎勵按鈕結束--><style>.bmc-button img{width: 35px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{padding: 7px 5px 7px 10px !important;line-height: 35px !important;height:51px !important;min-width:217px !important;text-decoration: none !important;display:inline-flex !important;color:#FFFFFF !important;background-color:#FF813F !important;border-radius: 5px !important;border: 1px solid transparent !important;padding: 7px 5px 7px 10px !important;font-size: 20px !important;letter-spacing:0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Arial', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#FFFFFF !important;}</style><link href="https://fonts.googleapis.com/css?family=Arial" rel="stylesheet"></link><a class="bmc-button" href="https://www.buymeacoffee.com/365ordinarydays" target="_blank"><img alt="如果覺得這篇有用, 那就請我喝杯咖啡吧!" src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" /><span style="margin-left: 15px;">請我喝杯咖啡吧!</span></a>
<!--PropellerAds獎勵按鈕和Buy me a coffee-->
<!--目錄索引啓動程式碼-->
<script>mbtTOC();</script>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7806512877082778574.post-91733625608083640782021-03-20T22:10:00.019+11:002021-04-04T22:25:01.213+10:00如何更改WordPress的後台介面語言設定? <div>本篇會慢慢增加一些和WordPress設定相關的介紹.<br />
<div class="mbtTOC">
<button onclick="mbtToggle()">目錄索引</button>
<ol id="mbtTOC"></ol>
</div>
<h4 style="text-align: left;"><span style="color: #fcff01; font-size: x-large;"><b>如何切換WordPress的後台介面語言?</b></span></h4>
<p>
很簡單, 先到Wordpress的後台, 選[<b>WP 管理員/WP Admin</b>]→[<b>設定/Settings</b>]→[<b>一般/General</b>]→然後往下拉到"<b>語言/</b><b>Language</b>"後點擊[<b>指定想要使用的介面語言/Modify the interface language</b>]→然後向下拉到"<b>界面設定</b>"點選想要的語言→[<b>套用改變</b>]→最後記得要按下[<b>儲存界面設定</b>]即可.
</p>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEfR_jg9S48oLGs0tP3guXMyNwelyGXw0MVfxqXoUMsd3Ac9BABhlgwKJmnsC7YzPG9ItxKHYr_Rn9RGK8mp3JqMh1SicPAPDaesgIjzalxLqSNJnllNBWTUi9HqqvAqZ9lZQmPuDgnGdO/s1512/EzW.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="849" data-original-width="1512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEfR_jg9S48oLGs0tP3guXMyNwelyGXw0MVfxqXoUMsd3Ac9BABhlgwKJmnsC7YzPG9ItxKHYr_Rn9RGK8mp3JqMh1SicPAPDaesgIjzalxLqSNJnllNBWTUi9HqqvAqZ9lZQmPuDgnGdO/s16000/EzW.JPG" /></a>
</div>
<br />
<h4 style="text-align: left;"><span style="color: #fcff01; font-size: x-large;"><b>如何修改Wordpress主題模版的顏色?</b></span></h4>
<p>
基本上, 所有主題外觀的顏色, 字型, 大小等設定都收集在主題的樣式表 style.css 裡.
所以, 如果喜歡自己下載主題的樣式, 但對顏色不滿, 那麼就到 style.css 裡自行修改.
</p>
<p>
[<b><span style="color: red;">貼心提醒</span></b>] 先備份, 再修改, 以防不測!
</p>
<p>
首先, 也是先到Wordpress的後台, 選[<b>WP 管理員/WP Admin</b>]→[<b>外觀</b>]→[<b>佈景主題編輯器</b>]→然後點選[<b>樣式表</b>]
</p>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;">
<tbody>
<tr>
<td style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhhP2e0OkRUsa-6Ef2CnYdS8ph-Y7EMLCYgy5T2-3EZvdKvzDksb4F3AI_d7KvWjeBQKqNVV0DIEX_fen4nXsXbl322xS5K3bQOk9riRJhac0O-OJtvNShCnT3Wf25VcrDdzjGRB3TDGzY/s1222/EzW.JPG" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="503" data-original-width="1222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhhP2e0OkRUsa-6Ef2CnYdS8ph-Y7EMLCYgy5T2-3EZvdKvzDksb4F3AI_d7KvWjeBQKqNVV0DIEX_fen4nXsXbl322xS5K3bQOk9riRJhac0O-OJtvNShCnT3Wf25VcrDdzjGRB3TDGzY/s16000/EzW.JPG" /></a>
</td>
</tr>
<tr>
<td class="tr-caption" style="text-align: center;"></td>
</tr>
</tbody>
</table>
然後用滑鼠點一下程式碼的區塊, 然後按 <b>Ctrl+F</b> → 在搜尋列初輸入
<b>color</b>, 如果要修改顏色→然後就慢慢的看你想要修改顏色的部份.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpRwlmj5-I2RD0unYfmW97-eZKnMQwu2OAypVLufHO2eygcBJH5ykR5CIU1oy33UoOlQhglwPoXUi3J-0QzC7Yz51l8dQCZjtLju_Q3uBgEpm69zOTkFhWTclD71HGdbTNX32p0-6yBcuW/s1100/EzW.JPG" style="margin-left: 1em; margin-right: 1em;"><br /><img border="0" data-original-height="489" data-original-width="1100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpRwlmj5-I2RD0unYfmW97-eZKnMQwu2OAypVLufHO2eygcBJH5ykR5CIU1oy33UoOlQhglwPoXUi3J-0QzC7Yz51l8dQCZjtLju_Q3uBgEpm69zOTkFhWTclD71HGdbTNX32p0-6yBcuW/s16000/EzW.JPG" /></a>
</div>
所有的顏色代碼都是以<b> <span style="color: #ff00fe;">#</span> </b>開頭,
然後接著6個數字和字母的組合. 例如: #24890d, 這個顏色代碼就是深綠色.
如果是白色和黑色, 一般就會只用 3 個字母, 例如: #fff 是白色, #000是黑色.
<div><br /></div>
<div>
如何知道某個6位數顏色代碼是什麼顏色? 可以<a href="https://www.color-hex.com/" rel="nofollow" target="_blank">在這個網站上查</a>, 再對比自己網站的顏色.
</div>
<div><br /></div>
<div>
如果是要改某個區塊的背景顏色, 通常, 要找的會是 background-color. 舉例如下:
</div>
<div>
<div>
<div>
<div>
<div><br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggJNRJjqf6MZTSqB9d_qFGL9cK-tBlWWnYV7V81RWI1PHaE3l2S2l_9lG7LanpZrWMnlBENKUlM_4R6anpNEAjZvykKOBi8a_Jv_y2ZPm_uMr-HUxEaebJMTMKUK4p9b_pOwJDkWAYVpU4/s1203/EzW.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="469" data-original-width="1203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggJNRJjqf6MZTSqB9d_qFGL9cK-tBlWWnYV7V81RWI1PHaE3l2S2l_9lG7LanpZrWMnlBENKUlM_4R6anpNEAjZvykKOBi8a_Jv_y2ZPm_uMr-HUxEaebJMTMKUK4p9b_pOwJDkWAYVpU4/s16000/EzW.JPG" /></a>
</div>
<br />
<div>最後改好後, 記得按下[<b>更新檔案</b>]鍵</div>
</div>
</div>
</div>
</div>
<div><br /></div>
<div>
[<b><span style="color: #ff00fe;">貼心提醒</span></b>] 找到要更改的顏色代碼後, 可以先改一個,
然後按下[<b>更新檔案</b>]鍵後回到自己網站看看是不是改的是對的. 為了怕改錯位置,
想要改回來, 回來時找不到修改過的地方, 建議可以加個"<b>備註</b>".
</div>
<div><br /></div>
<div>
在CSS加備註的方法:<b> <span style="background-color: #b6d7a8;">/*</span></b>
備註內容加在這二個符號之間<span style="background-color: #b6d7a8;"><b> */</b></span>
</div>
<div>
<span style="background-color: #b6d7a8;"><b><br /></b></span>
</div>
<div>最後, 切記, 請先備份再進行修改.</div>
<!--目錄索引啓動程式碼-->
<script>mbtTOC();</script></div>Unknownnoreply@blogger.com1