▲PAGE TOP

twitterアカウントを取得する



  1. https://twitter.com/signup にアクセスする
  2. アカウント作成に必要な情報を登録してアカウントを作成する
  3. 終了

メールアドレス”なし”のFC2掲示板の外部入力フォームを設置する



  1. レイアウト>ガジェットを追加をクリックする
  2. HTML/Javascript を選ぶ
  3. タイトルは任意、コンテンツにタグ(1)をコピペする
  4. ★部分にFC2掲示板のURLに変更する
  5. 保存して終了



<style>
#font-needs {
font-size: 10px ;
color: #cc0000 ;
}
#bbs-title {
font-size: 20px ;
font-weight: bold ;
color: #ffffff ;
}
#bbs-comment {
font-size: 12px ;
font-weight: normal ;
color: #ffffff ;
}
#bbs-button {
margin-left: 25px ;
background-color: #cc0000 ;
color: #ffffff ;
font-weight: normal ;
padding: 5px ;
border: 0px ;
}
</style>
<br /><br />
<form id="bbsform" name="fc2BBSform" action="http://★★★★★★.bbs.fc2.com/" method="POST" enctype="multipart/form-data"> <input type="hidden" name="act" value="post" />
<table style="width: 100%; background-color: #a7103a;" cellpadding=5><tr><td>
<font id="bbs-title">Enter New INFO or COMMENT on BBS</font> <font id="bbs-comment">投稿した内容は「<a href="http://★★★★★.bbs.fc2.com/"><font color=#ffffff> 掲示板 </font></a>」に掲載されます。</font>  </td></tr> <tr bgcolor=#ffffff><td>
<table cellpadding=5 width="100%"><tr>
<td valign=top>
Pen name ペンネーム<span id="font-needs">(Required 必須)</span><br />
<input type="text" id="name" name="name" value="" size="30" />
</td>
<td valign=top>
Title タイトル<br />
<input type="text" id="title" name="dai" value="" size="50" />
</td>
</tr>
<tr><td colspan=2>
Message メッセージ<span id="font-needs">(Required 必須)</span><br />
<textarea id="message" name="msg" rows="5" cols="70"></textarea>
</td></tr>
<tr><td colspan=2>
<table cellpadding=3><tr><td>
アップロードする画像<br />
<input id="image" type="file" name="file" value="" size="15" />
</td><td>
Passward<span id="font-needs">(Required 必須)</span><br />
<input id="pass" type="password" name="pwd" value="" size="12" class="form-pass" />
</td><td align=right>
<input id="bbs-button" class="button" type="submit" value=" Post 投 稿する " />
</td></tr></table>
</td></tr></table>
</td></tr></table>
</form>
<br /><br />



FC2掲示板の外部入力フォームを設置する



  1. レイアウト>ガジェットを追加をクリックする
  2. HTML/Javascript を選ぶ
  3. タイトルは任意、コンテンツにタグ(1)をコピペする
  4. ★部分にFC2掲示板のURLに変更する
  5. 保存して終了


タグ(1)

<style>
#font-needs {
font-size: 10px ;
color: #cc0000 ;
}
#bbs-title {
font-size: 20px ;
font-weight: bold ;
color: #ffffff ;
}
#bbs-comment {
font-size: 12px ;
font-weight: normal ;
color: #ffffff ;
}
#bbs-button {
margin-left: 25px ;
background-color: #cc0000 ;
color: #ffffff ;
font-weight: normal ;
padding: 5px ;
border: 0px ;
}
</style>
<br /><br />
<form id="bbsform" name="fc2BBSform" action="http://★★★★★★★.bbs.fc2.com/" method="POST" enctype="multipart/form-data"> <input type="hidden" name="act" value="post" />
<table style="width: 100%; background-color: #333333;" cellpadding=5><tr><td>
<font id="bbs-title">COMMENT</font> <font id="bbs-comment">投稿した内容は「<a href="http://webmaster12345.bbs.fc2.com/"><font color=#ffffff> 掲示板 </font></a>」に掲載されます。</font>
</td></tr></table>
<table cellpadding=5 width="100%"><tr>
<td valign=top>
ペンネーム<span id="font-needs">(必須)</span><br />
<input type="text" id="name" name="name" value="" size="30" />
<br />
タイトル<br />
<input type="text" id="title" name="dai" value="" size="30" /><br />
</td>
<td valign=top>
メールアドレス<br />
<input type="text" id="mail" name="email" value="" size="35" /><br />
話題にするページ/ウェブサイトのURL<br />
<input type="text" id="site" name="site" value="" size="35" />
</td>
</tr>
<tr><td colspan=2>
メッセージ<span id="font-needs">(必須)</span><br />
<textarea id="message" name="msg" rows="8" cols="70"></textarea>
</td></tr>
<tr><td colspan=2>
<table cellpadding=3><tr><td>
アップロードする画像<br />
<input id="image" type="file" name="file" value="" size="15" />
</td><td>
パスワード<span id="font-needs">(必須)</span><br />
<input id="pass" type="password" name="pwd" value="" size="12" class="form-pass" />
</td><td align=right>
<input id="bbs-button" class="button" type="submit" value=" Post 投 稿する " />
</td></tr></table>
</td></tr></table></form>
<br /><br />

メールマガジン配信テンプレート








━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイト名 メールマガジン
www.******.com
配信日 {YEAR}年{MONTH}月{DAY}日 {WEEK-JP}曜日
不定期発行
───────────────────────────────────
【今回の目次】
(1) お知らせ
(2) お知らせ
(3) お問い合わせ先
(4) 配信の停止/メルアド変更
(5) 配信元
【Facebook 公式ページ】
https://www.facebook.com/*****
【twitter 公式ページ】
https://twitter.com/******
■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■
(1) お知らせ



──────────────────────────────────
(2) お知らせ
───────────────────────────────────
(3) お問い合わせ先
 お問い合わせはメールにて受け付けています。
お問い合わせ先: info@******.com
───────────────────────────────────
(4) 配信の停止/メルアド変更
 このメルマガは、{EMAIL}宛に配信しています。
▼配信を停止する場合は下のアドレスをクリックして下さい。
{DELURL}
▼メールアドレスを変更する場合?
******************* 変更する
───────────────────────────────────
(5) 配信元
 運営会社名 を入力
公式ホームページ: http://www.*****.com
メールアドレス: info@******.com
Facebook: https://www.facebook.com/******
twitter: https://twitter.com/******
■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■
{YEAR}年{MONTH}月{DAY}日{HOUR}時{MINUTE}分{SECOND}秒 {WEEK-JP}曜日
powered by 0102030405.com

メールマガジンのメニュー(登録/変更/解除)を設置する



  1. 以下にあるタグ(1)を入力する
  2. *****の部分には画像URL、登録フォームURL、変更/解除ページURLに書き換える
  3. 保存して終了

タグ(1)

<style>
#menu-mailmagazine a {
color: #4ed71e ;
line-height: 2 ;
text-decoration: none ;
}
</style>
<br /><br />
<div id="menu-mailmagazine">
<center>
<img src="http://******/img/img-mailmagazine.png" /><br />
<table width=285px cellpadding=15 cellspacing=1 bgcolor="#4ed71e"><tr>
<td align=left bgcolor=#ffffff>
<a href="http://******/cgi-bin/mm/form.cgi" target="_blank">メールアドレスを登録する</a><br />
<a href="http://*****.html">メールアドレスを変更/解除する</a>
</td></tr></table>
</center>
</div>

登録フォームのURL
登録フォームのURLは以下の手順で調べます。
  1. acmailerの管理画面>メルマガ登録フォーム(フォーム設定)を開く
  2. フォーム設定の下部にある「フォームをプレビュー」をクリックする
  3. プレビューされたフォーム画面のURLが登録フォームのURLです


メニューのタイトル画像




メールマガジンのメールアドレス変更/解除ページを作成する



  1. ページにタグ(1)を挿入する
  2. *****にはメールマガジン配信システムのドメインに書き換える
  3. 保存して終了


<style>
#font-mm {
font-size: 20px ;
color:  ;
font-wight: bold ;
}
#hr-mm {
  border:none;
    border-top:solid 1px #999999;
    height:1px;
    color:#FFFFFF;
    margin: 0 6 0 6;
 }

</style>

<table style=" width=100% " cellpadding=20px><tr><td align=left>
<font id="font-mm">メールアドレスを変更する</font>
<hr id="hr-mm">
登録しているメールアドレスを変更するには、(旧)に現在登録中のメールアドレス、(新)に変更するメールアドレスを入力をして「変更」をクリックしてください。<br>
<br>
現在登録中の情報を変更したい場合は、登録中のメールアドレスを解除してからもう一度登録を行ってください。
<bR><br>

<center>
<form action="http://*******/cgi-bin/mm/reg.cgi" method="post" target="_blank">
  <table border="0" cellspacing="3" cellpadding="0" style="width:250px; border:solid 1px #CCC; background-color:#FFF; text-align:left; border-collapse:separate; border-spacing:3px;">
    <tr>
      <td style="width:250px; background-color:#4ed71e; color:#FFF; font-size:14px; font-weight:bold; padding-top:3px; padding-bottom:2px; text-align:left; padding-left:4px; padding-right:0px;">登録アドレス変更</td>
    </tr>
    <tr>
      <td style="width:250px; background-color:#FFF; padding:0px;"><div style="float:left;">
          <p style="font-size:13px; margin:0; padding-left:5px;">
            旧<input type="text" name="oldemail" style="height:16px; width:143px; margin-top:5px; margin-bottom:1px; margin-left:5px;"></p>
          <p style="font-size:13px; margin:0; padding-left:5px;">
            新<input type="text" name="newemail" style="height:16px; width:143px; margin-top:5px; margin-bottom:1px; margin-left:5px;"></p>
        </div>
        <div style="float:right;">
          <input type="submit" value="変更" name="submit" style="margin-top:33px; _margin-top:35px; _padding:1px 3px;">
    <input type="hidden" name="reg" value="edit"><input type="hidden" name="encode" value="文字コード">
        </div></td>
    </tr>
    <tr>
      <td style="width:250px; background-color:#FFF; padding-left:0px; padding-right:0px; padding-top:4px; padding-bottom:2px; _padding-bottom:0px; _padding-top:0px;">
 
         
        </td>
    </tr>
  </table>
</form>                  

</center>
<bR><bR><br>

<font id="font-mm">メールアドレスを解除する</font>
<hr id="hr-mm">
メールマガジンの配信を解除(停止)したい場合は、登録中のメールアドレスを入力し「解除」をクリックしてください。<br>
<br>
<center>
<form action="http://******/cgi-bin/mm/reg.cgi" method="post" target="_blank">
  <table border="0" cellspacing="3" cellpadding="0" style="width:250px; border:solid 1px #CCC; background-color:#FFF; text-align:left; border-collapse:separate; border-spacing:3px;">
    <tr>
      <td style="width:250px; background-color:#4ed71e; color:#FFF; font-size:14px; font-weight:bold; padding-top:3px; padding-bottom:2px; text-align:left; padding-left:4px; padding-right:0px;">メルマガ登録解除</td>
    </tr>
    <tr>
      <td style="width:250px; background-color:#FFF; padding:0px;"><input type="text" name="email" style="height:16px; width:143px; margin-top:5px; margin-bottom:1px;"><input type="submit" value="解除" name="submit" style="margin-top:9px; margin-left:3px; _padding:1px 3px;"><input type="hidden" name="reg" value="del"><input type="hidden" name="encode" value="文字コード"></td>
    </tr>
    <tr>
      <td style="width:250px; background-color:#FFF; padding-right:0px; padding-left:0px; padding-top:4px; padding-bottom:2px; _padding-bottom:0px; _padding-top:0px;">
 
     
        </td>
    </tr>
  </table>
</form>
                     
<bR><bR>
</center>
</tD></tr></table>






acmailerのシステム設定とロゴとフォームのカスタマイズをする


システムの設定を変更する
  1. MENU>各種設定>システム設定をクリックする
  2. タイトル : 「***** メールマガジン配信システム」に変更する(****はサイト名)(任意)
  3. カウンター表示: チェックを外す
  4. メルマガ登録・削除 メール設定: 管理者にメールを送るのチェックを外す
  5. 次にMENU>メルマガ登録フォーム でフォームURLを「公開する」を選ぶ
  6. 登録フォームの設定をする使用にチェックを入れること)
  7. 更新をクリックして終了


ロゴを変更する
  1. /cgi-bin/mm/img/logo.jpgをダウンロードする
  2. ウェブサーバー内のlogo.jpgは削除する
  3. logo.jpgをPhotoshopで編集する(JPGで保存、大きさ 233×46px に限定
  4. logo.jpgを/cgi-bin/mm/img/にアップロードする


フォームの背景色(その他)を変更する
  1. cgi-bin/mm/css/form.css をダウンロードする
  2. ウェブサーバー内のform.cssは削除する
  3. form.cssを開き、背景色などを変更して保存
  4. form.cssをcgi-bin/mm/css/内にアップロードして終了



acmailerをインストールする



  1. http://www.acmailer.jp/download/index.html を開く
  2. #!/usr/bin/perl(標準) のままダウンロードする
  3. install.cgi をサーバーにアップロードする (例.../cgi-bin/mm/install.cgi )
  4. インストールの手順に従ってパーミッションを変更する( mmフォルダは777、install.cgiは755 )
  5. /cgi-bin/mm/install.cgi にアクセスしてインストールを実行する
  6. サーバー内のinstall.cgi を削除する (忘れずに!)
  7. 初期設定画面で情報を登録する
  8. IDとパスワードを控える

■━━━━━━━━━━━━━━━━━━━━━━━━
メールマガジンシステム  ACMAILER
URL: http://*****/cgi-bin/mm/login.cgi
━━━━━━━━━━━━━━━━━━━━━━━━━
ID
PASS









フッターを最下部に表示させ、かつ中央にセンタリングする場合は?


コンテンツに何もない状態でフッターを表示させると、中央に浮かぶように表示されます。

フッターをabsoluteで配置すると、上の図のように左下隅にフッターが表示されます。

CSS {
position: absolute ;
bottom: 0 ;
}


最下部に表示させ、かつ中央にセンタリングする場合は?

<style>
#table-footer {
  position: absolute ;
     bottom: 0;
left: 50% ;
right: 50% ;
margin-left: -490px ;
width:980px;
height: 142px ;
}
</style>
<table id="table-footer" cellpadding=0 cellspacing=0><tr><td>
</td></tr></table>









COMMENT 投稿した内容は「 掲示板 」に掲載されます。
ペンネーム(必須)

タイトル

メールアドレス

話題にするページ/ウェブサイトのURL
メッセージ(必須)
アップロードする画像
パスワード(必須)