想請教一個HTML的問題
 

最近在弄google的Blogger

後台有個新增小工具，可以把網路上開發的HTML碼新增進去

例如：新增一個幻燈片外掛，

把幻燈片的HTML碼複製貼進去，就可以在Blogger前台上看到一張張照片用幻燈片的方式播出。

想請教的是，為什麼我用一樣的HTML碼，無法直接新增一個幻燈片功能在po文裡面？

貼一樣的程式碼進去，新增的文章裡面沒有幻燈片出現阿＠＠


新增文章裡面有個編輯HTML的選項阿@@？

圖->http://imgur.com/r90249Q

你要貼的原始碼要不要貼一下

目前只能姑且猜測，Blogger 可能根本不支援你要貼的語法

謝謝 我貼在下面

------------------------------------------------------------------------------------


<style type="text/css">
/* <![CDATA[ */
#w2bSlideContainer {position: relative;display: block;}
#w2bNivoSlider {position:relative;width:640px !important;height:300px !important;min-height:225px !important;background: url("http://4.bp.blogspot.com/-TBMTXcO0VxM/T7dSfCUe9dI/AAAAAAAABgY/dmbkzgOPQI0/s1600/w2bLoader.gif") no-repeat 50% 50%; margin: 20px auto 35px;-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.4);-moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.4);box-shadow: 0px 1px 5px rgba(0,0,0,0.4);}
#w2bNivoSlider img {position:absolute;top:0;left:0;display:none}
.nivoSlider {position:relative;width:100%;height:auto;}
.nivoSlider img {position:absolute;top:0;left:0}
.nivo-main-image {display:block!important;position:relative!important;width:100%!important}
.nivoSlider a.nivo-imageLink {position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none}
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;top:0}
.nivo-box {display:block;position:absolute;z-index:5;overflow:hidden}
.nivo-box img {display:block}
.nivo-caption {padding:10px;font-family:Helvetica,Arial,sans-serif;position:absolute;left:10px;bottom:10px;right:10px;background:#000;color:#fff;-ms-filter:"alpha(opacity=80)";filter:alpha(opacity=80);opacity:.8;width:auto;z-index:8;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.nivo-caption p {padding:5px;margin:0}
.nivo-caption a {display:inline!important}
.nivo-html-caption {display:none}
.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;display:block;width:30px;height:30px;background:url("http://3.bp.blogspot.com/-bJzN66mSNNc/T7dSdjkzf3I/AAAAAAAABgI/PlGK0Q8OYeU/s1600/w2bArrows.png") no-repeat;text-indent:-9999px;border:0}
.nivo-prevNav {left:10px}
.nivo-nextNav {background-position:-30px 0!important;right:10px}
.nivo-controlNav {position:absolute;left:0;right:0;bottom:-35px;text-align:center}
.nivo-controlNav a {position:relative;z-index:9;cursor:pointer;display:inline-block;width:22px;height:22px;background:url("http://4.bp.blogspot.com/-DEGRTSA4m6A/T7dSenBUBpI/AAAAAAAABgM/EB-Q2htVToI/s1600/w2bBullets.png") no-repeat;text-indent:-9999px;border:0;margin-right:3px}
.nivo-controlNav a.active {font-weight:bold;background-position:0 -22px}
/* ]]> */
</style>

<script type="text/javascript" src="http://widgets.way2blogging.org/blogger-widgets/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
jQuery(document).ready(function($) {
$('#w2bNivoSlider').nivoSlider({
effect : 'random',
slices : 15,
boxCols : 8,
boxRows : 4,
animSpeed : 500,
pauseTime : 3000,
startSlide : 0,
directionNav : true,
directionNavHide : true,
controlNav : true,
keyboardNav : false,
pauseOnHover : true,
captionOpacity : 0.8
});
});
/* ]]> */
</script>

請問你貼上去的內容就是這些嗎?

這些只是CSS宣告和javascript的程式碼

你最少應該還要有一些HTML標記(ex:div)，而且要套用CSS的宣告(ex: w2bNivoSlider)

一碼歸一碼


前台可以用的 ( 比較新版的 ) 不代表 留言 也可以用 ( 只能舊版、簡單的 )


例如留言可能只能
簡單貼圖 IMG
跑馬燈 marquee
或者超連結 a href


支援太多或者有人忘記收尾或者平台設計 ( 框架沒設計好 )
會發生版面大亂的悲劇

*

很單純就是小工具支援內崁html碼、內文則不支援啊

我猜你說的小工具應該就是在網頁裡增加一個 iframe 吧

另外你的 code 不完整只有 style 跟 script 沒有內容
當然跑不出啥東西

看起來是對"w2bNivoSlider"這個element做動畫....

從code裡面看不到"w2bNivoSlider"這個element,

把你要做動畫的element的id改成w2bNivoSlider :cool:

是的，其實這段程式碼 原本是透過下面這個方式加入的

http://imgur.com/4QdvSVw

所以moles的意思是，上面這個方式已經內建了HTML標記且已經套用了CSS的宣告的意思了？



瞭解了 :)



那請教d61s，有辦法讓內文支援嘛？



新增小工具如下
http://imgur.com/4QdvSVw

我想campbells跟moles大的意思應該一樣，小工具已經有些程式碼，所以貼入不完整的程式碼可以運作，但是內文用同樣方法就不行了。



不好意思 jiahan大可以指教一下..這所謂的id是...？

給小弟一些關鍵字讓我google吧

這種平台多半是故意鎖住不讓你插入語法的，免得有心人寫一些怪語法讓前台網頁掛點，
平台業者頂多只開放局部區域可執行(例如iframe)，或用較安全的替代式語法(例如BB Code)，
在這種情況下你若自認技術夠好，雖然可用迂迴的方式拆他的招，還不見得成功，
畢竟平台是人家的，你太搞怪的話人家可以放大絕把你的帳號浸水桶。