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

 

 

推到 Twitter!
推到 Plurk!
推到 Facebook!
版本更新回報..

說也奇怪,明明是一個相當簡單且基本的部落格功能,不過在無名小站上卻變成相當麻煩且難用,剛好今天有朋友是使用無名小站,且剛好在側邊欄加入圖片的功能上有疑問,順便簡單介紹一下這個功能,可能很多非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=』http://www.youtube.com/v/WofFb_eOxxA』 mce_src=』http://www.youtube.com/v/WofFb_eOxxA』 type=』application/x-shockwave-flash』 wmode=』transparent』 width=』425″ height=』350″></embed> </object>

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

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

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

wr-07

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

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

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

wr-08

 

(請勿全文轉貼本站文章,歡迎「部份引用」或介紹,引用時請註明 ①網站名稱 與 ②文章網址,感謝~~ )
→ 免費訂閱最新文章:  (如何訂閱?)
本文作者:不來恩 | 發表時間:2007/06/12 | 分類: Blog | Trackback 引用網址     
注意事項:本站所介紹之軟體、設定或網站服務,經實際安裝測試並通過防毒軟體掃毒。但因為不同電腦環境與軟體設定可能都各有差異,建議您僅在非工作用的電腦安裝、測試,避免因為不可預知的錯誤、當機或軟硬體衝突,影響您的工作或電腦運作。另外,在進行任何重要的操作與設定之前,記得先行備份電腦中的重要資料,避免因為未依指示的不當操作或其他疏失造成資料毀損。當您依照本文所提供之訊息執行各種操作,表示您已閱讀此注意事項並同意自行承擔可能之風險與責任。

飛狼直升機 HP CQ41-105AX 64雙核獨顯強悍機 好神拖360度旋轉拖把組(拖把+脫水桶+布盤x1)

 

關於本主題有 35 個留言:

  1. 訪客' 說道:

    我不是要這種的

    及時TINA333380

  2. 說道:

    我的語法不同…不知道可不可以加即時通教我..
    ee82asdf

  3. The Rock 說道:

    那請問版大

    要怎動態圖檔

    教一下

    可私教

    即時:jeff86913

  4. juju 說道:

    我的無名沒有連結管理ㄝ~~怎麼會阿??

  5. Dama 說道:

    可以讓影片自動撥放&連續撥放嗎?

  6. c872139 說道:

    我從事門市銷售,我的專業來自於 「重灌狂人」~ 比在職訓練課程還有用 !!

  7. 瞌睡蟲 說道:

    不好意思!
    想把你的網站貼在本人的無名上
    多一個人知道不來恩就少一個電腦白癡

    若不行請留言通知, 謝謝

  8. [...] 無名支援喔!! 使用方式請見:連結 [...]

  9. 訪客 說道:

    請問如何在無名中貼入http://meropar.tw/adadpark/square/index.do
    的寵物,照上面的方法貼入後只剩一半的畫面~~想請問大大是不是能照上面的方法貼,如果不行的話,請問要怎麼做~~謝謝

  10. 訪客 說道:

    加入VIP要摳摳§§嗎???

  11. 小p 說道:

    介紹的很仔細~我喜歡!

  12. 阿益 說道:

    哇~~~!好利害!!謝謝拉!!本來我也不會放影片!!再我無意中找到這個網站!!謝謝拉!我會貼影片了!!

  13. 游客 說道:

    为什么我要在无名网站上留言,居然没有验证码?就不能留言了。。。

  14. 請填暱稱 說道:

    寫的真好

    因為您的努力

    世界更美麗

    阿成回訪版主

    敬祝您身體健康.心想事成

    晚 阿成敬上

    台灣阿成—黃宏成

    電話:0921-167-656

    信箱:h573257@gmail.com

    部落格:http://www.wretch.cc/blog/TWACHEN

  15. Eric 說道:

    感謝大大的分享,很詳細的解說,真是太棒了。

    另外想請問一下,假如我要在無名網誌的邊欄放Google Analytics的程式碼,裡面的』名稱』、』描述』、』網址』列要如何填呢?

  16. 彥彥 說道:

    謝謝妳喔!!
    真的很棒!一下子就懂了,但,我放了RockYou部落格動態相簿
    無名的邊框就跑出界了,有調正過大小了,不過還是會

    想問一下,要這麼修改

    真的謝謝妳!

  17. 部落格新手 說道:

    您好:

    我也是無名小站的使用者
    想請問
    按照您說的方式想將圖片貼入側邊欄
    不過我的圖片是放在無名小站相簿中的圖片
    是不是因為這樣
    所以圖片無法顯示在部落格上呢?

    有懷疑是圖片太大
    將圖片縮小再縮小
    還是顯示不出來?

    想請問問題到底出在哪裡呢?
    煩請幫我一下~~~
    感激不盡!!!

  18. 奶油潤絲精 說道:

    太讚啦
    超級清楚的
    現在就來去試試看
    感恩唷~~!

  19. 請輸入你的暱稱 說道:

    請問一下,那可以放幾個?位啥我放他都沒出現

  20. 不來恩 說道:

    我猜應該你的版面太窄,影音太寬,就會被擠掉了,請人改一改吧。

  21. Alexia 說道:

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

  22. 不來恩 說道:

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

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

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

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

  23. Alexia 說道:

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

  24. 不來恩 說道:

    JavaScript的話,得是無名的vip會員才能放,為甚麼得要花錢的vip才用?你去問無名嚕。

  25. 路過的 說道:

    補充 我用的是閃字 難道閃字不能用嗎??????? = =

  26. 路過的 說道:

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

  27. 訪客 說道:

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

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

  28. 訪客 說道:

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

    大大
    請敎我謝謝

    • ☆~布丁~★ 說道:

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

  29. 龍宿 說道:

    找不到 『連結管理』 這個選項 耶….

  30. zinhua 說道:

    越來越愛你的部落格了
    我學會了耶~~^^

  31. chainchung 說道:

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

  32. Neiais 說道:

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

    你是真高手!!

    不來恩說:

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

歡迎留下您的想法或意見...

暱稱:     部落格:

信箱:

(為避免垃圾訊息,全部留言需經系統管理員審核之後才會出現,請勿重複發文)

 

 

 

 ▇ 產業科技新知

 

 ▇ 其他文章

 

 

【重灌狂人】全部文章分類:

  防毒軟體 MSN, WLM 聊天軟體 Yahoo!即時通
下載、P2P YouTube Google
Firefox瀏覽器 Opera瀏覽器 Blog
好用軟體 好站推薦  
     
  Windows XP電腦密技 Windows Vista電腦密技 Mac OS 蘋果電腦密技
其他作業系統    
     
  Office文書處理 檔案管理 郵件收發
影音播放 影音剪輯 秀圖、圖片編修
網路瀏覽 網頁編修、網站架設 WordPress 網站架設
     
  硬體3C資訊 手機流行通訊 廠商新聞稿
【超級星光大道】 熱門話題 好玩
七嘴八舌 貼圖、影片分享