搜尋此網誌

2008-07-14

如何在你的部落格邊欄建設一個滾動框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>


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

0 意見:

張貼留言