Photo


I'm Wei

Traveler / Photographer / Designer

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

 

▸ Facebook:Dribs & Drabs

▸ Instagram:dribs__drabs

▸ Mail:weilife.blog@gmail.com

▸ Pixnet訂閱:weilife

01

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

 

04.bmp

WEBSTA外掛自動截取IG上最新的照片N張,以小圖的方式排列呈現,可以裝飾在部落格上或個人網站上,有畫龍點睛的效果,可觀看上圖為實際呈現的效果(黑粗框圈起來的地方)。使用舊版WEBSTA的朋友,應該有發現這個外掛最近在底下出現一行白底黑字警告字語,說明舊版程式支援至2016年底,之後就不支援了,請立刻更新程式。

 

新版WEBSTA外掛請由此進入 (WEBSTA),新版最棒的更新是適應不同瀏覽器解析度的大小,還記得舊版的時候有教大家使用JavaScript語法讓IG外掛填滿整個視窗嗎?現在不用這麼麻煩了,用官方的語法就能達到這效果囉!以下針對新版程式介面為大家做個說明,須登入IG帳號,接著按右上角的CREATE,便可進入以下畫面,填寫過程旁邊都有預覽畫面,很容易。

03.bmp

註:若是有購買自訂網域,如 www.DribsDrabs.com ,請在Domain Name輸入 DribsDrabs.com

 

最後,若要管理所建立的外掛,在右上角帳號的地方選擇widgets list,便會列出所有建立的外掛,如下圖。

05.bmp

 

* Murmur

雖然這個外掛非常的棒,但本人沒有Instagram啊!!! 逃走....

 

♥ 部落格樣式 - 實用教學: http://weilife.pixnet.net/blog/category/1358731

, , , , ,
創作者介紹

Dribs & Drabs 點點 滴滴

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


留言列表 (49)

發表留言
  • iamMQ
  • 後面的延伸應用好實用!謝謝Wei♥
    覺得WEBSTA太簡潔了還是比較喜歡使用Iconosquare~
  • 哈,不過websta能做較多變形喔 :p

    Dribs & Drabs 於 2015/05/07 07:52 回覆

  • Ruby。루비
  • YOU SAVED MY LIFE!!!!!! 天啊這什麼神好用!!!!!
    謝謝分享^^
  • 不客氣 :)

    Dribs & Drabs 於 2015/05/07 07:53 回覆

  • 栗子Mi
  • 哇~謝謝版主無私的分享!
    Instagram這樣的擺放方式好喜歡啊!^^
  • 我也很喜歡,不過Instagram不能用電腦上傳有點惱人,所以我放棄它了XDDD

    Dribs & Drabs 於 2015/05/07 20:06 回覆

  • 栗子Mi
  • 對啊~Instagram不能用電腦上傳真的有可惜到
    !有時候想上傳像機拍的照片都只能傳到手機在上傳!有麻煩到~XD
  • 沒錯!!! 所以我這個懶人就放棄它了XDDD
    看到你套用這個套件了,好好看!!!

    Dribs & Drabs 於 2015/05/11 20:51 回覆

  • BlairChuo
  • 請問痞客邦BLOG語法要貼在哪裡?
  • :)

    Dribs & Drabs 於 2015/05/13 20:40 回覆

  • BlairChuo
  • 我找到了我貼在頁尾,好文推推!
  • :)

    Dribs & Drabs 於 2015/05/13 20:40 回覆

  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 人類
  • 我還想說沒看到這裡有IG阿XDDD 原來其實沒有阿XDDD
  • 哈哈,我真的沒有,這是幫客戶設計版面所弄出來的語法。若instagram可以用電腦傳照片,我一定馬上用:D

    Dribs & Drabs 於 2015/05/21 12:50 回覆

  • 悄悄話
  • 悄悄話
  • 悄悄話
  • Doris
  • 謝謝你的分享,
    好漂亮~!
  • :)

    Dribs & Drabs 於 2015/07/27 08:46 回覆

  • 慢慢看風景
  • 你真的好棒唷,謝謝你的分享,
  • 哈哈,謝謝你的稱讚 >\\\\<

    Dribs & Drabs 於 2015/08/07 09:21 回覆

  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 惡魔菈
  • 你介紹的都好好看~好滿意^^
  • 謝謝你的稱讚 :)

    Dribs & Drabs 於 2016/04/08 18:37 回覆

  • 艾蜜莉。謝
  • 真的很好用~謝謝
  • 我今天有更新教學囉!! 新版的使用方法 :)

    Dribs & Drabs 於 2016/05/13 21:52 回覆

  • ねこ
  • 很棒的教學 ♥ 但是我的 Instagram 上傳完照片我就閃了,完全沒有認真使用 XDDD
  • 我則是連傳都沒傳過照片,用手機很不方便吶~~跑走!

    Dribs & Drabs 於 2016/05/13 21:54 回覆

  • wing0503
  • 謝謝分享~~~馬上套用XD
  • 不客氣 :D

    Dribs & Drabs 於 2016/05/13 21:54 回覆

  • corie
  • 謝謝分享~馬上更新^^
  • :D

    Dribs & Drabs 於 2016/05/17 18:45 回覆

  • 台熊
  • 謝謝分享! Iconosquare現在不能直接用IG的login要另外新加入,找到妳的分享太開心了 ^^
  • 不客氣,很高興有幫到你 :)

    Dribs & Drabs 於 2016/06/21 22:08 回覆

  • Milktea0319
  • 新手QAQ 不知道語法要貼在哪裡
  • 看你要放在哪裡就貼哪裡喔!!
    公告區塊、頁尾描述、側欄都可以放

    Dribs & Drabs 於 2016/06/27 18:21 回覆

  • Milktea
  • 貼上去了 但是發現IG後來PO文
    這個不會更新
    不好意思打擾了
  • 都會更新喔,可能要等個一陣子,馬上發文馬上看應該是沒那快

    Dribs & Drabs 於 2016/06/27 21:54 回覆

  • 尹歌♪
  • 感謝分享超棒的 ♥
  • 不客氣,很高興有幫到你 :D
    幫粉絲團按讚是對我最大的鼓勵喔 :)

    Dribs & Drabs 於 2016/06/29 14:54 回覆

  • 森若
  • 說明得好清楚!謝謝分享^^
  • 很高興有幫到你 :D

    Dribs & Drabs 於 2016/07/17 13:31 回覆

  • 悄悄話
  • 悄悄話
  • 維媽
  • 新年換版好清爽…但想請問(舉手)~~~如何顯示首頁置頂的大圖?!研究了一整天~~無解><
  • 你已經成功囉 :)

    Dribs & Drabs 於 2017/01/26 09:28 回覆

  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • ☆萌萌★
  • 謝謝分享~超級實用的一次就上手
  • 不客氣 :D

    Dribs & Drabs 於 2017/05/22 18:37 回覆