やさしいブログの作り方

「見やすい」「読みやすい」「わかりやすい」「親しみやすい」「伝わりやすい」5つの要素を含んだ『やさしいブログ』を作るためにフリースペースやフリープラグイン、CSSを利用したアメブロカスタマイズや画像の加工方法等をご紹介しています。

NEW !
テーマ:
こんにちは。
『やさしいブログの作り方』の松田です。

お仕事のブログをされている方で、一番需要のあるブログカスタマイズは何と言ってもメニューバーの設置です。

メニューバーはヘッダーエリアと記事エリアの間のところに、観てもらいたい記事へのリンクボタンを設置するカスタマイズになります。

通常は5個程度を横に並べて設置し、各ボタンをメニュー記事やアクセス記事、お客様の声などの記事が表示される仕組みです。


本を見ながら、あるいはやり方を公開しているブログ記事を見ながらでもなかなかうまく行かない人のために、メニューバーを簡単に作れるサイトを作りました。

やさしいブログの作り方

【作成の手順】

【1】まずこちらのサイトにアクセスします。
http://blogsupport.jp/menubar/


【2】メニューバーのボタンの数を選択します。(5個が一般的です。)


【3】リンク先のアドレス1~6のところには表示させたい記事のURLアドレスを貼り付けます。

表示させたい記事を開いて、その記事のタイトル上で右クリック→アドレスをコピーを選択すると記事のアドレスがコピーできます。


【4】ボタンの名前1~6には、ボタンに表示したいフレーズを入れます。

2行にまたがることはできないので、1行に収まるようにだいたい12文字以内を目安に入れて下さい。


【5】ウインドウの表示に関しては、自分のブログ記事へリンクする時は同じウインドウ、ホームページや予約フォームなど外部のサイトにリンクする時は新しいウインドウを選択して下さい。


【6】1~6までが設定できたら最後にメニューバーの色とボタンの丸みを選択して「タグを発行する」をクリックして下さい。

青枠の中にメニューバー設置に必要なタグが表示されますので、枠内の記述を全てコピーします。


【7】フリースペースの編集画面を開いて、編集スペースの最後に貼り付けて保存します。
http://blog.ameba.jp/ucs/profile/srvprofileupdateinput.do

保存後、編集スペースの上に「リクエストは既に処理中であるか無効です 」というメッセージが出たら保存ができていないので再度保存ボタンを押して下さい。


【8】ブログを開いて表示されるか確認します。

表示されていない場合は以下の2点を確認して下さい。

・キーボードのF5キー(Macの場合はコマンドキー+R)を押してページを再読み込みしてみてください。

・マイページ右上の三本ラインのアイコン→サイドバーの配置設定でフリースペースがサイドバーに配置されていなければ使用するに移動させて保存して下さい。


以上で憧れのメニューバーが自分で作れます。^^


【追記】

2016年4月1日より、上記のタグを使ってプロフィールページにもメニューバーが設置できるようになりました。

上記のサイトで作成したタグを以下のプロフィールページのフリースペースに貼り付けるだけで、同じメニューバーがプロフィールページにも表示されます。
http://ucsprofile.ameba.jp/ucs/freespace2/show.do

※サイドバーのフリースペースとプロフィールページのフリースペースは別物なので、それぞれに貼り付ける必要があります。


【追記2】
指定した色や形が確認できるようにサンプルが表示されるようになりました!


よろしれけば動画解説もどうぞ。




最後までお読みいただきありがとうございました。

無料メール講座配信中

これからブログを頑張っていきたい! まずは基本から。
やさしいブログづくりのための、やさしいメール講座(全10回)


やさしいブログ、書籍化!

ブログでビジネスを軌道に乗せるための行動術

ブログを続けていてよかった、そんな気持ちを一人でも多くの人と共有したいと思っています。^^



いいね!した人  |  コメント(106)  |  リブログ(8)

テーマ:
こんにちは。
『やさしいブログの作り方』の松田です。



先日、地元の女性起業家さんが集まるランチ会にゲストスピーカーとして出席してきました。

子供の幼稚園が同じというリアルなママ友さんも何人かいる中で、変な緊張がありました。(笑)

約1時間ほどブログのことをお話させていただきました。


これから積極的に活動していきたいという方が多く、とてもいいエネルギーを感じました。

これからそれぞれの方の活躍が楽しみです。^^




いろいろとお話させていただく中で、特にお伝えしたかったのは

「地道に勝る近道なし」

ということ。


仕事もブログもなんでもそうですが、いきなりうまくいくことはほぼありません。

レンガをコツコツ積み上げていくと家ができるように、一つ一つの仕事や人との出会いを積み上げていくことで自分の道が出来上がります。

途中、蛇行したり行き止まったりすることもありますが、その時は引き返せばいいだけのこと。


人生に無駄な時間はありません。

もし無駄だったと思うなら、それは自分自身が「無駄だった」と解釈しているだけです。

どんな経験や体験も未来の幸せや夢の過程であり、糧になります。


唯一はその実現のために「歩みを止めないこと」、それだけですね。^^


最後までお読みいただきありがとうございました。

無料メール講座配信中

これからブログを頑張っていきたい! まずは基本から。
やさしいブログづくりのための、やさしいメール講座(全10回)


やさしいブログ、書籍化!

ブログでビジネスを軌道に乗せるための行動術


「ブログを続けていてよかった」
そんな気持ちを一人でも多くの人と共有したいと思っています。^^


やさしいブログの仕事術


どんなビジネスも突き詰めれば人対人。
その良好な関係を築くのは、相手をおもんばかる気持ちと行動です。


いいね!した人  |  コメント(0)  |  リブログ(0)

テーマ:
こんにちは。
『やさしいブログの作り方』の松田です。

3月7日に開催予定のセルフパブリッシングセミナーでは、リアル開催と同時にオンライン開催も予定しています。

先日ご紹介したZOOMというビデオ会議システムを使って、ライブ中継のようにして配信します。

今回のオンライン開催には、国内だけでなく海外の方も受講してくださる予定で、大阪にいながら世界規模のセミナーになる予定です。(笑)


やさしいブログの作り方

昨日、そのオンライン開催に向けて映像や音声のテストとリハーサルをやってみました。

写真は目つぶり状態になっていますが(笑)、受講者のパソコンから見ると上のような感じで映ります。

ホワイトボードの字がくっきり映っていますし、映像はiPhoneのカメラでも問題なさそうです。


問題は、音声。

パソコンの前に向かって話すスタイルであれば、パソコンに付いているスピーカーとマイク端子でも十分聞こえます。

しかし、講義スタイルだと端末との距離が遠くなるので、声が聞きづらくなったり、周りの雑音が気になるようになります。


その辺もいろんなパターンを試して、一番クリアな音声入力を適用できました。

オンラインで一番懸念される通信環境は、ケータイ回線でも一度も途切れることもなくスムーズでした。^^

録画もしてみましたが十分見られる画質と音質なので、今後ますますZOOMを使ったオンラインセミナーや講座が増えてくるんじゃないかと思います。


オンラインセミナーをやりたい人向けのオンラインセミナーとか流行るかもしれませんね。(笑)


最後までお読みいただきありがとうございました。

無料メール講座配信中

これからブログを頑張っていきたい! まずは基本から。
やさしいブログづくりのための、やさしいメール講座(全10回)


やさしいブログ、書籍化!

ブログでビジネスを軌道に乗せるための行動術


「ブログを続けていてよかった」
そんな気持ちを一人でも多くの人と共有したいと思っています。^^


やさしいブログの仕事術


どんなビジネスも突き詰めれば人対人。
その良好な関係を築くのは、相手をおもんばかる気持ちと行動です。


いいね!した人  |  コメント(2)  |  リブログ(0)