【部落課】:怎麼把IG、臉書連結放進「痞客邦部落格」、怎麼把

就,最近在研究版權等種種問題,

發現「另存圖片」這個行為完全不行啊,一個不小心就被吉到吃不完兜著跑…

紀錄其中一個能顯示圖像不侵權的方式

就是使用分享、轉帖、內嵌的方式!

前提是你分享的對象他的連結、照片、圖片、影像、音樂等…也必須擁有正當版權。(不然同樣是違法、是侵權的哦)

為了避免我記憶力大考驗,紀錄備存。


 

主要還是為了學習怎麼美化自己的頁面,運用自己的版面擺擺那邊放放~美化美化

應需求,在非營利(或沒影射、影響、干擾、違反社會秩序等)的情況下

分享、引用雖無直接違法,但是還是有道德、觀感的問題。並且未必沒糾紛!

若能做到向版權擁有者版權所屬單位取得授權還是最好的事!更是維繫創作和網路的健康環境。

(不然直接去拿授權CC?但是授權CC創作也是有分類的)

 


怎麼把IG的頁面放在部落格文章裡?IG內嵌

目前IG貼文的內嵌碼還沒拿掉~仍可使用(更新說明20230428)

打開IG頁面→找到要用的圖片之後(影片同)→點選右上「點點」按鍵→選擇內嵌、複製內嵌碼

再到痞客邦文章編輯區的右上找到「原始碼」按鍵→找出合適的位置、放入剛剛複製的內嵌→按下預覽測試看看即完成

*(別人公開貼文)按左鍵得到內嵌碼​​​​​​

*(自己的公開貼文)按右鍵得到內嵌


怎麼改IG內嵌部落格的大小?

寬度拉長到 100%
.instagram-media { max-width: 100% !important; }

太大就拉50%,50%跟寫到350以下就已經沒差別(就算寫100也一樣寬而已)…

疑惑:IG的程式碼高度貌似是寫固定的?

  • Height=高度
  • Width=寬度

怎麼把臉書照片放到部落格文章裡?臉書圖片內嵌

打開臉書頁面→找到要使用的「公開貼文」→在臉書提供的內嵌程式碼中直接鍵入"完整的圖片網址"即可

<script>

  window.fbAsyncInit = function() {

    FB.init({

      xfbml      : true,

      version    : 'v8.0'

    });

  };

</script>

<script async defer src="https://connect.facebook.net/en_US/sdk.js"></script>

 

<div

  class="fb-post"

  data-href="完整的圖片網址"

  data-width="500"></div>

  • 透過臉書提供的"內嵌程式碼"做出很好的臉書圖文連結~

*只能使用公開貼文(臉書的遊戲規則,只要您是公開貼文被分享就吉不成…這個部份依大家都簽過的"同意規則"來看是保不了智財的)

可自行更改寬度,貼文寬度。(最小值 350 像素、最大值 750 像素/將此欄位留白可使用彈性寬度)

*透過data-width 屬性,調整「內嵌貼文」在桌面版顯示的寬度,如以範例所示。(選擇從 350 到 750 之間的像素值)

*若是相片貼文,請選擇 Embed Post 按鈕

 


 

怎麼在痞客邦側欄放IG九宮格

之前是只要用崁入碼啦!現在完全不行、鎖起來了呱~爛ㄟ(更新說明20230428)

我最後在SnapWidget網站買了超棒的物件,直接微痛嵌入(因為要付費!但就是很美)

但可以看到後台分析挺好的…

 

要從檢查碼去拿,很難弄的話直接內嵌碼也可以用

打開痞客邦後台

選擇側欄管理

拉進一個新的側欄,打好抬頭

把內嵌丟進去儲存

反覆重新整理確認是否合用


 

怎麼把YOUTUBE影片放到痞客邦文章中?YT嵌入

【部落課】:怎麼把IG、臉書連結放進「痞客邦部落格」、怎麼把注意版權問題!侵權是連帶連告的~

YT有提供內嵌碼可以直接嵌入

有些部落格平台本身也有直接分享的按鍵(重點還能改大小不會被切邊)

當然如果你自己把寬度寫成400也沒毛病~

不過使用原網址提供的內嵌碼比較沒有囉嗦的後續問題(改版或後續禁制之類的)

YT提供的內嵌碼比較順眼,平台提供的則比較簡易簡便(BTW也沒人沒事在讀原屎碼)


好了研究到這邊我去繼續度菇了

我完全不懂程式編碼,也完全不會寫程式碼~只是早年有稍稍研究怎麼架構自己部落格

所以冷靜下來的話可以猜測「邏輯」罷了。如果有工具人可以傳授,我當然會很感激的啦

 


好用連結

色碼表ifreesite

相關連結

內嵌貼文 @FB

圖片來源:Linda Eller-Shein

#部落課

#痞客邦佈置 #部落客技能 #內嵌碼 #原始碼 #檢查檢查

#怎麼把IG放部落格 #怎麼把臉書放部落格 #怎麼把IG放側欄

#怎麼把錢包放口袋 #怎麼把罵包放肚子 #看到數字就想睡

#誰會沒事看原屎碼 #讓我探探 #工具人就是BongBongDe

20200824撰文/最後更新20230428

本文僅供個人紀錄使用,非經同意,不得截圖、任意轉載。


Instagram (IG)@ 卡呸醬Instagram

Facebook (FB)@ 小拾了了

 

arrow
arrow
    創作者介紹
    創作者 卡呸醬的腦神經 的頭像
    卡呸醬的腦神經

    卡呸醬的腦神經

    卡呸醬的腦神經 發表在 痞客邦 留言(0) 人氣()