|分享| 要如何將 Instagram (IG) 放進部落格側欄裡 (以痞客邦為例)
|分享| 要如何將 Instagram (IG) 放進部落格側欄裡 (以痞客邦為例)
如果您是一名 Instagram (IG) 的愛用者,而自己同時在經營網站、部落格或粉絲團時,其實有一個簡單的方法可以將 Instagram (IG) 放進部落格的側欄裡
在國外,已經有愛好者將內嵌原始碼的功能給編寫出來,只要進入網站內,將您專屬的 Instagram (IG) 網址貼上,即是有圖或是影片的部分,再經由網站的編輯,就會產生代碼,讓您複製代碼後,貼在您要貼的地方
網站名稱:Embed Instagram 網站鏈結:http://ctrlq.org/instagram/ |
進入網頁之後,將原先複製好的 Instagram (IG) 網址貼在對話框內 (灰色字:Plaste Instagram URL here..),然後按下藍色按鈕 (Generate),稍微等待一下,就會出現代碼了
Step 1. 進入網頁
Step 2. 複製您要使用的 Instagram (IG) 網址;這邊請注意,請選擇自己喜歡的 照片 或是 影片 的網址,再複製起來
Step 3. 將網址貼進對話框內,按下藍色按鈕 (Generate)
Step 4. 看著藍色圓點轉完
Step 5. 轉完後,出現了一組代碼 (EMBED CODE),請把它複製起來
Step 6. 到 Step 5 之後,將代碼放進部落格內就可以產生 Instagram (IG) 的圖示以及連結;若要放入部落格側欄內,請繼續看 Step 7
Step 7. 進入痞客邦的後台
Step 8. 進入側欄管理
Step 9. 按下"新增欄位" (藍框) 後,會跳出一個"新增自定欄位"的視窗;在"標題"裡輸入喜歡的名字,在"內容" (紅框) 裡貼上您剛剛複製的代碼
Step 10. 按下" 送出" ,就完成囉!請回到自己的版面裡欣賞您製作的 Instagram (IG) 圖示吧!
網頁內也可以放,不論圖片或是影片都可以製作,請安心服用
--- [新增] 在網頁內貼入內嵌語法呈現的樣子 ---
Credit: @小諭兒 PIN YU
--- [The End] ---
小諭兒也是有 IG 的囉!請進來多多捧場!