如何在無名小站的側邊欄加入圖片、貼紙或影片?(非VIP付費功能)

說也奇怪,明明是一個相當簡單且基本的部落格功能,不過在無名小站上卻變成相當麻煩且難用,剛好今天有朋友是使用無名小站,且剛好在側邊欄加入圖片的功能上有疑問,順便簡單介紹一下這個功能,可能很多非VIP的無名小站會員剛好也會遇到類似狀況,,

就大概看看囉。

一、什麼是「側邊欄」?

如下圖,網站右邊或左邊那長長的一條,就是一般BLOG所謂的「側邊欄」,通常會拿來放一些活動貼紙、最新文章、友站連結等等資訊。

wr-00

二、如何在無名小站的側邊欄放圖片?

在無名小站中的側邊欄功能不但相當陽春,而且操作起來也相當不便,看起來似乎只能放連結網址與文字說明而已,並無法直接加上圖片、影片或其他JavaScript等部落格寵物或小玩具,不過透過下面的變通技巧還是可以勉強加上圖片或影片,不過這種狀況大概只有在無名小站不臨時改變他的功能為前提。

第1步  首先當然要先登入網站囉,登入網站進入你的無名小站網誌。

wr-01

第2步  登入網站後,開啟你的部落格首頁,在右邊的側邊欄中找到〔連結管理〕這個按鈕(需登入自己的部落格才會出現,一般訪客無法使用),直接按一下〔連結管理〕按鈕。

wr-02

第3步  如圖,如果你想加入一般純文字連結,可以在「名稱」中輸入網站名稱,然後在「網址」欄中輸入該網站的網址,這樣側邊欄中,就可以出現你的朋友的網址連結。側邊欄同時可以設定很多組的連結,只要按一下〔新增連結〕按鈕,新增一個新的空白欄位。

wr-03

第4步  如果你要新增圖片式的連結,或貼上一般部落格常用的小貼紙的話,可以在「名稱」欄位中輸入以下程式碼:

<img src="http://briian.com/briian-logo.gif">

以上程式碼中的 「<img src=" ">」是一般HTML網頁中插入圖片的語法,中間的「http://briian.com/briian-logo.gif」則是已上傳道網站中的圖片網址。輸入好之後,在「網址」處輸入按下去會連過去的網站網址,最後再按下〔確定〕。

wr-04

第5步  如圖,設定好之後,原本只有純文字連結的側邊欄,現在多了一個圖片連結囉,按一下圖片,即可開啟你所設定的網址。

wr-05

[gads]

三、如何在側邊欄加入YouTube影片?

第1步   如果你想在無名小站側邊欄中嵌入YouTube影片的話,該怎麼作呢?首先,開啟你要先入的影片網址,在右邊的「Embed」欄位中按一下滑鼠右鍵,再點選【複製】,將嵌入程式碼複製下來。

wr-06

第2步   接著回到無名小站的「連結管理」頁面,按一下〔新增連結〕按鈕讓他出現新的空白欄位後,在新的「名稱」空白欄位中貼上剛剛複製下來的YouTube程式碼,然後再按一下〔確定〕。

注意!由於無名小站在這個個欄位中限定只能輸入200個字元數,所以,如果你的YouTube程式碼太長的話,則會塞不進去,所以得稍微剪短一下。下面是原本複製到的YouTube程式碼:

<object width=”425″ height=”350″><param name=”movie” value=”http://www.youtube.com/v/WofFb_eOxxA”></param><param name=”wmode” value=”transparent”></param> <embed src=”//www.youtube.com/v/WofFb_eOxxA” mce_src=”//www.youtube.com/v/WofFb_eOxxA” type=”application/x-shockwave-flash” wmode=”transparent” width=”425″ height=”350″></embed> </object>

但是這麼長的程式碼中,只取其中的一小段其實也可以讓電腦正常播放影片,也就是上面粗體字的那一段,從「<embed>」開始到「</embed>」結束這一段,如:

<embed src=”//www.youtube.com/v/WofFb_eOxxA” mce_src=”//www.youtube.com/v/WofFb_eOxxA” type=”application/x-shockwave-flash” wmode=”transparent” width=”425″ height=”350″></embed>

所以只要把上面這段比較短的程式碼貼到「名稱」欄位中,再按下〔確定〕即可。

wr-07

第3步   如圖,原本的側邊欄就可以播放影片囉,當然,如果你覺得影片尺寸太大,還是可以調整的:

<embed src=”//www.youtube.com/v/WofFb_eOxxA” mce_src=”//www.youtube.com/v/WofFb_eOxxA” type=”application/x-shockwave-flash” wmode=”transparent” width=”425″ height=”350″ ></embed>

上面的 width=”425″ 代表寬度,height=”350″代表高度,數字越大,尺寸越大。可以根據實際需求調整個兩個數字,讓他配合版面的寬度即可。

wr-08

最後更新:11-03, 2013 下午 11:16

kjbrian

Author: 不來恩

briiancom@gmail.com

相關資訊

訪客留言:

47 Replies to “如何在無名小站的側邊欄加入圖片、貼紙或影片?(非VIP付費功能)”

  1. 謝謝你~~我刪掉後問題就解決了!!
    但似乎另一個問題又發生了…
    那就是現在我只要新增影音側邊欄就會不見
    天阿~~真是有夠棘手!!>”

  2. 我用Firefox 跟 Opera 看起來正常,應該是ie無法顯示。

    你先看一下你是不是有加了什麼奇怪的東西再上面,先把他移除掉。

    或者你的正文的區塊,如果放了比較大的東西,會把側邊欄擠掉的話,
    也要把他刪掉,或調整一下,就是一篇一篇檢查囉。

    有時候如果你轉貼網路上得東西,整個把他的文章格式貼上去,
    他如果有一些標籤會讓版面亂掉的,就會變這樣,解決方法就是把那篇文章刪掉,重貼,
    或者用純文字慢慢貼,不要整篇連文字格式都貼上去。

  3. 不好意思,我想請問一下
    我的側邊欄從昨天開始
    不知道為什麼都沒有辦法顯示出來
    不曉得您知不知道要如何解決??
    謝謝!

  4. 布萊恩 大大!! 我一切依照上面的指示做了= =
    謂啥圖片還是一個 XX 就是無法顯示呢????
    能否跟我連絡看看… jeff5969548 即時通 拜託!@@

  5. 選擇”連結管理”時,如果,沒看見,
    請先選擇”資料夾管理”,
    會在資料夾管理表格右邊,看見”連結管理”,
    給它按下去.

    應該是這樣吧?!不來恩^^

  6. 我不是VIP
    我看人家都有用
    可是我不會ˊˋ
    請問
    要如何在名片的關於我及留言板的描述加入音樂呢???
    我想用的是像無名的撥放器那種
    就只有一首
    歌曲很簡短
    到底要怎麼用啊??????

    大大
    請敎我謝謝

    1. 那請問一下??
      有誰知道怎ㄇ用大頭貼??
      因為我已經找好圖片ㄌ,但還不會把圖片放進去><

  7. 一個問題請教, 煩請解惑, 您在說明中提到”但是這麼長的程式碼中,只取其中的一小段其實也
    可以讓電腦正常播放影片,也就是上面粗體字的那一段,從「」開始到「」
    結束這一段”, 既然只需 embed 那段, youtube 為何要把程式碼弄得那麼長?? 應該有他的用意在吧??

  8. 很欣賞你圖文並茂的注解
    很簡單明瞭
    雖然不是什麼困難的指令組合
    但是有照顧到真的有困難的族群
    真的是有寫過文章,才知道簡單明瞭的困難度

    你是真高手!!

    不來恩說:

    多謝鼓勵~~~ 昨天晚上真的很累,邊打字、邊打瞌睡,不知道有沒寫錯還怎樣的…繼續努力中。..

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *