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

2025年8月17日 星期日

[blogger] Google Blogger 的網頁傳統樣式及RWD、手動修改背景

 建立了一個 https://aigamego.blogspot.com/ 的網站,並將主題樣式改為第一代傳統樣式(可以自行編輯html程式碼)。這樣雖無法做版面配置,但是可以調整的空間很大。

以下是使用電腦瀏覽的畫面:


以下是手機瀏覽的畫面,手機瀏覽是自適應網頁RWD

網址為:https://aigamego.blogspot.com/?m=1


在body{}上修改background屬性,可以改變電腦版的背景。

例如:

body{
  background:#aba url("https://themes.googleusercontent.com/ image?id=0BwVBOzw_-hbMYzRlNDFkM2QtMTZjMC00OGI0LWFhYTgtYTQ4MWVjYTFjNDI0") no-repeat right center;
}

2025年6月7日 星期六

[blogger] 如何在Google Blogger 文章中嵌入高亮程式碼,並上色(html、javascript、Cpp、Python等)

以下是倒時計時程式碼~javascript 及其它程式範例

// Your JavaScript code here


 <h3>Time to end of semester.<p id="endSemester"></p></h3>
  

# Python sample
def greet(name):
    print(f"Hello, {name}!")
greet("world")

// Arduino / C++ sample
void setup() {
  Serial.begin(9600);
}

void loop() {
  Serial.println("Hello, Arduino!");
  delay(1000);
}
參考: https://prismjs.com/#languages-list

#blogger #程式碼上色 #高亮程式碼 #文章 #嵌入程式碼

2021年8月6日 星期五

[google blogger] 反斜線(back slash) \ 變成了奇怪的符號?

在blog文章中,反斜線變成了奇怪的符號, 如下

C:\Windows\

可以試著改變字型,例如改成 Arial 字型,就沒問題了

C:\Windows\

2021年5月16日 星期日

2021年1月1日 星期五

WordPress、Blogger、Pixet部落格 Feedburner 設定訂閱連結(One Page)


Feedburner (中文)中燒錄一個連結,然後依照所屬的部落格輸入以下:

1. wordpress 訂閱連結:

在部落格網址後面加上【/feed/】例如:example.com/feed/

2. Pixnet 訂閱連結:

在部落格網址後面加上【/feed/rss】例如:pixnet.net/blog/feed/rss

3. Google Blogger 訂閱連結:

在部落格網址後面加上【/feeds/posts/default】

例如:本站的燒錄的網址是 https://www.fernheart.com/feeds/posts/default

燒錄出來的 feedburner網址是:https://feeds.feedburner.com./fernheart

這兩個連結其實都可以用,只是若用 feedburner讓人訂閱的話,能有一些統計資料可以分析。

若有 Domain Name,也可以透過 CNAME 的轉址,讓連結改為

FOR PC: https:/feeds.fernheart.com./fernheart

FOR Podcast: https:/feeds.fernheart.com./fernheart/DMHG

CNAME設定轉址時,可以使用 SSL網址。

★ FeedBurner 中的設定

1. Email Subscribtio:需要設定的如下

(1)Communication preferences訂閱人電子郵件地址確認信,範本需改為中文(原來的是英文)。

(2)Email Branding.往後寄送的電子郵件格式。

(3)Delivery Options 修改訂閱時間。


輸入你的電子郵件地址:

發送者為 FeedBurner

訂閱 FernHeart 透過電子郵件

2018年8月24日 星期五

修改部落格Blogger文章的CSS語法

註解預設的CSS,再加上一些自己想要加的。因應現在的螢幕都是加大的,所以改為18pt,行高設為1.5,字距設為1.4px,改完之後,看起來的確比較順眼可讀。尤其是長期用螢幕工作的,更是需要。


.post-body {
/*font-family: "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", Meiryo, "微軟正黑體", "Microsoft JhengHei", sans-serif;*/
  font-size: 18px;
  color: #000;
  line-height: 1.5;
  letter-spacing: 1.4px;
/*  line-height: 1.4; */
/*  font-size: 110%; */
/*  position: relative; */
}

說明:
/*註解的CSS*/

搜尋部落格設計,在自訂 html中搜尋 .post-body,再加入或置換CSS語法即可。

2018年7月6日 星期五

部落格文章防止使用右鍵

在主題中編輯 HTML,並將以下script 貼於 Head tag中
document.oncontextmenu = function(){return false;}
document.onselectstart = function(){return false;}
document.onmousedown = function(){return false;}

2013年6月15日 星期六

Google Blogger 加密文章的方法 (Encrypt article in your website)

google blogger 沒有像無名小站有加密文章的功能,不過我們可以利用 javascript加密來實現

1. 首先在編輯文章時利用html程式碼來編輯,並加入以下 javascript
<script src="http://www.vincentcheung.ca/jsencryption/jsencryption.js" type="text/javascript"></script>

2. 連線到 http://www.vincentcheung.ca/jsencryption/ 依指示輸入文章解密密碼及文章內容,encrypt後,再copy html code 貼在google blogger 上,即完成。

示範如下:(密碼123)

2010年6月24日 星期四

blogger又正常了

很奇怪,之前改變blogger樣式時,用IE瀏覽,發現右邊選單整個不見,不過用firefox看確正常,不過陸續post some articles ,發現用IE瀏覽時,又恢復了,真是怪事!網路上有人討論到blogger template and browser ie 相容問題。

2010年6月21日 星期一

blogger 的新樣版似乎與IE不太合

自從換了blogger的新版面之後,發現首頁用IE看的時候,右半邊的連結全部消失不見,用firefox看卻正常,實在有點奇怪,應該是google新範本用了些語法的問題。

2010年6月12日 星期六

blogger 新版面及新網頁

google blogger 終於有新的版面可以用了,換換新裝也不錯呀!!
我喜歡這個有很多書的背景!
另外還有個新網頁的功能,以前都要用javascript來寫一些側欄,現在有這個新網頁的功能就太方便了,不過只能新增10個。
http://huang987.blogger.com/

2009年6月4日 星期四

回應的人變多了

最近發現部落格裡回應留言的人變多了,於是想把最新回應放在部落格的側邊欄,google一下才發現,原來是利用小工具裡的資訊提供,方法如下:
  1. 進入「版面配置\網頁元素」的畫面,[新增"資訊提供"小工具」
  2. 資訊提供 URL 填入(紅色部份請自行修改)
    1. 最新文章:http://huang987.blogspot.com/feeds/posts/default
    2. 最新回應:http://huang987.blogspot.com/feeds/comments/full
  3. 儲存

2009年4月5日 星期日

如何在 google blogger 的 文章中顯示html的程式碼(How to display the html tag in google's blogger article?)

輸入文章時,若要在 blogger的文章中顯示html程式碼, 只要

這樣就可以輸入html碼,如下範例

<a href="http://huang987.blogspot.com/">huang987.blogspot.com</a>

參考網站 ttp://www.bloggertipsandtricks.com/2007/07/displaying-html-tags.html

2009年4月1日 星期三

Google Blogger 的表格問題?

一開始發現google blogger 似乎沒有建立表格的工具,若是直接貼上html程式碼,便會出現很多空白列,上網搜尋了一下解決的方法,果然有不少人也發現這樣的問題,最簡單的方法,就是用div的標籤套住表格就可以了。
<style type="text/css">.nobrtable br {display:none}</style>
<div class="nobrtable">
表格table語法放在這裡
</div>
利用CSS來解決斷行的問題,實在是太神奇了。

2009年3月23日 星期一

如何備份部落格文章及圖片(how to backup google blogger article and upload picture)

之前曾寫過一篇,如何備份部落格的文章,使用3rd-party blogger backup 的軟體來達成,可參考:
http://huang987.blogspot.com/2008/06/google-blogger-how-to-backup-google.html
使用上述軟體備份下的文章很不錯,唯一的缺點是,當你要輸入管理blogger的帳密的時候,會猶豫一下,如果你的blogger帳密很重要,那就不要用這個軟體了。

真的要備份 google blogger 的話,其實可以用以下的連結,來達成備份的目的
http://blogname.blogspot.com/search?max-results=N
備份回應文章也可以用
http://blogname.blogspot.com/feeds/posts/default?max-results=1000
blogger 的圖片可以用 firefox plugin DownThemAll 來達成

由以上的 tip link 來看,google 可能不會出類似 backup的軟體了,為什麼呢?因為他希望你的文章放上blogger之後,就不要再下載下來,google只希望可以看到article,而不是像blogger backup那樣的軟體,可以存成一個xml file,讓你可以更方便使用它。當然會寫 program的人,應該可以了透過 google tip link 的連結,來寫成備份blogger文章的程式。

參考連結
http://googlesystem.blogspot.com/2007/02/how-to-backup-blogger-blog.html

2008年8月22日 星期五

使用IE 來瀏覽 google blogger 新增小工具,有亂碼

既然都更新到 xp3,那麼就來更新瀏覽器到 IE7好了,結果仍是一樣,使用IE7來瀏覽 google blogger的新增小工具,仍然會有亂碼。blogger的用戶很多,但是台灣的佔有率並不高,所以可見M,應該不太重視這個小眾市場,使用google blogger的網友,還是使用firefox比較好一點,畢竟那些小具的,可說是blogger的重點啊!
下載firefox,然後下載下來用用看吧!!
http://www.moztw.org/

更新xp到sp3,google blogger 小工具仍是亂碼

原先 google blogger的 新增小工具,會有亂碼出現,於是將 xp更新到 sp3,結果還是一樣,小工具仍是亂碼一堆!!

2008年6月6日 星期五

如何備份google blogger 文章(How to backup google blogger's article?)

可以使用 www.codeplex.com/bloggerbackup 所提供的軟體,但安裝這個套件,需要 先安裝 microsoft .NET framework 2.0 才能使用,安裝後,輸入一些 blogger的資料,就可以把文章抓回到自已的硬碟中

2008年5月18日 星期日

熱門文章