雄哥Mr. Logic: [網站教學]GoogleBlogger

顯示具有 [網站教學]GoogleBlogger 標籤的文章。顯示所有文章

2022年7月13日星期三

免費的podcast音樂庫;Podcast的圖片大小

FB與Youtube各自的免費音樂庫下載，不可拿到別的網站去，要注意版權，但podcast較少人提到的音樂庫，爬文找到一個

免費的podcast音樂庫

https://incompetech.com/music/royalty-free/music.html

從0開始的podcast制作

Podcast的圖片1400*1400像素正方形或1700*1700

分享一下

2022年7月8日星期五

adsense的問題解決備忘

https://www.facebook.com/groups/blogger.skill/permalink/505688233372423/

這是一個有關adsense的問題解決，可以放在google blogger的目錄下參考

2019年5月9日星期四

若要Google放廣告在你的網誌內，有人點或有人看，你就可以有收入，首先你要辦一個Google AdSene帳戶，只要年滿20歲即可，你的廣告收益會統計在Google AdSense帳戶上，它就像一個虛擬銀行帳戶，當你的申請完Google AdSense, Google會審查你的網誌(至少要有30篇以上的文章，比較會通過放廣告)，約一週後，若有通過，Google會自動放廣告在你的網誌，你的網誌後台也要作一些設定，如下圖

也可前往Adsense查看你的收益詳情。Google審核通過後會自動放廣告在你的網誌上，如前台顯示

可以從前台廣告的下方設定進去來選項，如下圖

也可以從後台的「版面配置」/Adsense小工具來編輯

2019年5月6日星期一

網頁制作教學:由Blogger網誌變成無側欄的網頁格式

到網誌後台/新增網誌網頁制作教學:由Blogger網誌變成無側欄的網頁格式

本文尚未結束請點開「閱讀更多 »」

2019年4月23日星期二

量測與制作所須圖片寬width與高height像素的工具

設計網頁時常要量一下網頁圖片的所須的尺寸大小，提供一個工具pageruler工具，用google 尋找名稱：pageruler
網址：https://chrome.google.com/webstore/detail/page-ruler/emliamioobfffbgcfdchabfibonehkme
按新增到chrome, 最後chrome書籤列上會有一個井字出現，按滑鼠左鍵拖過所要量測的地方，即可知道所須的圖片寬高的像素大小

可用小畫家去改變圖片的寬(水平)高(垂直)像素大小

也可以用photocap免費修圖軟體來作圖片縮小放大:先將圖片匯入後，再到影像/影像大小

2019年4月11日星期四

如何批次下載部落格文章（Blogger, Pixnet, etc.）

用JcomicDownloader軟體來作，下載地方

https://github.com/abc9070410/JComicDownloader/releases

軟體的使用說明，如下

https://sites.google.com/site/jcomicdownloader/step-by-step/blog-download

軟體的Q&A

https://sites.google.com/site/jcomicdownloader/questions-and-answers#q28

2019年4月9日星期二

如何將youtube影片放在部落格後變成嵌入RWD(自適應網頁)的影片

1到Blogger後台/主題/自訂

語法如下:
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;left: 0;
width: 100%;
height: 100%;}
2:開啟一篇新文章將youtube所提供的「複制嵌入程式碼」
例如
<iframe width="400" height="225" src="https://www.youtube.com/embed/YoGHwlDz6Ow" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
更改如下:
<div class="video-container">
<iframe width="400" height="225" src="https://www.youtube.com/embed/YoGHwlDz6Ow" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
到文章的HTML來修改

以上操作是參考自以下網址

https://www.webdesigns.com.tw/youtube-rwd.asp
舉一個影片例子如下

2019年4月7日星期日

如何在網頁標頭下增加一些網頁連接(例如關於站長)

到版面配置/標頭下的一個跨欄區/新增小工具點下去，增加網頁

本文尚未結束請點開「閱讀更多 »」

2019年3月31日星期日

如何將google表單放到部落格上

Google表單的設定:到google雲端硬碟

本文尚未結束請點開「閱讀更多 »」

2019年3月28日星期四

如何看出blogger有誰在訂閱及如何封鎖

到blogger的後台/統計資料/總覽，看右邊有「管理你的瀏覽追踨設定」

本文尚未結束請點開「閱讀更多 »」

2019年3月24日星期日

Google Ads(ward)與Adsense有何不同;從google analytics來討論

在google analytics分析上就有Google Ads與Adsense的分析

本文尚未結束請點開「閱讀更多 »」

如何在blogger上安裝google analytics

先在google analytics上先設好帳戶，再到建立資源

到建立資源上，找到追縱ID與代碼

將追縱ID填入BLOGGER的後台

將代碼貼在</body>的前面

若是不要google analystics來分析自已有上自已的blogger時，可以用google 找一下block yourself from analytics chrome

把這一個chrome的應用程式新增到自已的blogger上

再到chrome網頁上的options下去設定這一個blogger的網址

2019年3月17日星期日

圖文整合在一起，用PPT來做一張背景格式是透明的

分享如何用PPT來一張有圖有文合在一起的圖片，最後另存成一張圖之前要作這一個動作，在PPT的空白處，用滑鼠點一下，按右鍵

在PPT上設計背景格式是透明的

在小畫家上設計背景格式只是白色的，並不是一張透明的圖

如何改變部落格名稱、不對外公布網誌

改變部落格名稱:到後台/設定/基本，作以下兩個設定

2019年3月5日星期二

每一篇文章底部主動加上版權宣告

本文的操作練習是參考以下網誌

https://www.techcoke.com/2015/02/blogger-article-bottom-add-copyright.html
部落格Blogger

在程式碼頁框裡面用滑鼠左鍵點一下，並按下鍵盤組合件「Ctrl + f」( 按著 Ctrl 再按一下 f ) ，在出現的搜尋框中輸入「<data:post.body/>」按下鍵盤『Enter』
放入版權提要的程式代碼
在「電腦版範本」區塊的第二個「<data:post.body/>」下方加入下面的程式碼，在『儲存範本』後即可看到效果。
(* 如果要在行動版網頁上安裝，可在第一個「<data:post.body/>」下方加入下面的程式碼。)


<b:if cond='data:blog.pageType == "item"'>
<p> © 若無特別註明，本站文章皆由
<a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> 原創
，轉載引用本文前請先留言告知。本文轉載請註明文章源自
<a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a>
，作者
<a expr:href='data:post.authorProfileUrl' expr:title='data:post.author'><data:post.author/></a>
，並附上原文連結：
<a expr:href='data:post.url' expr:title='data:blog.pageName'><data:blog.pageName/></a>
</p>
</b:if>

如何更換簡單版型下方文字:「簡單主題. 技術提供：Blogger」

到後台主題/編輯HTML

先用Ctrl+F在HTML程式內找「Attribution1」，找到後刪掉以下文字

打上你要出現的字，例如「雄哥部落客，學習分享」這些文字
<center>雄哥部落客，學習分享</center>這是細明體，
<center><font face='標楷體'>雄哥部落客，學習分享</font ></center>這是標楷體
<center><font color=’blue’ face='標楷體'>雄哥部落客，學習分享</font ></center>這是藍色標楷體的文字

<center><font color='blue' face='標楷體' size='4'>雄哥部落客信箱:csshieh@mail.feu.eud.tw</font></center>

可自行調整大小; 只留下這三行, 如下圖