Photo


I'm Wei

Traveler / Photographer / Designer

旅行除了美麗的風景,最重要的是途中發生的點點滴滴,唯有照片與文字的交織,才能讓美麗的回憶不朽。這本部落格是份珍貴的禮物,獻給多年後的自己,有那麼一天,曬著午後慵懶的日光,溫習當年青春的味道。部落格取名為 Dribs & Dribs,為 "點點滴滴" 之意。

▸ Facebook:Dribs & Drabs

▸ Facebook:Dribs & Drabs - Designs

▸ Instagram:dribs__drabs

▸ Mail:weilife.blog@gmail.com

▸ Pixnet訂閱:weilife

目前分類:實用教學 (16)

瀏覽方式: 標題列表 簡短摘要

03.bmp

如果你的痞客邦計數器跟Google Analysis顯示的瀏覽數對不起來,那麼請一定要看這篇,教你怎麼正確安裝Google Analytics!一般來說,申請完Google Analytics後會得到一串追蹤碼,它會要求你把追蹤碼放在支援JS語法的欄位,以痞客邦來說就是公告區塊 / 側欄 / 頁尾這三個地方,但很抱歉,如果用手機瀏覽部落格時,手機版版面不會載入這三個區塊的資訊。

 

文章標籤

Dribs & Drabs 發表在 痞客邦 PIXNET 留言(1) 人氣()

06.bmp

大家還記得之前的教學文章 "好用的Instagram tool外掛*妝扮你的部落格吧!WEBSTA" 嗎?最近又發現了另一個外掛 - SnapWidge,除了像WEBSTA一樣有最基本IG純照片顯示外,另提供多種IG顯示格式,還有Twitter的外掛,雖然有部分是需要付費才能用的功能,但免費的就很好用了。跟WEBSTA相比,個人多愛SnapWidge一些,功能多太多,有興趣的人可以看看這篇的教學。

文章標籤

Dribs & Drabs 發表在 痞客邦 PIXNET 留言(3) 人氣()

18.bmp

網路上可以查到許多Facebook浮動視窗的語法,但實際用起來發現缺點不少,例如IE瀏覽器觀看時無法順利讓視窗滑出,或是只是要捲動捲軸卻一直動到Facebook浮動視窗,等問題一直困擾著我,相信大家也深受其擾。最近比較認真研究語法,成功解決上述問題,且讓Facebook視窗能夠符合瀏覽器高度,訪客更清楚地看到所有的貼文。呈現效果可以看本頁右手邊,需要點擊Facebook按鈕才會有效果喔!

文章標籤

Dribs & Drabs 發表在 痞客邦 PIXNET 留言(74) 人氣()

01

WEBSTA全面更新程式,變得更方便友善,舊版外掛今年到期就不能使用了,快點來更新吧!一般比較常見的Instagram外掛是 Iconosquare,但呈現出來的效果不是很滿意(有logo與白框)。某一次誤打誤撞發現了另一個IG外掛 - WEBSTA,沒有logo也沒有白框完全符合我的需求,是非常完美的IG外掛 (給它100分),套用在部落格上效果很棒,有Instagram的朋友快來學學怎麼使用吧!

文章標籤

Dribs & Drabs 發表在 痞客邦 PIXNET 留言(52) 人氣()

03.bmp

痞客邦其實也有類似的功能,在文章結尾的地方會顯示"你可能會有興趣的文章",只不過這些文章是從痞客邦的文章庫中撈出來,而非你的個人部落格,顯示的幾乎都是別人的文章。若要改成顯示自己部落格內的文章,只能靠Linkwithin這個外掛了!多了這些相關文章的優點是可增加部落格文章的曝光度,有些發表很久的文章可靠著這個機制被訪客觀看到。這篇教學除了教你怎麼安裝外掛外(非常容易),還有如何美化顯示的內容,非痞客邦的部落格也可以用喔。

 

文章標籤

Dribs & Drabs 發表在 痞客邦 PIXNET 留言(108) 人氣()

最近痞客邦又做了一些改變了,大家有發現嗎?最明顯的是之前刪除文章底部的廣告又出現了,剛剛研究了一下試出解法,分享給大家,順便整理一下其他廣告的刪除語法(適用電腦版版面,手機板不適用)。歡迎利用網址轉貼分享,勿直接複製語法分享!

 

Dribs & Drabs 發表在 痞客邦 PIXNET 留言(123) 人氣()

01

有些部落格會在文章結尾處置入廣告或是FB連結以增加點閱率,最直覺的方法是撰寫完章時在最底部加入語法或連結,這樣的方法雖然容易,但之後的維護和管理卻很麻煩,一旦要變更文字或圖樣時,所有文章都要修改,想到就頭大。這篇教學是利用JavaScript在文章底部插入自訂區塊,隨時可以變更自訂區塊內容,非常簡單實用,快來學學吧!

文章標籤

Dribs & Drabs 發表在 痞客邦 PIXNET 留言(29) 人氣()

00

你發現了嗎?當部落格開啟閒置超過三分鐘,網頁會跳出這個視窗,個人覺得這功能還不錯,讓訪客加深部落格印象,順便訂閱一下﹝快來訂閱我﹞。不過下方的廣告跟相關的文章有點礙眼,所以美化了一下視窗﹝其實就是將礙眼的刪掉﹞。語法很簡單喔,快來學學怎麼用吧!

文章標籤

Dribs & Drabs 發表在 痞客邦 PIXNET 留言(35) 人氣()

01

不是痞客VIP的朋友,上傳照片時痞客邦會自動幫你的圖片降低解析度,若想要以原圖呈現該怎麼做?又或是以照片為主的痞客邦VIP部落格,文章中放了許多高解析度照片拖慢了網頁下載速度,真的有必要嗎?這篇文章是要告訴大家,在痞客邦上傳圖片時,我們可以做哪些事情。

文章標籤

Dribs & Drabs 發表在 痞客邦 PIXNET 留言(7) 人氣()

1407505443-3174794774

當Q&A問與答累積到一定數量時,就很需要這個功能,方便訪客尋找需要的問題,版面也不會太過冗長

不一定只適用於Q&A,像商品列表、留言列表等都是不錯的延伸應用

 

文章標籤

Dribs & Drabs 發表在 痞客邦 PIXNET 留言(71) 人氣()

 01

這次教學是利用痞客邦開放的自訂區塊,撰寫HTML與CSS來達到目的

這技巧很實用喔!學會了就可以來點綴你的部落格,讓部落格跟別人與眾不同 :D

先用圖片讓大家瞭解一下這次要學的東西,除了這些還可以做出很多變化,剩下就靠大家的創意了!

文章標籤

Dribs & Drabs 發表在 痞客邦 PIXNET 留言(60) 人氣()

本篇整理一些較實用和常被問到的CSS語法問題,之後會陸續更新

有CSS相關的問題也可以在本篇留言,若是針對分享的樣式問題則還是到該篇分享文章留言喔 :)

(請點選問題,答案會自動出現在問題下方。若無法點選請重新整理網頁,有時是因為網頁還在載入資料中)

文章標籤

Dribs & Drabs 發表在 痞客邦 PIXNET 留言(128) 人氣()

07

自己的習慣是,在瀏覽他人部落格時,最常使用 "文章分類" 來搜尋想要的文章 (不知道大家的習慣是否都一樣?)

在看一些知名部落格時也有發現他們會設定一些較常被使用的文章連結(類似文章分類)放在網誌的最上方

因此在設計部落格版面時,會特別將文章分類這區塊放在較醒目的地方,以助於大家搜尋

文章標籤

Dribs & Drabs 發表在 痞客邦 PIXNET 留言(129) 人氣()

08

之前有讀過一篇研究網頁互動的文章,大意是說

" 雖然與網頁互動的過程會花費讀者的時間,但它卻是吸引讀者很重要的一項因素 "

因此自己在設計部落格版面的時候,很喜歡加入一些互動的訊息 (大家有發現嗎??)

文章標籤

Dribs & Drabs 發表在 痞客邦 PIXNET 留言(45) 人氣()

13

這篇主要想分享,當你甚麼都不懂的時候(CSS是甚麼東西??),該怎麼跨出修改部落格版面的第一步

當然不限定只有痞客邦,其他部落格也可以用相同的方法

其實自己也是自學而來的,CSS還尚未摸透,可能分享的也不是最好的方法,歡迎大家留言切磋切磋

文章標籤

Dribs & Drabs 發表在 痞客邦 PIXNET 留言(60) 人氣()

教學 - 部落格外掛

▪ 部落格外掛*相關聯文章*有興趣的文章*Linkwithin

▪ 好用免費外掛SnapWidge - Instagram, Twitter * 裝扮你的部落格吧!

▪ 好用的Instagram tool外掛*妝扮你的部落格吧!WEBSTA

▪ 部落格外掛 - Facebook右側滿版浮動視窗*適用IE等瀏覽器

教學 - 部落格功能

▪ jQuery 部落格也能有伸縮式的Q&A

▪ HTML + CSS 加入浮動式自訂連結區塊

▪ CSS 網頁互動的好幫手 - hover的應用

▪ CSS 如何修改部落格版面。初學者入門篇

教學 - 限定痞客邦部落格

▪ 痞客邦刪除廣告語法全集

▪ 痞客邦部落格如何正確安裝Google Analytics / 人氣統計跟Google Analytics對不起來怎麼辦

▪ CSS 痞客邦部落格閒置視窗美化

▪ CSS 文章分類之下拉式選單

▪ JavaScript 文章底部置入自訂區塊 / 廣告

▪ CSS Q&A 問答集

▪ 痞客邦上傳圖片 - 圖片大小迷思

 

Dribs & Drabs 發表在 痞客邦 PIXNET 留言(2) 人氣()

找更多相關文章與討論