顯示具有 blogger 標籤的文章。 顯示所有文章
顯示具有 blogger 標籤的文章。 顯示所有文章

2021年2月10日 星期三

將pdf嵌入到blogger或HTML網頁

標題:[教學]如何將pdf嵌入到blogger或HTML網頁


今天要實作如何將pdf檔案嵌入到我的blogger。


首先,將pdf檔案上傳到Google雲端硬碟。


然後點開它,選擇共用。


設定共用為「公開」或「知道連結的使用者都能查看」

如果忽略此步驟,可能導致嵌入後的pdf只有自己能看到。


接著回到剛才的畫面,選擇在新視窗中開啟。


接著選擇嵌入項目...


會看到一段HTML程式碼,把它複製起來。


貼到你的blogger文章的HTML上。


貼完之後,發佈文章,就能看到pdf檔出現在blogger上了。



本篇文章網址:https://corettainformation.blogspot.com/2021/02/pdfbloggerhtml.html

如果覺得這篇文有幫助到你們的話,請留言或幫忙按個廣告吧。

您的支持是我寫文的最大動力。

如果依然失敗了,也請留言讓我知道,看看哪個環節出了問題,我有看到就會回。


希望這篇文有幫助到各位ξ( ✿>◡❛)

2021年1月10日 星期日

[懶人包]解決blogger無法投放廣告的問題

標題:[懶人包]解決blogger無法投放廣告的問題

遇到的問題包括:你在 AdSense 中輸入的網誌詳細資料有問題,請前往 AdSense 確認你的網誌網域名稱 (xxx.blogspot.com) 是列示為網站。

以及:我們正在為你完成設定,這項程序通常會在幾天內完成,但有時最久可能需要 2 週。我們會在一切準備就緒時通知您,接下來您就可以開始刊登廣告來賺取收益。

然後等了20週它都不會告訴你準備好了。

因為你沒有加script在blogger的header裡。


解決方法懶人包:

首先進去AdSense,把你的發布商ID複製起來。



然後回你的Blogger,按主題/自訂/編輯HTML。


然後編輯HTML。



找到一個<head>標籤,在它後面輸入

<script async='async' data-ad-client='ca-pub-xxxxxxxxxxxxxx' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>

紅字的pub-xxxxxxxxxxxxxx是你剛剛複製的發佈商ID。記得前面要加ca。

例如:

<script async='async' data-ad-client='ca-pub-123456789' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>

輸入在head之後的任何一個位置就行,前提是要放在</head>之前。

也就是說,這段程式碼要放在<head>與</head>之間。


放完之後,按下儲存。

接著回到blogger介面。斷開AdSense與blogger的連結,然後再加入AdSense(這步驟可能不用做)。

做完之後,它依然會告訴你「我們正在為你完成設定,這項程序通常會在幾天內完成,但有時最久可能需要 2 週。我們會在一切準備就緒時通知您,接下來您就可以開始刊登廣告來賺取收益。

我以為又失敗了。

但這次不會等20週都等不到了,我當時過了兩天,它就寄信給我說申請通過了。



我也能放廣告了。


超感動,一定要PO到blogger造福那些跟我一樣等超過20週,還沒等到結果的人。


如果這篇真的有幫助到你們,並成功了,請留言或按個廣告吧,我會很感謝您的。

如果等了兩週後依然失敗了,也請留言讓我知道,我再檢討看看此文是否有寫錯。


希望這篇文有幫助到你們

2019年9月29日 星期日

[密技]如何把blogger文章嵌入到其他頁面或網站

網路上都很多把外部連接嵌入到blogger上,但是似乎找不到把自己blogger連接嵌入到其他網頁的方法。

這裡提供一個自行研發的方法。

首先,到自己要轉出的頁面
範例網址:https://corettainformation.blogspot.com/2019/06/cc_23.html

然後按F12開啟主控台,輸入:

 var mydgetdivdata=document.getElementsByClassName('blog-posts hfeed')[0].innerHTML;

document.write("<textarea id='getdivtest0001' cols='1024' rows='512'></textarea> <script>document.getElementById('getdivtest0001').value=mydgetdivdata<\/script>");


然後會跑出這串文字,就是你那篇文章的嵌入程式碼

現在試著把這串文字轉貼到自己的其他頁面
測試結果正常

現在把這串文字轉貼到其他網誌試試
轉貼成功

2019年9月10日 星期二

[密技]如何使blogger擁有置頂文章

blogger都沒有置頂文章的功能,很不方便。

但是這個網誌卻有置頂文章

分享一下我是怎麼做到的

首先,隨便發一篇你要的文章出去,然後回去文章編輯區編輯文章,注意文章編輯區的右側有個日期與時間。

然後,更改發布日期到遙遠的未來。

由於blogger是按照日期排序的,所已發布時間越後面排的越前面。

這樣子,blogger的置頂文章就完成了



2019年7月9日 星期二

[密技]解決blogger圖片模糊看不清楚的問題

在blogger上的圖片樣式明明都選擇特大張了,卻還是看不清楚。

圖片太小了,被縮放過了。

但是如果選擇原始大小的話,版面會超出去,怎麼辦呢?


有一個密技可以解決這個問題。

我們在blogger的管理介面按主題/自訂。

然後按進階/新增CSS

在裡面輸入「.post-body img {max-width: 100%;}

它的意思是圖片超出頁面時會自動縮放圖片為版面大小。

然後回到文章編輯區,把圖片大小設定為原始大小,然後按預覽。

這時就會發現圖片可以自動縮放為版面大小了,而且比選項中的「特大」來得大張,看得更清楚了。