|分享| 要如何將 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 的囉!請進來多多捧場!

相关文章