adsense

如何在你的部落格邊欄建設一個滾動框Scroll Box?

如果在部落格的邊欄可以建設像上圖的『滾動框』,那該多好。

在滾動框里,你可以放入你的鏈接或其它資料。

以下就與大家分享,建設『滾動框』的方法。

以Blogger平臺為示范:

首先打開你的『Dashboard控制主頁』-》『Layout版面配置』-》『Add a Page element新增小工具』->『HTYML/Javascript』,然后把下列代碼輸入即可。

*******************************************************

<div style="border: 2px solid #aaa;background-color:#f9efef; width:350px; height:250px; overflow:auto; color:#FFF;"><p> 在此輸入你的鏈接代碼</p>

************************************************************

滾動框的『Width寬度』和『height高度』,要看個人的部落格來設定。(可參考屏幕測量儀

以下是我的部落格裡,『新聞』框的代碼,供大家參考。

*****************************************************

<div style="border: 2px solid rgb(170, 170, 170); overflow: auto; width: 115px; height: 50px; color: rgb(255, 255, 255);"> <a href="http://fnf.tumblr.com/post/38076050">馬來西亞</a> <p> <a href="http://fnf.tumblr.com/post/38076723">新加坡</a> </p> <p> <a href="http://fnf.tumblr.com/post/38077259">中港臺</a> </p> <p> <a href="http://fnf.tumblr.com/post/38078133">娛樂</a> </p> </div>

******************************************************

沒有留言:

張貼留言

歡迎你留言,如果你不是blogger的會員也可以留言哦,請點按『名稱URL』,輸入你的名字,網址即可。