Blogger小工具(內有跑馬燈)

2015/12/30 Blogger小工具

因為有許多人問說我的小工具好多..是怎麼做出來的?

所以我就發一篇文章(省時間

1. GIF動態檔
2. 音樂
3. 跑馬燈
4. 其他都是在Blogger可以找的到的

首先

  

我先講左下角的(動漫是...)的會動的圖片，這是叫GIF檔的圖片

相信大家並不陌生..就是計概丙檢檔案管理題組3要抓的(因為鴨蛋所以印象深刻...

這個呢其實大家在網路上找圖片再用老師所交的Photoshop將它變成一樣大小

之後呢...再用這個網站就可以了..其實Photoshop也可以做，去youtube尋找的話

都可以找的到的我先把GIF動態圖片檔的網址2個貼在這裡...

不保證沒毒...應該是啦~自己用沒事

GIF動態圖片製作網站

Photoshop CS6 網頁製作與動態圖片 製作標題文字閃爍補間動畫

在接下來呢...

我後來講音樂

這個老師並不建議我們使用...所以我們就小聲的講
 \(￣▽￣)/

首先我們先來講小工具的第3個 HTML

看右邊→

我們用這個打開後會看到底下有一個框框...他就是給你打

語法用的，有用過無名的應該都會知道語法是什麼，不知

道的也沒關係..老師應該有講過youtube的影片插入的對吧?

其實也就是插入語法，所以你們都懂v(￣︶￣)y

首先我們先到這個網站(一樣不掛保證呵呵..)

SCM Music Player

然後他第一個是選擇音樂播放器的樣式...

第二個是有2個框框對吧? 第一個框框是你音樂的名子

而第二個框框是你網站的網址，他是網址喔!!並不是語法.....

第三個就是非常多的結合....

播放

自動播放
隨機播放
默認音量50％
重複模式
出現的位置

好了之後呢你在按下一步，他所出現的語法再將他放在我們上面HTML框框裡

標題則隨便打...我則是打

♫展開右上角選歌♫

補充:上面的Show Playlist by Default 別打勾喔 他是將音樂列出來在旁邊，

這小春春已明確表示不能使用，會讓使用者過於忙亂

好的我們接下來做的事比較難的網頁語言HTML的跑馬燈

跑馬燈的比較麻煩一點的地方就是要看得懂一些英文....(版主英文不及格阿..

但是如果你照著步驟做，估計不懂英文也會的....

一樣像這種地3方程式幾乎都是用小工具第3個

一樣他會跑出一個框框...叫你打語法

這時候你在上面打上這些文字

<marquee behavior="scroll" direction="up" width="250" height="50" scrollamount="1" scrolldelay="0" border="0" onmouseover="this.stop()" onmouseout="this.start()">

好這些文字可以不用理會他是什麼意思..

差不多就是

<選取框行為=“滾動”方向=“向上”WIDTH =“250”HEIGHT=“50”scrollamount=“1”scrolldelay=“0”的邊界=“0”的onmouseover=“this.stop（）”的onmouseout=“此。開始（）“>

這來自於google翻譯...(版主英文真的不能)

好的之後呢在小春春的課堂上他應該有講過發表文章的右邊要設

定一些些的東西對吧? 在他的最後一個他說要將它改成Enter

然而他上面的那個是什麼呢..?

好吧就我目前的估計我認為那是HTML的Enter

也就是下一行的意思，不過我打完儲存後他就變成這樣了..

<br />把他複製下來做成一個Enter使用吧.!

我先做範例

這是我跑馬燈   (關於我的Blogger資訊)

我的裡面是這樣的

<marquee behavior="scroll" direction="up" width="250" height="50" scrollamount="1" scrolldelay="0" border="0" onmouseover="this.stop()" onmouseout="this.start()">歡迎來到我的Blogger<br />這裡是屬於有興趣知道ACG資訊的園地<br />希望大家可以好好的參觀<br />右上角可以開起音樂選單<br />左邊則是GIF動態圖片檔<br />左邊有一排則是文章來源<br />左下則是意見調查表希望大家踴躍參加<br />懇請各位宅哥腐姐支持一下<br />右邊有動畫總熱門排行榜<br />像我這種跑馬燈<br />將滑鼠放上我身上我就會停止~<br />希望大家會喜歡~<br />之後也歡迎喜歡打嘴砲的來留言喔~</marquee>

好的首先我們先把上面的

<marquee behavior="scroll" direction="up" width="250" height="50" scrollamount="1" scrolldelay="0" border="0" onmouseover="this.stop()" onmouseout="this.start()">

這個複製下來，與<br />這個

我們可以打文字在上面，記住文字過長的話會變成他自己去下一行喔!

而</marquee>可以不用打，他是結尾用的但是你不打他也會自己上去der~

好的我的Blogger小工具就介紹到這邊啦，如果你有興趣的話可以到網路上

查詢更多的資訊喔~!(如果有不懂的歡迎留言~)(也希望明白的一樣留言喔...)

謝謝大家的觀看啦~