昨天遇到網友提問,我乾脆順手寫一篇圖文教學XD
截圖在下方,可以直接下拉參考,看圖比較好懂!
訪客小地球,工具來源網頁: https://www.revolvermaps.com/?target=setup
網頁可以先開起來,看得懂英文的可以直接操作,晚點會用到裡面第5點的程式碼。
設定5步驟,文字流程:
1. 從部落格後台,進到版面配置。
2.點擊右側欄位的新增小工具。
(如果你的部落格配置是左側欄位,那就是左側欄位的新增小工具。)
3. 小工具選擇HTML/JavaScript。
4. 到這個網頁: https://www.revolvermaps.com/?target=setup ,設定好你想要的小地球外觀,裡面第5點內容會有一段 <script type= 開頭,</script>結尾的程式碼,請把它整段複製起來,貼到小工具的"內容"裡。
想直接用我的版本,可以複製以下這段程式碼:
<script type="text/javascript" src="//rf.revolvermaps.com/0/0/8.js?i=5opoo4mtc9d&m=0&c=ff0000&cr1=ffffff&f=ubuntu&l=33" async="async"></script>
5. 標題部分可以自由命名,小工具的"標題"跟"內容"都填寫好以後,按儲存,就完成了!
![]() |
步驟1和步驟2,版面配置=>新增小工具 |
![]() |
步驟3 選擇HTML/JavaScript |
![]() |
跳出方框,開始填寫標題和內容。 |
![]() |
範例參考,於內容處填寫程式碼。 |
![]() |
訪客小地球的設定網頁,於此處可取得程式碼。 |
![]() |
設置好小地球的外觀,將程式碼複製起來。 |
![]() |
於內容處貼上程式碼,按儲存,即可回到部落格刷新頁面,看成果。 |
沒有留言:
張貼留言