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

2020年2月22日 星期六

blogger教學15-新增小工具嵌入scratch作品1090223


1、如何新增小工具http://stream.kh.edu.tw/channels/75/episodes/781?locale=zh_tw





2、原始網誌,綠框中無作品











3、版面配置、新增小工具、+



















4、登入scratch官網,複製嵌入代碼貼到內容,貼到blogger的內容和輸入標題






















5、依據blogger主題、自訂、調整寬度的左側欄,





     修改嵌入碼的寬度和高度,width="270" height="240",再 儲存









    


6、在版面配置中看到剛才加的內容,移動到想放的位置後,再 儲存排列方式










7、檢視網誌效果,在預定的版面位置可執行作品









blogger教學14-用Email共編blogger貼文章1090223

1、原有文章2篇





 







2、設定、以電子郵件傳送,綠框是你的gmail,在綠框後填入4位以上英數字,儲存設定,



      橘框 xxx.1234@blogger.com就是這個網誌的email,請要共編的人將文章寄到這個信箱
















3、實際寄至xxx.1234@blogger.com 測試,不想再讓別人共編時,上方設定改選 已停用 即可









4、檢視結果,信件主旨為文章的標題,但無文章的分類標籤








2020年2月17日 星期一

blogger教學13-新增blogger網頁及內容1090218

1、網誌原無 軟體應用 選項













2、點選 網頁、新網頁,原無 軟體應用 網頁









3、輸入網頁的 標題、內容後,點選  發布










4、看到完成的 軟體應用 網頁










5、版面配置、網頁小工具中的 編輯









6、游標向下滑,可移動網頁選項清單的順序,並 儲存,再 儲存排列方式












7、檢視網誌,在scratch300網誌和荔枝123網誌間,多了 軟體應用 的網頁選項



blogger教學12-網頁方式連結外部網站1090217

1、原本 scratch300網誌無 荔枝456網誌 的網頁連結選項
















2、點選 版面配置、網頁小工具的 編輯










3、點選 新增外部連結,輸入要連結的 網頁標題和網址,再 儲存連結 


















4、清單中出現 荔枝456網誌  的網頁選項,點選 儲存 
















5、檢視網誌,出現 荔枝456網誌 的網頁選項,按下即可連結到該網頁

























2020年2月16日 星期日

blogger教學11-新增css改網誌標頭位置1090217

1、主題、自訂、進階,網誌標題,設定標題的字型、大小和顏色















2、在新增自訂css中,輸入#header{height:100px;text-align:center;},選 套用至網誌









      檢視網誌效果












3、height:100px是標頭的高度,text-align:center是將網誌標題設定在標頭的中間位置,


     


      text-align:right是設在右邊,centertext-align:left或未設定則會在左邊





      改成#header{height:300px;text-align:left;} 效果如下









2020年2月15日 星期六

blogger教學10-讓google搜尋到你的文章1090216

1、點選設定、基本,隱私權的編輯













2、在 中繼標記 停用狀態下,每篇文章的文章設定無 搜尋說明 選項,編輯儲存後才會有






      






3、輸入 中繼標記的內容,即你的網誌的簡單說明































4、選定其中一篇文章,文章設定、搜尋說明,輸入 和該篇文章相關的內容摘要或關鍵字句












5、在 google 輸入 扯鈴團練動作 搜尋,依 文章設定的搜尋說明內容-扯鈴團練動作,成功找





      到網誌中的文章











2020年2月9日 星期日

blogger教學9-網站小圖示1090210

1、網誌未加小圖示























2、版面配置、網站小圖示中的  編輯







3、上傳圖片,修改圖片可參考教學7





































4、網站小圖示中非現上傳的圖片後,點選 儲存排列方式









5、網誌有加小圖示效果






blogger教學8-文字跑馬燈1090209

1、網誌效果-文字跑馬燈向右移動














2、版面配置,任一個 新增小工具











3、輸人標題、內容,儲存,再 儲存排列方式,跑馬燈效果顯示位置在標頭下方,字的顏色會

      和從 主題、自訂、進階、網頁文字中設定的相同



      複製下列程式碼到文字跑馬燈的內容



      <marquee direction='right'>玉荷包專業老農阿中伯歡迎你!旗山區農會產銷班班長自地自種自銷美味荔枝!</marquee>




















4、更多跑馬燈資料        



      跑馬燈參考