カスタマイズ

アメーバブログでの「お問い合わせフォーム」の作り方




レビュー : ★★★★☆

Time   : 46分59秒

形式    : 講義

作成者  : マツダタケヒロ さん
 


《 ここがオススメ 》



「フォームメーラー」を使った、「お問い合わせフォーム」の作り方を
分かりやすく解説した動画です。
一応、アメブロに「フォームメーラー」を載せる方法について
説明されていますが、設置方法は「HTMLタグ」を使用するので、
アメブロ以外の他の無料ブログや、ワードプレスでも設置可能です。




《 この動画の要約 or 詳細 》


まず、「フォームメーラー」に新規登録を行います。

出来上がった「フォームメーラー」のURLリンクを
「お気に入り」に入れて、ブックマークしておきます。

アメブロの「記事を書く」ページで、
「タグ編集エディタ」の場合は、アンカーテキストの文章を書いて、
その部分を反転させて、「リンク」ボタンをクリックします。


URLのところに、先ほどのブックマークした「フォームメーラー」の
URLをペーストして、「お問い合わせ」のページは、
外部のページですから、「リンク先の表示方法」を
「新しいウインドウ」に設定します。


「リンク」ボタンで、編集エリアにHTMLタグが作成されます。


「標準エディター」を使用されている場合も、
アンカーテキストの文字列を編集エリアに記述後、
文字列を反転させて、「リンク」ボタンで
URLを入力し、「リンク先の表示方法」を
「新しいウインドウ」とします。


出来上がりましたら、
自分で、フォームに入力してみて、動作確認を行なってください。




《 一言 》


アメブロには、「メールフォーム機能」が付いていませんので、
この「フォームメーラー」を使った方法は、たいへん便利です。

そして、「フォームメーラー」には、無料版にも関わらず、
「自動返信機能」がありますので、重宝すると思います。

この動画を参考にして、ぜひ「お問い合わせ」フォームを作ってみましょう!

【アメブロ】CSSで記事に蛍光ペンのマーカーを入れる方法

 

レビュー :    ★★★★☆

Time    :  02分50秒

形式     :  講義

作成者  :  パーフェクトマスター アメブロカスタマイズ講座 さん





《 ここがオススメ 》


アメブロの記事の一部分を、蛍光ペンのマーカーを引いたように
表示する方法を分かりやすく解説した動画です。
動画の時間も、わずか2分50秒しかないので、閲覧しやすいです。




《 この動画の要約 or 詳細 》


アメブロの管理画面で、左上の「アメブロ」をクリックして、
左サイドメニューの「デザインの変更」をクリックします。


「適用中のデザイン」、「CSS編集用デザイン」の下の、
「CSSの編集」のリンクをクリックし、
「現在使用中のブログデザインCSS」という編集画面の
一番下にスクロールします。


「その他、拡張があれば記述」という部分の下に
改行を行なって、新しいCSSを追加していきます。


span.marker{
background:#ffff57;
}


※ 今回は、 ” #ffff57 ”  という背景色にしました。


入力したら、保存して記事を確認してみます。



記事に内容を記述するタグは、

< span class=”marker”> テスト記事 テスト記事 </apan>

・・というように記述します。





《 一言 》


こちらの設定方法は、難しくなく簡単ですし、
マーカーの色彩を取り入れることによって、ブログの読者に、
内容がより伝わりやすい記事となりますので、
ぜひ、この「記事にマーカーを引く方法」を取り入れてみたいですね。