S__4153376.jpg

哈囉哈囉,相信各位有在玩痞客邦的各位

一定有遇到想把外部連結放到側邊欄位,來為自己的部落格增添一點色彩吧

沒錯,我也是其中一位a96e9f9a24f5f02faa7e6a810c15bd31_w48_h48

為了讓自己的版面跟別人不一樣變得獨一無二

也順便認識在不同區域網路衝浪的人們b93685be2537198841ed7954cbb47c5c_w43_h24

所以一直都在找怎麼樣讓自己的IG或是蝦皮…等之類的外部網址可以放到我們的側邊攔

終於讓我在網路上各種爬,各種找資料,找到了可以使用外部網址的方法了!!!!

還不先痛哭流涕一番!!!2abb7e7d69b4881b334ee877c93c3c50_w48_h48.gif 2abb7e7d69b4881b334ee877c93c3c50_w48_h48.gif 2abb7e7d69b4881b334ee877c93c3c50_w48_h48.gif

好接下來直接進入主題

1.語法複製到側邊攔的內容

<style>video.labnol, img.labnol {max-width:100%; width: 100% !important; height: auto !important;}</style> 
<a href='https://www.instagram.com/o7o.2014/' target="_blank">
<img class='labnol' <a href="https://www.instagram.com/o7o.2014/"><img src="https://pic.pimg.tw/most112052/1626876498-3715575873-g_m.jpg"></a>

 

小小解釋:

href=後面是接外部網址

src=後面是接相片網址

 

2.把你要的網站打開,複製網址,將外部網址貼到紫色的地方

4.然後把你想要呈現的照片先上傳到痞客邦相簿中

1626877480606.jpg

然後按「右鍵」複製語法

相片複製語法:

<a href="https://most112052.pixnet.net/album/photo/201449454-s__4161542.jpg">

<img src="https://pic.pimg.tw/most112052/1626876498-3715575873-g_m.jpg"></a>

 

只要取紅色字的部分就可以了,再把這串放到剛剛的語法中就完成囉5c4627b6696a1dcc7a46d05c1dbdf168_w20_h20.gif

 

 

 

是不是超級簡單,而且又不用找內嵌!!1ff2555bf171a4011f8bdca09ed64641_w48_h48.gif

因為我之前在找放IG的方法,都是需要點其中一篇文章,然後內嵌才可以放到側邊欄位

加上調整大小又要在各種尋找語法調整

對於我們這種小白真的是很困難又很麻煩2be9502868ffbadd353921ea5945908e_w20_h18 2be9502868ffbadd353921ea5945908e_w20_h18 2be9502868ffbadd353921ea5945908e_w20_h18

現在換成這種方法,可以把自己要的連結放上去,又可以挑自己喜歡的照片呈現簡單多了

大小只要在上傳相簿的時候先裁剪好就OK了,就不用在認識好多語法6fc3528a7ea709d9d449fd62065a56b8_w48_h48.gif

 

各位有問題都可以詢問哦~

需要語法的請留言告訴我一下,我就會順便去踏踏水留言語法給你們0cf524d56101d27e70d603a54e7aa078_w44_h44.gif

 

arrow
arrow

    July 發表在 痞客邦 留言(4) 人氣()