SlideShare uma empresa Scribd logo
1 de 23
中臺科技大學 暑期課程 部落格教學應用 第 4 次  部落格版面設定 講師:李琮堯
大綱 ,[object Object],[object Object],[object Object],[object Object]
版型設定
大家可在「 面板設定 」中,使用「 各式樣板 」或「 組合樣式 」先套用 其中一個面板,選擇後記得按下下方的「確定」鈕喔。 選擇「 各式樣板 」中「 節慶 」類的母親節 新面板,選擇後按下確定,面板會是如圖之樣子
假設想用這張圖片當作部落格背景 先到「 面板設定 」選擇「 進階樣式 」,然後勾選「背景設定」中的「背景圖案」 並挑選出該張相片,並且選擇這張圖要不要填滿,當你的圖片過小時,選擇填滿 才能讓圖片佈滿整個部落格背景喔!
接著按下下方的「確定」鈕,部落格就會變成下面這樣囉,黃色的圈圈小圖 會佈滿整個背景,而其他的區塊和配色,仍舊維持原本選擇的母親節版型的 配置。
練習 ,[object Object],[object Object]
預定樣板、進階樣板、 組合樣板
同樣到「 面板設定 」選擇「 進階樣式 」,然後勾選「標題設定」中的 「標題底色」然後利用右邊的色盤選出自己想要的顏色;如果想要在 部落格標題的地方放上自己的相片,就要勾選「標題設定」中的「標 題底圖」。選擇完畢記得按下下方確定鈕! 如果你想在部落格標題 的地方,也更有你自己 的風格,可一樣透過進 階樣式來修改!如要把 自己的部落格標題的背 景變成黃色,更換步驟 如下:
如果決定現在想把左右兩個窄欄的區塊底色變成藍色,就一樣要到 「 面板設定 」選擇「 進階樣式 」,然後勾選「欄位設定」中的「欄 位底色」,然後利用右邊的色盤選出自己想要的顏色,此時你也可 以選擇區塊內的文字要不要改變喔,因為現在想維持原來的粉紅色 所以就不作更動,同樣選擇完畢要按下下方確定鈕。
修改後部落格版面
練習 ,[object Object],[object Object],[object Object],[object Object]
應用設計好的自訂樣式
css 語法: 請進入 管理部落格 選  面板設定 - 選  自訂樣式 改變 部落格背景樣式 框線樣式 卷軸顏色 滑鼠樣式 改變 訂閱圖示樣式 個性圖示 文字樣式                                                                            
優良網站 ,[object Object],[object Object],[object Object],[object Object]
自訂樣式  ( 例 ) ,[object Object],[object Object],[object Object]
更換滑鼠游標
1. 登入部落格後 2. 將下列語法複製 .   body{cursor:url( 滑鼠游標網址 1)} a:hover{cursor:url( 滑鼠游標網址 2)}   3. 最大的重點 註 :body{cursor 為一般狀態下的滑鼠游標       a:hover{cursor  為超連結下的滑鼠游標
4. 貼上語法 . 貼在自訂樣式最下面空白處 . 其他的都不要去更動 .        
三個滑鼠游標網址 ,[object Object],[object Object],[object Object]
如何複製游標圖的網址
貼上游標網址 ,[object Object],[object Object],[object Object],[object Object],[object Object]
小小練習 ,[object Object]

Mais conteúdo relacionado

Destaque

Comunicacion Y Educacion
Comunicacion Y EducacionComunicacion Y Educacion
Comunicacion Y Educacionguest39ff2cf
 
Actividad2 2 trabajando las buenas prácticas GRUPO 4
Actividad2 2 trabajando las buenas prácticas GRUPO 4Actividad2 2 trabajando las buenas prácticas GRUPO 4
Actividad2 2 trabajando las buenas prácticas GRUPO 4iktallende
 
Master en Gestión de Empresas de Moda Retail
Master en Gestión de Empresas de Moda RetailMaster en Gestión de Empresas de Moda Retail
Master en Gestión de Empresas de Moda Retailainhoachamorro
 
Diapositivas.1
Diapositivas.1Diapositivas.1
Diapositivas.1fiigo
 
Manual Guía para la Construcción de Consenso en decisiones sobre Ordenamien...
Manual Guía para la  Construcción de Consenso  en decisiones sobre Ordenamien...Manual Guía para la  Construcción de Consenso  en decisiones sobre Ordenamien...
Manual Guía para la Construcción de Consenso en decisiones sobre Ordenamien...Universidad de Lima
 
God,why ? (nx power-lite)
God,why ? (nx power-lite)God,why ? (nx power-lite)
God,why ? (nx power-lite)Noemi Catz
 
Apostila mpu etica-do-serv-publico-pedro-kuhn=-ok
Apostila mpu etica-do-serv-publico-pedro-kuhn=-okApostila mpu etica-do-serv-publico-pedro-kuhn=-ok
Apostila mpu etica-do-serv-publico-pedro-kuhn=-okEdymaraes Silva
 
9如何將簡報檔設定成沒密碼不能編輯
9如何將簡報檔設定成沒密碼不能編輯9如何將簡報檔設定成沒密碼不能編輯
9如何將簡報檔設定成沒密碼不能編輯p_yang
 
Laporan dasar agroteknologi acara 1
Laporan dasar agroteknologi acara 1Laporan dasar agroteknologi acara 1
Laporan dasar agroteknologi acara 1edhie noegroho
 
Tipos De Microprocesadores Y Socket
Tipos De Microprocesadores Y SocketTipos De Microprocesadores Y Socket
Tipos De Microprocesadores Y Socketkirus
 
Gira de AMLO del 25 al 28 de abril 2013
Gira de AMLO del 25 al 28 de abril 2013Gira de AMLO del 25 al 28 de abril 2013
Gira de AMLO del 25 al 28 de abril 2013AMLO-MORENA
 
Impulsvortrag Social Software und Wissensmanagement (2.0)
Impulsvortrag Social Software und Wissensmanagement (2.0)Impulsvortrag Social Software und Wissensmanagement (2.0)
Impulsvortrag Social Software und Wissensmanagement (2.0)Karsten Ehms
 
Laura Belik, Urban Commons and Democracy
Laura Belik, Urban Commons and Democracy Laura Belik, Urban Commons and Democracy
Laura Belik, Urban Commons and Democracy LabGov
 
Imatges de ciutats del món.
Imatges de ciutats del món.Imatges de ciutats del món.
Imatges de ciutats del món.jgutier4
 
Aula3 pesquisa de_marketing
Aula3 pesquisa de_marketingAula3 pesquisa de_marketing
Aula3 pesquisa de_marketingAngelo Yasui
 
Bilim Tarihi orta cagda bilim
Bilim Tarihi  orta cagda bilimBilim Tarihi  orta cagda bilim
Bilim Tarihi orta cagda bilimÜĿkü Tnb
 
Cómo se ve el panorama del futuro próximo
Cómo se ve el panorama del futuro próximoCómo se ve el panorama del futuro próximo
Cómo se ve el panorama del futuro próximoIADERE
 

Destaque (20)

Comunicacion Y Educacion
Comunicacion Y EducacionComunicacion Y Educacion
Comunicacion Y Educacion
 
Borges -poema_a_los_amigos
Borges  -poema_a_los_amigosBorges  -poema_a_los_amigos
Borges -poema_a_los_amigos
 
Actividad2 2 trabajando las buenas prácticas GRUPO 4
Actividad2 2 trabajando las buenas prácticas GRUPO 4Actividad2 2 trabajando las buenas prácticas GRUPO 4
Actividad2 2 trabajando las buenas prácticas GRUPO 4
 
Reda 2
Reda 2Reda 2
Reda 2
 
Master en Gestión de Empresas de Moda Retail
Master en Gestión de Empresas de Moda RetailMaster en Gestión de Empresas de Moda Retail
Master en Gestión de Empresas de Moda Retail
 
Diapositivas.1
Diapositivas.1Diapositivas.1
Diapositivas.1
 
Manual Guía para la Construcción de Consenso en decisiones sobre Ordenamien...
Manual Guía para la  Construcción de Consenso  en decisiones sobre Ordenamien...Manual Guía para la  Construcción de Consenso  en decisiones sobre Ordenamien...
Manual Guía para la Construcción de Consenso en decisiones sobre Ordenamien...
 
God,why ? (nx power-lite)
God,why ? (nx power-lite)God,why ? (nx power-lite)
God,why ? (nx power-lite)
 
Apostila mpu etica-do-serv-publico-pedro-kuhn=-ok
Apostila mpu etica-do-serv-publico-pedro-kuhn=-okApostila mpu etica-do-serv-publico-pedro-kuhn=-ok
Apostila mpu etica-do-serv-publico-pedro-kuhn=-ok
 
9如何將簡報檔設定成沒密碼不能編輯
9如何將簡報檔設定成沒密碼不能編輯9如何將簡報檔設定成沒密碼不能編輯
9如何將簡報檔設定成沒密碼不能編輯
 
Laporan dasar agroteknologi acara 1
Laporan dasar agroteknologi acara 1Laporan dasar agroteknologi acara 1
Laporan dasar agroteknologi acara 1
 
Tipos De Microprocesadores Y Socket
Tipos De Microprocesadores Y SocketTipos De Microprocesadores Y Socket
Tipos De Microprocesadores Y Socket
 
Gira de AMLO del 25 al 28 de abril 2013
Gira de AMLO del 25 al 28 de abril 2013Gira de AMLO del 25 al 28 de abril 2013
Gira de AMLO del 25 al 28 de abril 2013
 
Impulsvortrag Social Software und Wissensmanagement (2.0)
Impulsvortrag Social Software und Wissensmanagement (2.0)Impulsvortrag Social Software und Wissensmanagement (2.0)
Impulsvortrag Social Software und Wissensmanagement (2.0)
 
Aprendeaamardeverdad
AprendeaamardeverdadAprendeaamardeverdad
Aprendeaamardeverdad
 
Laura Belik, Urban Commons and Democracy
Laura Belik, Urban Commons and Democracy Laura Belik, Urban Commons and Democracy
Laura Belik, Urban Commons and Democracy
 
Imatges de ciutats del món.
Imatges de ciutats del món.Imatges de ciutats del món.
Imatges de ciutats del món.
 
Aula3 pesquisa de_marketing
Aula3 pesquisa de_marketingAula3 pesquisa de_marketing
Aula3 pesquisa de_marketing
 
Bilim Tarihi orta cagda bilim
Bilim Tarihi  orta cagda bilimBilim Tarihi  orta cagda bilim
Bilim Tarihi orta cagda bilim
 
Cómo se ve el panorama del futuro próximo
Cómo se ve el panorama del futuro próximoCómo se ve el panorama del futuro próximo
Cómo se ve el panorama del futuro próximo
 

4 部落格版面設定