Blogger嵌入相片輪播無煩惱(無腦)

photo-by-Eric.JPG-photo by Eric
分享一下 Eric的攝影大作,哈哈

前些日子,我點開 google new site發現有更新圖片輪播的新功能,相當簡單直覺好用!可惜 google blogger沒有這類功能,以往想要使用都要安裝 jq語法,雖然上網 google一下,有不少教學文(比如 wfublog滿滿都是blogger教學),但對只是想寫寫文章的 blogger而言,能更簡單就不想要複雜,哈哈。





前幾天在紀錄 Eric的生日文時,發現了一個好用的工具,可以直接將 Google Photos相簿轉為圖片輪播,然後嵌入在 blog裡面,以下是個人非官方步驟教學文XDDD:


  1. 先將要輪播的照片單獨設立一個相簿,然後取得分享連結。

    get-url-share.png-get share url
    ======
  2. 點開工具連結(作者將工具直接放在自家的 blog內),然後將分享連結貼上,並點選 CREATE EMBED CODE

    paste-share-url.png-paste share url
    ======
  3. 如果要開啟網頁就自動開始輪播圖片,這裡就只需要直接點選 COPE CODE TO CLIPBOARD,然後直接貼在 blogger html編輯模式裡。

    carousel-only.png-carousel only

    效果如下


    ======
  4. 如果不想要網頁開啟就自動輪播,只需要將 carousel only的打勾取消,就會變成點播放才有輪播的模式。

    non-carousel-only.png-non carousel only

    效果如下



    ======

是不是非常的簡單呢(無腦)!!XDDD

一個人,單聲道;
一雙手,四人行。


EmoticonEmoticon