2010年2月5日 星期五

第一個blogger影音模版(templates)-BloggerTube

第一個影音模版



從Blogger開站以來,templates(模版)就一直推陳出新,有4Columns、3Columns、2Columns,甚至有專門做給相簿用的templates(模版), 但就是沒有專門做給video的Blogger templates(模版),但在2009年時,有個叫做dantearaujo ,他將帶給你一個前所未有新感受,他在去年做了一個video template,名為BloggerTube,讓你可以使用這個模版來秀出你自己的影片,但很可惜的是,並不是所有的影片,必須是youtube!



在我看到這個模版時,我感到非常興奮,因為你們現在看到的,這可能會變成一個在革命性的Blogger模板,我想喜歡放影音的你,在我還沒介紹時,”你”應該也很興奮吧!



那現在讓我介紹BloggerTube這個模版!

他是一個Blogger和Youtube(網際網路上最常用的線上影片網)之間的一個模版!



他的特色有:

1. 他是免費的影音模版

2. 支援YouTube影音

3. 最新的影片的自動滾動區塊

4. 可以很簡單利用YouTube 影音網址來放影片

5. 在首頁影片可自動的縮圖

6. 在側邊欄(sidebar)有最新影音的外掛(widget)

7. 有5星評分制度

8. 綜合評論部分

9. 他有4個 columns, 1個側邊欄(sidebar),側邊欄在右邊

10. 暗色系的顏色,黑色的背景



如何將影音發佈在Blogger

1首先,你只需要兩個東西:

就是將下列程式(應該是吧!)放置在編輯器裡!

Endofvid是要放置在youtube網址的後面

endofvid

[starttext]
把文章、圖片放置在這!
[endtext]

2前往youtube, 然後抓取youtube網址
3現在就讓我們在Blogger控制台上建立一個新的文章,
請注意,有2個重要因素:

- “endofvid” - 將被用來告訴您的模板影片網址已經完成,你應該正確粘貼您的網址之前,是沒有空格的!不然在您的影片及縮圖將無法顯示出來喔!

- [starttext]和[endtext] – 這兩個是是將您的帖子做內容包裝,因此,如果您需要寫東西,張貼任何圖片在您的文章,請做將文章放置在這兩行以內。這是重要的一步,不然,如果你寫什麼,而沒在這兩行內的話,它不會顯示在您的部落格喔!


以下是在您的文章應該如下所示:


如何安裝”最新影音”外掛

首先前往Blogger後台→版面配置→網頁元素→新增小工具→HTML/JavaScript

→然後將下列程式放在裡面→命名為”最新影音”→按儲存。

最新影音程式下載: 下載

點擊版面配置,然後再點擊網頁元素
點選新增小工具
點選HTML, 將程式放入,命名為Recent Videos(最新影音),然後按儲存即可

BloggerTube的自動功能:

一旦您完成後,BloggerTube這個模版會自動啟動,讓我們在這個整潔的模板檢查它的自動功能:
下面是自動影片的縮略圖主頁:
BloggerTube會自動將您的影片建立一個縮圖。



自動嵌入影片的文章網頁:
你嵌入的影片和連同你在下方所描述的文章,他會自動在你的文章網頁上自動播放。

PS:你也可在文章裡放置影片但要放在[starttext][endtext]這兩行裡,但就不是用網址而是要用EMBED囉!且放在文章裡的影片他並不會在首頁出現縮圖喔!請注意這點!
自動滾動(Automatic slide)最新精選影片

這個區塊應該是這個模板最酷的特點,這是完全令人興奮的,你甚至不用接觸這個代碼就可使用,它已經安裝並運行為您服務!不過在這裡要告訴你一個很讓人傷心的事,只有在這區塊部分,他並不支援中文,所以你是用中文的人就完全不會顯示出來,這是那個作者說的,如果您可以將它實現使用在中文環境下的話,記得告訴我,謝謝。

關於這個,作者我也覺得很可惜,如果能在中文環境下使用不知有多好啊~!

BLOGGERTUBE要點

自定義星級評分是來自js-kit.com :

最新影片外掛是來自Bloggerplugins.org (adapted specially for this template):

載點:Download Template

英文demo http://bloggertube-demo-dantearaujo.blogspot.com/

中文demo http://vmediaking.blogspot.com/

另外這裡也有相關教學影片供大家觀賞
如何從YOUTUBE的影片發佈在你的BLOG


如何在BloggerTube增加更多的連結在我們的Top Menu BAR


如何將GOOGLE Adsense放在BloggerTube最好的版位上


如何將 RECENT VIDEOS code放在你的 BloggerTube


如何在你的BloggerTube Templa上改變 Backgrounds (背景)


PS:歡迎與我討論此模版,如果你有好點子也請與我聯絡!謝謝!

沒有留言:

張貼留言


Share/Save/Bookmark Subscribe

Blog Archive