- ベストアンサー
アメブロのメッセージボードを全ページに表示する方法
- アメブロに登録フォームをつくりたいと考えています。その際、メッセージボードに登録フォームをつくり、全ページに表示する方法を教えてください。
- 検索して参考にしたサイトを試してもうまくいきません。試した方法として、フリーブラグインをコピーして貼り付けましたがダメでした。
- どうしてもメッセージボードを全ページに表示する方法がわかりません。困っています。助けてください。
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
1 下記をCSSへ追記する(位置は調整してください) .skinMainArea{ margin-top:200px;/* 入力ホームを入れられる高さ */ } #inf01{ position:absolute; top:500px;/* 入力フォームの位置 */ left:300px;/* 入力フォームの位置 */ z-index:100; } .skinFrame2{ margin:auto;/* 自動中央寄せ */ position:relative;/* 起点指定 */ width:980px; } 2 フリープラグインへ追記する <div id="inf01"> 入力フォームのタグ </div>
その他の回答 (2)
- kiyoto-777
- ベストアンサー率74% (133/178)
1.メッセージボードは、ブログのホームしか表示されません。 よって、メッセージボードを使用しないようにして、入力フォームを 記事前に配置させます。。 メッセージボードの内容を消さない場合は、メッセージボードの上に表示されます。 2.フリープラグインへ下記を追記(前回答はフリープラグインから消してください) <script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script> <script type="text/javascript"> $(function(){ var et01w ='<p class="et01">入力フォームのタグ</p>'; $(".skinMainArea").before(et01w) }); </script> 3. 後は、CSSで入力フォームを整えてください
- kiyoto-777
- ベストアンサー率74% (133/178)
1.質問のスクリプトは旧スキンのものです。 2.あなたの使っているデザイン(スキン)は、新スキンですか? 3.新スキンの場合は、下記のようにフリープラグインへ追記してください (入力フォームのタグは、変えてください) <script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script> <script type="text/javascript"> $(function(){ var et01w ='<p class="et01">入力フォームのタグ</p>'; $(".skinMessageBoard").after(et01w) }); </script> 4.入力フォームを入れたいのは、メッセージボードですか? それとも、記事内ですか? メッセージボードの場合は、ブログのホームのページしか表示されません。 どこに表示したいのでしょう? コンテンツ内やコンテンツ外にも設置はできます。
補足
回答いただきありがとうございます。 私が使っているには新スキンでした。 教えていただきましたプログラムをいれることで、メッセージボードに 表示させることができました。 私がやりたいことを具体的にいいますと ・全ページのメッセージボードの位置に入力フォームをつけたい ・メッセージボードだけではなく、全記事の下にも入力フォームへの リンクをつけたい(デザインをクリックすると入力フォームへいくようにしたい) です。 いろいろとネットを検索すると可能なようですが、やり方がわからず困っています。 新スキンでのやり方を教えていただけないでしょうか? すいませんが お願いします。
補足
回答いただきありがとうございます。 トップページにしか表示できない件 了解しました。 回答いただいた「入力フォームのタグ」という部分に 普通に文字をいれると しっかりと表示されるのですが 入力フォームを表示させるHTMLを入れると 何も表示されなく なります。 この入力フォームのHTMLは普通のホームページにいれると しっかりと表示されています。 なぜ、表示されないのか教えてもらえないでしょうか? 重ね重ねで大変申し訳ないのですがよろしくお願いします。