如何在部落格上加入一個報新聞的跑馬燈?

Views

想要加入一個報新聞的跑馬燈在自己格子上嗎?


    不論是想加入一段純文字的新聞式跑馬燈或是帶連結的推廣式跑馬燈, 都很容易哦. 

    加入純文字的跑馬燈


    如果想在部落格首頁的標題下方加入一段純文字的跑馬燈通知訪客今天的特惠折扣:

    範例:跑馬燈的頭條新聞 - 打折機票來囉!

    很簡單的加入一段程式碼就可以做到哦。


    如果想加在部落格首頁的標題下,只需下面這個步驟即可。

    先到部落格後台→然後按下[版面配置]→[+新增小工具]→選[HTML/JavaScript小工具]

    然後在內容內貼入上面的程式碼,按下[儲存]鍵。接下來把在側欄的小工具拉到上面的跨欄區即可。


    這樣子你的跑馬燈就會在你的部落格標題之下,文章之上了。請看實例:《測試跑馬燈 - breaking news



    加入帶有超連結的跑馬燈


    在首頁的標題下加入帶有hyperlink超連結的跑馬燈可以用來推廣站內外的其他文章/產品, 可以增加一些沈入海底或是熱門文章的曝光率. 範例如下:

    細君公主傳  三年九班 - 小白花  北魏鮮卑拓拔氏  幗國英雄-花木蘭



    如果想要加入的不是純文章,而是可以連到你想要推廣的文章上,則貼入以下連結,highlight的地方換入自己的網址連結即可。



    自訂跑馬燈格式


    如果同時想放多個連結,建議用不同的顏色來區分前後的二個連結。
    請按這裡找《顏色代碼》, 請按這裡看實例:《測試跑馬燈 - breaking news

    上列程式碼中可自行更換的除了自己的連結之外,還有:
    font face= 這是設定字體
    color= 這是設定顏色
    size= 這是設定大小
    scrollamount= 這是控制跑馬燈的速度,數字愈大跑的愈快
    width: 這是設定跑馬燈的長度
    height: 這是設定跑馬燈的高度

    加在主頁後台


    如果想要放置跑馬燈的位置不能加一個[HTML/JavaScript小工具]時, 怎麼辦?

    這時只能將跑馬燈的程式碼加到Blogger後台→[主題]→然後按下[編輯HTML]→用Ctrl+F在搜尋列輸入</head>→然後在</head>的方貼入下面的程式碼:

    本站的新聞跑馬燈用的便是這款程式碼, 因為本站新換的主題模版不允許在標題區塊加入小工具.

    3q 或者  如果覺得這篇有用, 那就請我喝杯咖啡吧!請我喝杯咖啡吧!






    本篇文章包含贊助內容,當您點擊某些鏈接時,我可能會獲得奬勵。

    0 留言:

    張貼留言