bannerflash

由於很少有部落格會提供修改原始碼(html)的功能,
故以往想將部落格上方banner隨心所欲地修改,
往往都是得對css、javascript...等對網頁技術較為熟悉的使用者才辦得到...
經過上次用innerHTML來瀏覽圖片後,
今天突然想說試試用來加入flash,
這樣一來部落格上方的banner就能為隨欲為了...^^v

ps.此方法適用於落格平台有開放使用者自行輸入javascript的功能

step1.
先在css中找到banner的id名稱,把設定背景的語法拿掉
ex:#header{}

step2.
接著再將flash的html複製貼入javascript中

<script language='javascript' type='text/javascript'>
bannerflash();
function bannerflash()
{
var s = "<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0' width='1000' height='270'>";
s += "<param name='movie' value='http://163.17.142.202/chenshin/blog/banner.swf' />";
s += "<param name='quality' value='high' />";
s += "<embed src='http://163.17.142.202/chenshin/blog/banner.swf' quality='high' pluginspage='http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width='1000' height='270'></embed>";
s += "</object>";
document.getElementById('修改成banner的id名稱').innerHTML = s;
}
</script>

Posted by 無呈現 at 痞客邦 PIXNET 留言(12) 引用(0) 人氣()

open trackbacks list Trackbacks (0)

留言列表 (12)

Post Comment
  • andyyu0920
  • 學習信眾

    很棒耶 這還蠻實用的
  • 呵~你也來弄一個嘛^^

    btw我們快被追上了...orz

    無呈現 replied in 2008/03/02 17:57

  • andyyu0920
  • =口=

    可惡! 我今天鬆懈了一天~

    我想弄呀 可是我發現我視覺好爛喔
    照片在換新電腦之後又空空了!!!!

    可惡的USB毒 (大義滅親)
  • andyyu0920
  • BTW

    那個"扛棒"是3D用的嘛
  • 呵,"扛棒"是利用二個文字疊出來的!
    不急不急,有素材時再弄吧~^^

    無呈現 replied in 2008/03/03 05:59

  • rivercolor
  • 好厲害!

    眼睛有一亮的感覺耶@~~~@(雖然眼睛最近被閃的很痛 哈.) 每次看都覺得收穫很多耶~~(我也是默默的學習信眾~~)
  • 哈哈~感謝呀!
    那下次投票時記得閉上眼睛喲...(冷)

    無呈現 replied in 2008/03/04 15:34

  • behappy0411
  • 請問一下

    請問一下pixnet的javascript要加在哪啊
    有切確的指引嘛

    我現在是直接加在網誌描述裡面 但是問題是flash設定的self url語法不能執行
    真的很頭痛 盼望您能解答
    感激不盡
  • behappy0411你好^^
    我的javascript是加在版面設定下的自訂版型中,只要能插入javascript的地方就行了^^

    至於視窗「self」的原因,我一開始也碰到這樣的問題,最後我在flash裡發佈設定的版本降為flash player6就行了

    哇!「情非得已之生存之道」的官方部落格該不會是你做的吧~@@a 我滿想看的,支持國片^^v

    無呈現 replied in 2008/03/04 15:49

  • andyyu0920
  • 哇~

    好像很厲害~
  • 支持國片~~~^^b

    無呈現 replied in 2008/03/05 01:39

  • 星際訪客
  • 將flash虛線框去除更完美

    關於將flash虛線框我有成功實作過~

    請參考我的部落格首頁裡的 Flash Object~
  • hinoeyasu
  • 您好^^
    想請問一下您說將flash的html複製貼入java中是指貼到bannerflash()和function bannerflash()的括弧當中嗎?
    還有就是修改成banner的id名稱是指'#head'這樣嗎?
    那如果部落格有提供html和css的修改,那只要修改其中一樣就可以了嗎?還是兩個同時都要修改呢?
    不好意思,要麻煩您為我解答了,我對這種東西實在是苦手bb
  • hinoeyasu您好^^
    ----------------------------------------------------------------------
    >>貼到bannerflash()和function bannerflash()的括弧當中嗎?
    是的^^
    ----------------------------------------------------------------------
    >>修改成banner的id名稱是指'#head'這樣嗎?
    div的id名稱不一定是head,
    得看您想在blog哪個地方添加flash,
    然後找到該div的id即可...
    ----------------------------------------------------------------------
    >>有提供html和css的修改,那只要修改其中一樣就可以了嗎?還是兩個同時都要修改呢?
    基本上,如果您blog有提供html語法修改的話,就無須使用本篇利用javascript的方法囉!
    可嘗試直接將flash的html語法<object><embed>...,
    複製貼到想呈現flash的html div的id中即可~
    若使用本篇方法的話,
    前提是blog得須有提供自行輸入javascript語法的功能才行
    css是否須修改得看情況而定~
    ----------------------------------------------------------------------
    ps.請問您的blog是用哪家,blogger?

    無呈現 replied in 2008/07/31 18:27

  • hinoeyasu
  • 非常感謝您的解答~我後來修改html語法就成功了Orz
    我用的是忍者BLOG:http://blog.ninja.co.jp/
  • richwon
  • FLASH 連結在IE上不會WORK???

    你好:
    剛好在做FLASH BANNER的設計,可是FLASH 連結在IE上不會WORK???
    你的好像也一樣,不知你有沒有解決方案可以提供??
    這是我正在做的網誌!!
    http://idea101.pixnet.net/blog/

    感謝
  • 由於我的swf檔是放在學校提供的空間,
    無法work的原因小弟根據經驗初步猜測可能是因為swf基於安全性的考量限制跨網域溝通請求...
    (兩個不同的網域:pixnet、學校),
    一時想到的解決方法有:
    pixnet能開放上傳swf或pixnet的server放置crossdomain.xml允許某網域可進行跨網域溝通請求,
    不過基本上我想是不可能的...==a
    (以上皆屬猜測評斷尚未實作求證,也請有經驗的大大看到此篇回覆再指點一下小弟^^)

    抱歉無法解決你的問題,
    不過還是謝謝你的提醒,
    過陣子有時間再換回用div+css的方式好了...XD

    無呈現 replied in 2008/09/17 06:36

  • wcp54rp6
  • Pixnet不是禁止javascript嗎?
  • 訪客
  • 這方法能使用在無名或是奇摩部落格嗎?謝謝

You haven’t logged in yet, please use guest status to leave message. You can also log in with above service account and leave message

other options