部落格備份網

為了避免教學文章內容太過枯燥乏味

在側邊欄位加上了懷舊老歌分享給格友們欣賞

現在就來分享如何將影片放到側邊欄位吧

首先請到YouTube選擇想要崁入的影片

然後根據下圖順序做好設定

第3點 [自定大小] 要看側欄寬度,我設定的是287,後面215他會自動調整適合大小

請再自行設定適合你側欄的寬度吧

第4點 建議全部取消勾選

最後複製崁入語法,準備等一下貼到新版位

若要讓影片自動撥放,請修改崁入的語法

原本語法

<iframe width="287" height="161" src="//www.youtube.com/embed/ZT_7UjCVELg?rel=0" frameborder="0" allowfullscreen></iframe>

加上紅色字串 &autoplay=1

<iframe width="287" height="161" src="//www.youtube.com/embed/ZT_7UjCVELg?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe> 

再來連到管理後台的 [側邊欄位設定] http://panel.pixnet.cc/blog/sidecolumn

點選下圖中紅色框裡的 [新增版位]

出現下圖新版位的內容設定

[自訂標題] 可以自己設定想要顯示的文字

[自定區塊內容] 貼上剛才複製的語法 

最後按下右下角的 [送出]

版位新增後會先放置在[版位暫存區]的最下面,如下圖

請再用滑鼠將它拖拉到想到放置的側欄位置.

最後按下[儲存版面] 就完成囉~

下圖就是崁入Youtube的側欄樣子

小提示:

在看網路上分享的YouTube影片時,若是覺得畫面太小

可以點選如下圖紅色框裡的YouTube字樣,便可以在新視窗看完整大小的影片喔