嗨各位 小廢物 同學們讓我來教各位如何加這一堆廢廢的小工具們
-社群連結-
其實我不太會講解
先把這個網址開著↓
長這樣:
右邊的框框貼上這個:
<p><a href="連結放這"><img style="display: block; margin-left: auto; margin-right: auto;" src="圖片碼放這" align="center" /></a></p>
"連結放這"的地方貼你想要的連結(兩個"不准刪).
{ex: https://www.instagram.com/andriagelalala/?hl=en}
"圖片碼放這"的地方貼你想要的圖片的code(兩個"一樣不准刪).
圖片碼是啥? 來 看好了~
[圖片加入]
開新的一個文章. 嗯. 就是一副要發部落格文章樣
裡面插入要顯示的圖片
好 對不起 都英文 但不難懂吧
反正就是把游標放你想要的圖 按右上角的框框
他會加到右邊的My icons collection底下 選完了按右下角的"Download collection"
我建議選 png → 64 px 我那樣就是64
(之後還要解壓縮喔)
Anyways回到剛剛開的新文章 把圖加進去
大小選 "原始大小" 要不然你剛剛選的64就沒屁用了
耶 加入後按HTML(左上角)
好ㄉㄟˉ 很花吼 眼睛會痛我知道我已經坐在電腦前一整天了
來~ 眼睛瞇小~ 我來做稍微的解釋
<br /> 基本上就是換行
下一行的 <div class="separator" style="clear: both; text-align: center;"> 是調整置中之類用的
我們要找的是這兩個的底下 每個圖片都會寫這樣之類的話:
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6NXA2NlYC0L0SAacQkcHmTObeWBqYzAF68xUcTHSw9F_qtvf-ClbOIYqLke-a6Hhyk_Dw8mh1cnra7hLr1AG_ekPQbkVfKCBoVQjXkJqYpyFoCMYvAecmY-ujz-8Twul0tFWcpMnzJa5g/s1600/002-twitter.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="64" data-original-width="64" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6NXA2NlYC0L0SAacQkcHmTObeWBqYzAF68xUcTHSw9F_qtvf-ClbOIYqLke-a6Hhyk_Dw8mh1cnra7hLr1AG_ekPQbkVfKCBoVQjXkJqYpyFoCMYvAecmY-ujz-8Twul0tFWcpMnzJa5g/s1600/002-twitter.png" /></a></div>
把=後, ""中的字複製下來就是圖片碼!!!
{ex: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6NXA2NlYC0L0SAacQkcHmTObeWBqYzAF68xUcTHSw9F_qtvf-ClbOIYqLke-a6Hhyk_Dw8mh1cnra7hLr1AG_ekPQbkVfKCBoVQjXkJqYpyFoCMYvAecmY-ujz-8Twul0tFWcpMnzJa5g/s1600/002-twitter.png}
唉 終於 滑上去找我剛剛找的吧 回到HTML Editor把圖片碼丟進去 連結丟進去
成功的話左邊的框框會有你的照片
把他調成置中 右邊那一串 丟進部落格 就完成了!!
欸 等一下 要丟去哪
版面配置 → sidebar → 新增小工具 → HTML/JavaScript
好 丟進去 就完成!!!
-時間-
來 開連接嘍
其實他講的蠻清楚的 我的解說沒很重要
大中小選一個 → 地方打taipei第一個就是 → 複製 → 貼到HTML/JavaScript
ㄏㄚˋ 比上一個簡單多了
-音樂-
這個Jun說過了吧 在這 Classroom上好像也有吧
先Choose Skin = 選皮
我選的不在這個頁面 在他的 "4000+ Custom Skins" 裡
選完按到第二格 開始把歌單填進去! YouTube 連結就可
喔 我弄超久 我有將近100首捏 花了一個下午
好 慢慢加玩 第三格其實沒啥
自動播放 隨機播放 預設音量 歌單循環 撥音樂的那個線線要在上面還下面 然後歌單要不要顯示
嗯好 Done 複製貼上 HTML/JaveScript 完成!!
-月曆-
[我不知道why可是我的電腦現在跑不動 有照片後再加]
點進去後右邊那一排第二個寫Get a Calendar Widget
點一波 選你想要的樣子
喜歡原本的配色就把HTML複製下來 不喜歡配色就點"...select more colours & sizes"
一樣 丟進小工具列吧
-旗子的那個東東-
↓↓↓
這也解釋得很清楚 ↑很爛的翻譯在上↑
-關於作者-
↓↓↓
首先 做頭貼 要弄成圓形啥網站都行 查circle photo editor大概就行了 我用這個
之後就把HTML全部複製然後丟進小工具裡就好了哈哈
(其實這不是我用的方法 可是這個比較簡單 而且我忘記原本的是什麼了)
-Blogger 的預設工具們-
[圖片連結]
小工具裡, 往下滑有 "圖片" 的選項:
↑解說打在上面了↑
我用的圖片:
[點閱率]
↓解說↓
[追蹤我]
↓解說↓
----
我的媽呀 終於
我的眼睛要炸了
希望夠清楚 有不懂的 都可以來問我喔( ´ ▽ ` )ﾉ
0 意見
熟的不熟的都來流言吧٩(●˙▿˙●)۶