So-net無料ブログ作成
検索選択

So-net Blogにブログパーツのメールフォームを付けてみました [blog]


ブログを始めて2年半。nice!をもらったり、コメントをもらったり、充実したブログライフを送ってきました。
もっとコミュニケーションを充実できないかなと思って、いろんなブログを見ていると、BlogMailというブログツールでコミュニケーションができることがわかりました。
そこで、さっそくメールフォームを付けてみることにしました。
BlogMailですが、カンタン設置/登録不要・無料/メールアドレスを知らせない/迷惑メール防止機能などなど、使い勝手も良さそうでした。

まず、BlogMailにアクセスします。
bm-01.png

下のほうにコード作成があります。
メールアドレスを間違えないで入力して、[コードを作成]をクリックします。
bm-02.png

ユーザーIDが作成され、ブログパーツ用のコードが作成されます。
bm-03.png

メールフォームを自分のブログに設置します。
管理ページにアクセスします。デザインをクリックします。
bm-04.png

レイアウトをクリックします。
bm-05.png

サイドコンテンツの+をクリックします。
bm-06.png

カスタムペインをドラッグして、好きなところにドロップします。
bm-07.png

ドロップしたカスタムペインをクリックします。
bm-08.png

タイトル欄は自由に入力し、自由入力欄は先ほど作成されたコードを入力します。
bm-09.png

入力できたら、設定を保存するをクリックします。
bm-10.png

設定を完了しました。と表示されたら、×ボタンで閉じます。
bm-11.png

設定を保存するをクリックします。
bm-12.png

設定を変更しました。と表示されたら、自分のブログにアクセスします。
bm-13.png

おぉぉ、ちゃんとメールフォームができました。
メールが送られるか確認です。入力して、送信をクリック。
bm-14.png

送信確認で[この内容でメールを送信する]をクリック。
bm-15.png

自分のメールアドレスにも、送信した内容が届きます。
ちゃんとメールが届きました。
bm-16.png

皆さんからのメールお待ちしています。
だれか送ってくれるかな??
(迷惑メールはご勘弁)

ちなみに貼り付けたコードはこんなのです。
<!-- ここから -->
<style><!--
#ClicktxBlogMail {
    font-size:11px;
    border:1px solid #ccc;
    padding:7px;
    width:144px;
}
#ClicktxBlogMail div{
    margin-top:7px;
}
#ClicktxBlogMail input, #ClicktxBlogMail textarea{
    font-size:11px;
    width:110px;
}
#ClicktxBlogMail textarea{
    height:100px;
}
#ClicktxBlogMail input.button{
    width:auto;
}
#ClicktxBlogMailCopyRight{
}
--></style>
<script>
    var ClicktxBlogMail={};
    ClicktxBlogMail.UID='xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx';
    (function(){var p=(("https:"==document.location.protocol)?"https://":"http://");
    document.write('<scri'+'pt src="'+p+'tools.clicktx.jp/blogmail/js/blogMail.js" charset="UTF-8"></scri'+'pt>');})();
</script>
<!-- ここまで -->



次回もお楽しみに!!

nice!(137)  コメント(23)  トラックバック(0) 
共通テーマ:パソコン・インターネット

nice! 137

コメント 23

TaekoLovesParis

ごめんなさい、ちょっと私にはムリそうです。
by TaekoLovesParis (2013-05-18 00:55) 

シラネアオイ

こんにちは!
nice!&ご来訪ありがとうございます!!
by シラネアオイ (2013-05-18 10:10) 

繭

【The Way The Story Goes】へいらして下さってありがと♪
何か分らないことがあったら教えて下さい((b´∀`))ネ♪
by (2013-05-18 10:21) 

lamer

「イメージ・2」にご訪問いただき有難うございます。
自分の場合は出来るだけ沢山の方のブログに伺って押しね下ではありませんが伺った印にnice!を押させていただくようにしています。
それが自分には合っているので此れからも出来るだけ伺って色々なブログを拝見して勉強したいと思っています。
by lamer (2013-05-18 11:36) 

miffy

ご訪問&niceありがとうございました
私もBlogMail使ってます。
by miffy (2013-05-18 21:18) 

センニン

ご訪問 & nice! ありがとうございました。
このパーツ、以前から使っています。
便利ですね。
by センニン (2013-05-18 23:39) 

yakko

お早うございます。
お越しいただき有り難うございます。♩
by yakko (2013-05-19 08:27) 

月夜のうずのしゅげ

ゆっくり考えてみます。
by 月夜のうずのしゅげ (2013-05-19 11:45) 

beny

ご訪問とniceをありがとうございました。何だか便利そうですね。
by beny (2013-05-19 12:25) 

raomelon

ご訪問ありがとうございます^^
by raomelon (2013-05-19 12:53) 

すもも

ご訪問&niceありがとうございます。
by すもも (2013-05-21 01:36) 

サンダーソニア

別のブログパーツですがつけています。
by サンダーソニア (2013-05-21 09:02) 

coo

つかってみようかと思います!(^^)!
by coo (2013-05-22 08:48) 

原みつる

訪問&nice!ァリガト―(w>ω<w)―ゥッ☆
by 原みつる (2013-05-22 19:28) 

アニ

始めましてアニと申します。先日は訪問&nice!ありがとうございました。これからちょくちょく寄せていただきたいと思いますので、どうぞよろしくお願いいたします。
by アニ (2013-05-22 21:04) 

るぐっちぃ

こんにちは!
ご訪問&nice!ありがとうございます。
私もサイドバーにmail欄を設けてます。でも一番下にセットしたので未だにゼロですが(笑)
by るぐっちぃ (2013-05-23 12:17) 

みかん

設置しようかなと思っていたら この記事を発見☆
細かい説明を書いてくださっているので
すぐに出来ました^^
ありがとうございます♪
by みかん (2013-05-28 13:40) 

assimane

みかんさん、お役にたてたようで、記事を書いた甲斐がありました。
これからもよろしくお願いします。
by assimane (2013-05-28 20:29) 

テレーズ♪

この記事は以前から読ませて頂いていて
興味があります。
by テレーズ♪ (2013-05-29 13:52) 

assimane

テレーズ♪さん、コメントありがとうございます。
また、来てくださいね。
テレーズ♪さんの記事も読ませてもらってます。
by assimane (2013-06-16 18:30) 

森のノーム

はじめまして 森のノームといいます
ブログを始めてひと月ほどです。まだ分からないことばかりで…
assimaneさんの説明はとても丁寧で分かりやすいです!ありがとうございました。また参ります^^


by 森のノーム (2014-09-28 08:02) 

assimane

森のノームさん、いつもnice!&コメントありがとうございます。
分からないことは遠慮なく訊いてください。
こちらこそ、よろしくお願いします。
by assimane (2014-09-28 08:15) 

sonyubis

So-net Blogにブログパーツのメールフォームを付けてみました

上記に説明のとおり設定しましたらメールフォーム出来ました。
有難うございました。
未だブログやり始めたばかりです。
よろしくお願い致します。

by sonyubis (2015-12-25 10:04) 

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

※ブログオーナーが承認したコメントのみ表示されます。

Facebook コメント

トラックバック 0