締切済み

アメブロのフリースペースにブログパーツを表示させる

2013/04/15 16:55

アメブロのプロフィールにフリースペースがありますよね？そこにこの↓ブログパーツを表示させたいんですが・・・ <script src="http://www.google.com/jsapi" type="text/javascript"></script><script type="text/javascript">google.load("swfobject", "2"); </script><script type="text/javascript">var flashvarsARmj2dDMLW = {lcolor:"663300",hcolor:"FFFF33",zcolor:"FF0066",rcolor:"FF6600",volume:"35",psize:"20",fsize:"12",auto:"1",rand:"1",dbno:"14899"};var paramsARmj2dDMLW = {loop:"true",quality:"high",wmode:"window",bgcolor:"#000000"};var attributesARmj2dDMLW = {id:"flashARmj2dDMLW", name:"flashARmj2dDMLW"};swfobject.embedSWF("http://www.ryuutuu.net/yt/yt-flash.swf", "ARmj2dDMLW", "300", "200", "10.0.0", "", flashvarsARmj2dDMLW, paramsARmj2dDMLW, attributesARmj2dDMLW);</script><div id="ARmj2dDMLW"><a title="RaQoo通販" href="http://www.ryuutuu.net/">RaQoo通販</a></div> そもそもプロフィールのフリースペースにブログパーツを表示させることができるんでしょうか？なんとか自分で調べていろんな方法を試してみましたができませんでした。表示させることができるのか、できるならその方法を分かりやすく教えていただけるとありがたいです。お願いします！！m(_ _)m

kayunana423
お礼率12% (1/8)

ブログ
回答数2
ありがとう数0

みんなの回答 （2）
専門家の回答

みんなの回答

mikinon
ベストアンサー率56% (612/1075)

2013/04/15 17:31 回答No.2

アメブロのフリースペースではjavascriptを含むタグは使えません。ブログパーツ等はフリープラグインに貼り付けてみてください。 http://helps.ameba.jp/faq/blog/1006/post_161.html

魏龍庵（@giyuu-iori）
ベストアンサー率15% (85/565)

2013/04/15 17:12 回答No.1

そのタグを張り付ければブログ記事の両サイドにパーツを付ける事が可能ですよ？手書きブログ・ツイッター・ブックログなんかは可能でした

関連するQ&A

アメーバブログについてです。
アメブロのプロフィールページのフリースペースに下のブログパーツを表示させたいんですが・・・↓ <script src="http://www.google.com/jsapi" type="text/javascript"></script><script type="text/javascript">google.load("swfobject", "2"); </script><script type="text/javascript">var flashvarsARiErbKQlN = {lcolor:"660000",hcolor:"FFCC33",zcolor:"FF0099",rcolor:"FF3300",volume:"35",psize:"20",fsize:"12",auto:"1",rand:"1",dbno:"14899"};var paramsARiErbKQlN = {loop:"true",quality:"high",wmode:"window",bgcolor:"#000000"};var attributesARiErbKQlN = {id:"flashARiErbKQlN", name:"flashARiErbKQlN"};swfobject.embedSWF("http://www.ryuutuu.net/yt/yt-flash.swf", "ARiErbKQlN", "300", "200", "10.0.0", "", flashvarsARiErbKQlN, paramsARiErbKQlN, attributesARiErbKQlN);</script><div id="ARiErbKQlN"><a title="通販" href="http://www.ryuutuu.net/" target="_blank">通販</a></div> 「不正な文字が含まれています」とでるんです。この中に不正な文字が入っているんでしょうか？これを直接貼り付ける方法でやっているんですが・・・私のやり方が間違っているんでしょうか？できればこのブログパーツをアメブロのプロフィールページに表示させれるかたちにしていただきたいです。それか、表示させれる方法を教えてくださると助かります。あと、フリープラグインでなら表示されることは知っています。しかし、私がブログパーツを表示させたいところはプロフィールページのフリースペースなのでそれについて詳しい方教えてくださると嬉しいですm(_ _)m
- ベストアンサー
- ブログ
Flashの表示について
FlashをSWFオブジェクトで表示しています。回線が遅い場合、Flashが読み込まれる前に一瞬、Flashの表示領域の高さ(CSS)が反映されていない?のか、Flashの下に表示すべき領域がFlashの部分に表示されレイアウトが崩れます。下記にFlashを表示させる部分に関係のあるHTMLとCSSを記載いたします。 ---------- HTML ---------- ・・・・・・・・・・・・・ <head> <script type='text/javascript' src='js/jquery-1.2.6.min.js'></script> <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script> <script type="text/javascript" src="js/swfobject.js"></script> </head> <body> ・・・・・・・・・・・・・・・・・・・・・・・・・・ <div id="top">・・・・・</div> <div id="flash"></div> <script type="text/javascript"> var flashvars = null; var params = { bgcolor: "#●●●"}; swfobject.embedSWF("movie.swf", "movie", "840", "250", "9.0.0","expressInstall.swf", flashvars, params); </script> <div id="buttom">・・・・</div> ---------- CSS ---------- #flash { width: 840px; height: 250px; } CSSの250pxが効いていないのかFlash領域の高さがない状態で、上のコンテンツ(div id="top">・・・・</div>)のすぐ下にコンテンツ(<div id="buttom">・・・・</div>)が表示されてしまいます。解決策に関してどのようなことでも良いので教えてください。よろしくお願いいたします。
- ベストアンサー
- その他([技術者向] コンピューター)
ブログで表示・非表示をコントロール
ブログのプライマリカラムでの表示・非表示についての質問です。 JavaScriptを使って特定のエントリーから<div class="example">......</div>を非表示にしたいので、それら特定のエントリーの末尾に以下のようなコードを貼付けました。 <script type="text/javascript"> var abc = document.getElementById('example'); abc.parentNode.removeChild(abc); </script>（外部ファイル使用）しかし、期待したとおり非表示になりませんでした。試しにテンプレートに貼付けている<div class="example">......</div>の位置をテンプレート上部に移動させると非表示になります。このため、おそらくhtml上で<div>......</div>が<script>......</script>より先にこないと非表示にならないと思うのですが、<div>......</div>はエントリーの末尾に置きたいので位置を変えたくありません。この問題を解決する方法はないでしょうか？ JavaScriptについては、数日前からネットで調べ始めたばかりのもので全く知識がありません。どうか、宜しくお願いします。
- 締切済み
- JavaScript
RSSでアメブロの画像をサイトに表示させたい
自社サイトにquery.zrssfeed.min.jsを使ってアメブロの画像を表示させたいと考えております。下記のソースコードですが、サイトに表示されません。正常に表示できるよう教示頂けますでしょうか <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript" src="js/jquery.zrssfeed.min.js"></script> <script type="text/javascript">// <![CDATA[ $(document).ready(function () { $('#rss').rssfeed('http://rssblog.ameba.jp/creamg/rss.html',{ snippet: false }, function(e) { $(e).find('div.rssBody').vTicker({ showItems: 3 }); }); }); // ]]></script> <div id="rss"> </div>
- 締切済み
- HTML
ブログパーツのjquery利用について
ブログパーツでjqueryを使用してhtmlなどを出力したいのですが、思い通りの動作ができません。 jsファイルの中身 ------------------------------------------------------------ document.write("<script type='text/javascript' src='http://hoge.com/jquery.js'></script>"); document.write('<link rel="stylesheet" type="text/css" href="http://hoge.com/hoge.css">'); $(function() { $("div").html("<p>aaaaaaaaa</p>"); }); document.write('<div></div>'); ------------------------------------------------------------ これじゃあ、ほかのサイトからjsを読み込んでも出力されないのでしょうか？（<script src="http://hoge.com/hoge.js"></script>） document.write("<div>aaa</div>");だけであれば、ちゃんと出力されるのでjqueryの記述がおかしいのだと思います。ご教授お願いいたします。
- ベストアンサー
- AJAX
クラスのcolor　「#ff0000;」を表示
ＣＳＳのクラスsampleのcolor　「#ff0000;」を表示する方法を教えてください。 // cssの部分 .sample　｛　　　color: #ff0000; ｝ // html内　ＪａｖaScriptの部分 <script type="text/javascript"> function () { var element = document.getElementById("sample"); var samplecolor = element.style.color; } </script> <span id="samplecolor"></span> //----------結果------------------- #ff0000;
- ベストアンサー
- JavaScript
JW Playerの"file"にURLに付けた引数を代入したいです。
JW Playerの"file"にURLに付けた引数を代入したいです。たとえば http://example.com/example.html?abcd.mp4 とした場合、example.html内のhtmlコードが <script type='text/javascript' src='swfobject.js'></script> <div id='mediaspace'>This text will be replaced</div> <script type='text/javascript'> var so = new SWFObject('player.swf','mpl','800','600','9'); so.addParam('allowfullscreen','true'); so.addParam('allowscriptaccess','always'); so.addParam('wmode','opaque'); so.addVariable("type", "lighttpd"); so.addVariable('file','abcd.mp4'); so.addVariable('controlbar','over'); so.write('mediaspace'); </script> となるようにしたいです。お力添えお願い申し上げます。
- ベストアンサー
- JavaScript
SWFObject使用時のリキッドデザイン
SWFObjectを使用してフラッシュのプラグインがない場合は他のソースを読み込み、ある場合はフラッシュをリキッドデザインで表示するように作っています。しかし、リキッドデザインのフラッシュが表示される時に高さを100%にしているのもかかわらず、180pxくらいで表示が切れてしまいます。この現象はIEで起きてしまい、GoogleChromeでは正常に動作しました。他のブラウザでは試していません。自分ではこれ以上どこを修正すればいいか分かりません。どなたかお知恵を貸してください。よろしくお願いします。ブラウザIE8、GoogleChrome4.1.249.1045 スクリプトSWFObject2_2を使用しています。以下、HTMLのソースです。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="main" lang="en" xml:lang="en"> <head> <title>SWFObject 2 static publishing example page</title> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <script type="text/javascript" src="js/swfobject.js"></script> <script type="text/javascript"> var flashvars = {}; var params = { quality:'high', scale:'showall', salign:'lt', bgcolor:'#eeeeee', allowScriptAccess:'sameDomain'}; var attributes = {}; swfobject.embedSWF("test.swf", "id", "100%", "100%", "9.0.0", "expressInstall.swf",flashvars,params,attributes);</script> </head> <body> <div id="id"> <p>プラグインが入っていません。</p> </div> </body> </html>
- ベストアンサー
- JavaScript
IE6でグーグルマップが表示できない問題です。
以下のようなGoogleマップのScriptを教えてもらい、使用しています。地図に2個の円とオリジナルのマーカーを立てるものです。 ■症状：・IE7/Firefoxでは、完全に表示されます。・IE6では、地図の描画を始めますが、画面がすぐ黒なってしまいます。・下記のScriptの透過度（ fillOpacity: 0.1, など）に関する部分を削除したところ、 IE6で地図とマーカーは表示されましたが、円弧が表示されません。 ■対策したい点：半透明の上品さは捨てても、IE6で地図の機能として円弧のラインを表示させたいと思います。 ------------------------------------------------------------------------------- 教えてください。お願いします。 JavaScriptに関しては、あまり知識がありません。判りやすくお願いします。使っているJavaScript ------------------------------------------------------------------------------- <head> 内、最後部： <script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false'></script> <body> 部： <div id="xx_map" style="width:620px; height:500px;margin:0px auto;" align="center"></div> <script type="text/javascript">  </script> ----------------------------------------------------------------------------- 以上、JavaScript記述終わり。
- ベストアンサー
- JavaScript
ひとつのHTMLファイル内にcanvasでグラフを2つ表示したいのです
ひとつのHTMLファイル内にcanvasでグラフを2つ表示したいのですが表示できなくて困っています。以下のサイトを参考に、それぞれ1つのファイルに1つのグラフを表示はできました。 http://www.html5.jp/library/index.html また、グラフを上下入れ替えると後に書いたほうが有効になるようです。どうしたら表示できるようになるか、わかる方アドバイスをお願いします。以下headタグ以降をそのまま引用です。 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="ja"/> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>グラフ</title> <link href="sample_graph.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="rendering-mode.js"></script>  <script type="text/javascript" src="./html5jp/graph/circle.js"></script> <script type="text/javascript" src="./html5jp/graph/radar.js"></script> <script type="text/javascript"> window.onload = function() { var rc = new html5jp.graph.radar("sample_radar"); if( ! rc ) { return; } var items_radar = [ ["商品A", 3, 3, 2, 3, 1] ]; var params_radar = { aCap: ["A", "B","C", "D", "E"], aMax: 3, aMin: 0, legend: false } ; rc.draw(items_radar, params_radar); }; </script> <script type="text/javascript"> window.onload = function(){ var cg = new html5jp.graph.circle("sample_circle"); if( ! cg ) { return; } var items1 = [ ["A", 9, ], ["B", 3, ], ["C", 0,] ]; cg.draw(items1); }; </script> </head> <body> <div><canvas width="300" height="200" id="sample_radar"></canvas></div> <div><canvas width="300" height="200" id="sample_circle"></canvas></div> </body> </html>
- 締切済み
- JavaScript

アメブロのフリースペースにブログパーツを表示させる

みんなの回答

関連するQ&A

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

アメブロのフリースペースにブログパーツを表示させる

みんなの回答

関連するQ&A

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

カテゴリ
一覧

専門家に質問してみよう
専門家登録