PupU上課囉(╯-_-)╯╧╧

沒營養教學文

所謂的沒營養就是沒有甚麼大道理

學理、理論通通OUT

因為PupU完全沒學過什CSS和甚麼HTML

看到其他人美輪美奐的BLOG頁面怎能不心動ლ(・∀・ )ლ

楔子

小女子師承GOOGLE,於2012在PIXNET發文直到今天

看到一些部落客把自己的"寶貝"放在側欄讓小女子十分動心

問了老師,答案卻甚少

故發此文以抱師恩

就是這個PupU的男朋友女朋友排排站

01  

STEP1:到後台管理的側邊欄位設定,ClicK

02  

STEP2:彈出新增自訂欄位

03  

自訂欄位標籤打上標題名稱:(EX:PupU的男朋友女朋友,小三情人夢et al.)

自訂欄位內容打上html語法:

<div style="text-align: center;">

圖片名稱,例如:Panasonic GF2

<img src="圖片來源網址">

前面的語法是讓文字置中

而後面的語法是貼圖

"送出",ClicK

新增的側欄就出現了

04    

把新增的欄位拉至想要的位置

完成!!ლ(^o^ლ)


KEY POINT:

放在側欄的圖片大小需要依照側欄寬度進行調整喔

調整圖片利用Microsoft Office Picture Manager來作示範

有安裝Microsoft Office的人應該都有喔

先以Microsoft Office Picture Manager開啟圖片

STEP1:編輯圖片,ClicK

05    

STEPT2:自訂寬度 x 高度

我們只要自訂寬度就好

這邊PupU設成115,大家可以依側欄大小決定

也有縮圖的語法可是PupU改圖比較再行╮(╯3╰)╭

下面的大小設定摘要就會顯示新的圖片大小了

確定,Click

06  

完成!!(o゚ω゚o)

再把圖片上傳到相簿就可以囉

PupU在這裡獻醜了!!

如果有錯誤歡迎指正喔!謝謝

 

PupU小記:

真佩服這些網路工程師呢!

怎麼會有辦法把這麼一大堆文字

轉變成圖文並茂的前台樣子(◕ܫ◕)


 

 

 

 

 

 

文章標籤
創作者介紹

Hibiscus@PupU

PupU 發表在 痞客邦 PIXNET 留言(1) 人氣()


留言列表 (1)

發表留言
  • an*a
  • 你人真好~~~~~~~ 問完你就有教學! 推! 推! 推! 推! 推! 推! 推! 推! 推! 你那些鏡頭圖片是在官網找還是你自己拍的呢?

    THANK YOU GIRL!
  • ╮( ̄▽ ̄)╭圖片是在官網抓的喔

    PupU 於 2012/11/01 17:13 回覆