顯示具有 Blogger菜鳥探索日記系列 標籤的文章。 顯示所有文章
顯示具有 Blogger菜鳥探索日記系列 標籤的文章。 顯示所有文章

7.09.2010

Blogger菜鳥探索日記[NO.4] - MixPod _ 網頁音樂播放器

如果想要擁有一個精緻的網頁音樂播放器  那mix pod就是你最棒的選擇  有別於一般單調的條狀播放器  它可以是各式各樣的圖形  甚至是iPod! 除了mp3要自己找來源外  一般的MV都可以在編輯中直接搜尋然後加入  非常方便(來源大多來自YouTube)  旁邊是連結        

                             

  

   首先呢  要先註冊

   

6.25.2010

Blogger菜鳥探索日記[NO.4] - 換自己喜歡的背景+如何固定背景+用小圖製造連續背景

其實新版的Blogger已經可以在後台做背景的直覺式版面修改  但只適用官方提供的模板  若是自己改過的theme大概都無法套用(我的就不行)  沒差  反正以html來改也不會花你多少時間  非常簡單!  首先尋找" body { background "
後面url括號中就是放背景圖片的網址  而想要有背景顏色(圖片不夠大或想要有個底色的情況下)就可以在background冒號後打上網頁色彩代碼(可google一下代碼查詢器  很好找的  基本的一些顏色像白色:#ffffff  黑色:#000000 等等)
再來" no-repeat "表示圖片不重複  若想要以小圖案不斷重複而集合成背景的效果
要換成
" repeat-x "橫向重複  +
" repeat-y "縱向重複 或二擇一
最後  如果要固定背景  要再加上" fixed ; "  記住  分號不能漏掉喔!! 
趕快為自己的Blog換個新裝吧~

6.14.2010

Blogger菜鳥探索日記[NO.3] - 幫網誌換上屬於自己的Logo

對於追求網頁要完全有個人風格  我認為把網頁logo換掉是必要的  雖然不起眼  就像眼睛一樣  站在最頂端顯得異常"炯炯有神"

來  簡單幾個步驟就行了
到修改HTML裡頭
按ctrl+f搜尋"<b:skin><![CDATA[/*"
就會看到大至這樣的語法

<b:include data='blog' name='all-head-content'/>

<title><data:blog.pageTitle/></title>
   
   <b:skin><![CDATA[/*

在<b:skin><![CDATA[/*上頭加入以下三行語法(缺一不可)
<link href='圖片網址' rel='icon' type='image/x-icon'/>
<link href='圖片網址' rel='Bookmark'/>
<link href='圖片網址' rel='shortcut icon'/>
把圖片網址換成logo的url  所以圖片要事先上傳到網路空間  也可以google自己喜愛的圖片
不過有兩個要點  圖片必須要是很接近正方形  不然他會自動變形比例成方形  若想要長方形
的效果  就要事先依比例修改圖片成高為16圖素(寬要比高短)  或是寬為16圖素(高要比寬短)
再來是把圖片檔名改為"favicon"  改完之後大概就是長這個樣子
                                     (黃底線是加進的語法,紅底線是我logo網址)
最後                 enjoy it !!

6.10.2010

Blogger菜鳥探索日記[NO.2] - 為你的Blogger更換版面樣式(Blogger Templates)

一剛開始  我是被簡潔大方的官方樣式所著迷  可是用久了  不免嫌單調了點  所以用google大神搜尋了一下有沒有現成的面板可以下載  哇塞  真不是蓋的  的確有個專門提供Blogger面板樣式的網站(其實只要能修改html的它家部落格也都能套用它的模板喲)         右邊是連結

裡面有數千種的樣式  夠你挑到眼睛脫窗還會叫媽媽  來看看他的主頁面

它用了很多種分類來讓你方便挑選
1.欄數,看你喜歡多欄式或簡潔的一欄,我個人偏好兩欄
2.風格,可以判斷一下你網頁內容是偏重文章,動畫,攝影或藝術等等來選擇適合的類型
3.以整體顏色來區分!
4.選擇邊欄(也就是擺小工具的地方)要在左邊右邊
5.網頁寬度,有些人喜歡很寬的頁面,要看到全部還得往右拉,或許是比較豐富啦,不過我覺得好麻煩
(fixed是固定不動,也就是代表一般網頁的意思)
6.也可以看看人氣最高的樣式,不過好像都不怎麼合我胃口= =
7. 更生活化,更細的分類
8. 這些連結是一些更專業的網頁製作相關網站,有些還能讓你編輯成自己滿意的樣子再下載的模板
,不過有些複雜就是了
a.按它就能看看完整的Demo長怎樣
b. 直接把模板下載到你電腦
 或許你找了一下就會發現  實在是太多啦  除非你跟我一樣有那美國時間看完幾千個....我也是分兩天才辦到的  不然真的會抓狂  我就直接幫各位找了一些還不錯,特別的連結囉~  不喜歡再自己找找八  (標題就是下載聯結) 

Blue Jeans...超牛仔的!


Grunge Poker...我曾經很瘋德州撲克(其實還在沉迷中,哇哈哈)
 


Ninja Assassin...這真的很酷,內容都在一間透明寺廟中喔~


Motion...我是看中它文字背景是透明的,不瞞各位,本站的版型就是用他改造過的!


One Piece...噢~經典的海賊王當然會被我給收藏起來


Sad Fish...有種置身魚缸的感覺呢


Scribblings...蠻具個人風格的,以後打算改造它!

Simple Orange...對於圖片很多的內容,瀏覽文章時完全一目了然

下載到你的電腦後  輕鬆幾個步驟就能更換了~  首先到後台>版面配置(也就是新版的"設計")>修改HTML>瀏覽

找到你下載的模板(記得要先解壓縮阿) 選擇XML檔

然後在按"上載"(為了保險起見,最好先按"下載完整範本"保存原來的模板,醬萬一想換回還原本的樣子,只要在上載原來的模板就能恢復了)  如過你先前有安裝小工具  它會問你是否保留  當然要保留啊!  不然辛苦找到的小工具就會不翼而飛了

最後按下儲存範本  等著欣賞Blogger全新的面貌吧~!

6.08.2010

Blogger菜鳥探索日記[NO.1] - 前言

首先歡迎選擇以Blogger為歸宿的各位博客朋友(不是也歡迎你啦)來到我的探索日記!  不同於其他家部落格  Blogger更能滿足喜好自由多變的你  從令人驚豔的小工具  到不下數千種的版面挑選  可以完完全全依你的風格  打造一個專屬的個人空間  這在從前只是我的一個夢想  現在卻有越來越紮實的存在感  在欣喜之餘  也要託各位前輩的福  提供豐富的資料及經驗造福後人  現在  我也想把一些小技巧分享散播給所有人  雖然我依舊是個創作年齡不到半年的菜鳥  不過希望還是能對各位有所收穫  特別是剛剛加入的新手  但願你也能早日有個滿意的窩!