まぐまぐ!メルマガ登録フォームのカスタマイズ | アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開!

アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開!

カスタマイズ,アクセスアップ,カスタム,スキン,依頼,料金,スキン作成,スキンのデザイン,オリジナル,CSSの編集,HTML,JavaScript,ヘッダー,ヘッダーデザイン,広告,非表示,フリープラグイン,フリースペース,メッセージボード,改造,オリジナルデザイン

この度、まぐまぐ!からメルマガを発行することになりました!

企業の集客目的や、アクセスアップを目指してブログを書かれている方に対象に
やじるしブログカスタマイズ成功法~ブログコンサルタントの集客技術別ウィンドウ
と題して、スタートします手紙
興味がある方は、是非、購読のご登録していただければ嬉しく思いますaya


今回、まぐまぐ!を使用するにあたり、
このブログに合うようにと、デザインのカスタマイズをしてみましたァゲァゲ
※右のサイドバー最上段をご参照ください。

意外と簡単にカスタマイズできたので、
みなさんにも更に購読数が増えるよう、編集していただけたらなと思います。

よく見かけるのが、せっかくサイドバーを広くとっているのに
まぐまぐ!の登録フォームがデフォルトのままで
狭くなっていたりと、少々残念な感じに…ガーーン…

そして、フリープラグインには文字数制限があるので
出来る限り、無駄なコードを削除はさみしてみました。


【まぐまぐ!メールマガジンフォームのカスタマイズ方法】

[ビフォー]
まぐまぐ!メルマガ登録フォーム[ビフォー]
→[アフター]
まぐまぐ!メルマガ登録フォーム[アフター]


1下記の赤文字を入力する。

2各色や、各サイズをカスタマイズする。
やじるし文字のカラーコードを知る

3フリープラグインに追加挿入する。

4サイドバーに配置する場合は、何を置いても最上段に配置をおススメいたします。

<div style="width:170px/*←横幅*/; padding:5px;text-align:center;font-size:12px;color:#000;border:3px solid #0099ff/*←枠太さ 枠種類 枠色*/; background-color:#f8fcff/*←枠内背景色*/;">
<div style="font-size:10px;color:#0099ff/*←「メルマガ購読・解除」文字色*/;">■ メルマガ購読・解除 ■</div>
<div style="background-color:#d6efff/*←フォーム背景色*/; padding:5px;margin:3px;">
<a href="http://www.mag2.com/m/メルマガID.html" style="font-size:14px/*←メルマガタイトル文字サイズ*/; color:#000000/*←メルマガタイトル文字色*/; font-weight:bold;">メルマガタイトル</a>
<form name="mag2-form" action="http://regist.mag2.com/reader/Magrdop" method="POST" style="margin:8px 0 0;"><input type="hidden" name="magid" value="前のいくつかの0を抜いたメルマガID" /><input type="hidden" name="reg" value="hakkou" /><label><input type="radio" name="op" value="reg" title="購読" checked="checked" />購読</label> <label><input type="radio" name="op" value="unreg" title="解除" />解除</label>
<input type="text" name="rdemail" value="" size="22" title="メールアドレス" /><br /><a href="http://www.mag2.com/read/index.html" style="color:#000; font-size:10px;">読者購読規約</a> <input type="submit" value="送信" title="送信" /></form>
</div>
<div style="text-align:right;">≫<a href="http://archive.mag2.com/メルマガID/index.html" style="color:#000;">バックナンバー</a></div>
</div>


前のいくつかの0を抜いたメルマガIDは、
IDが [0001057003] の場合、[1057003] を入力するという意味です。


by ブログデザイナー@あめまり