アメブロスキン制作サービス@シンクマックス

オリジナルデザインで印象に残るビジネスブログを作りましょう!

NEW !
テーマ:
アメブロ初心者向けに、図解で各機能を解説しています。
「アメブロを初めてみたけれど、使い方がわからない」「あの人の使っている機能はどこにあるんだろう」などの要素をインデックスから探してみてください。

このシリーズの、特に初心者向けの内容+オリジナルコンテンツを追加した PDF がダウンロードできます。印刷して手元で確認しつつ進められるので、紙の形で確認したい方には特におすすめです。

なお、登録していただいたメールアドレスにシンクマックスからのお知らせをお送りすることがあります。ご了承の上、ご利用ください。

【アメブロ初心者向け図解資料(PDF・無料)】


- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

■アメブロの登録・初期設定

■とりあえずアメブロに登録して、自分のブログスペースを作りたい

【図解・初心者向け】アメブロの作り方・1(登録~作成まで)【新エディタ対応】
http://ameblo.jp/amebaskin/entry-12025732874.html


■他のブログからアメブロにデータごと引っ越したい

【初心者向け】他のブログから記事ごとアメブロに引っ越しする方法【新エディタ対応】
http://ameblo.jp/amebaskin/entry-12025742494.html


■ブログタイトルと説明文の設定がしたい

【初心者向け】アメブロの作り方・2 ブログタイトル・説明文の設定【新エディタ対応】
http://ameblo.jp/amebaskin/entry-12025783379.html


■ブログの外見を自分のお気に入りにしたい

【初心者向け】ブログデザインとカラムの変更・設定【新エディタ対応】
http://ameblo.jp/amebaskin/entry-12028116968.html


■サイドバーの配置や表示設定の変更がしたい

【初心者向け】サイドバーの配置・設定方法【新エディタ対応】
http://ameblo.jp/amebaskin/entry-12028478262.html


■記事を書く


■テキスト・絵文字にリンクをはりたい

【初心者向け】テキストにリンクをはる方法【新エディタ対応】
http://ameblo.jp/amebaskin/entry-12028516225.html


■読者登録・ペタボタンなどを本文に貼り付けたい

【初心者向け】読者登録・ペタボタンをブログの本文中に入れる方法【新エディタ対応】
http://ameblo.jp/amebaskin/entry-12030948178.html


■本文に枠を付けて、情報をわかりやすくしたい

【初心者向け】テキストを枠で囲む方法(引用タグ・コピペで OK)【新エディタ対応】
http://ameblo.jp/amebaskin/entry-12031274881.html


■引用部分の外観を変えてみたい

【初心者向け】引用の外観をコピー&ペーストで変更する CSS
http://ameblo.jp/amebaskin/entry-10853250204.html


■本文にリストを使ってみたい

【初心者向け】本文にリストを入れてみる
http://ameblo.jp/amebaskin/entry-11017476799.html


■リストのマーカーの外観を変えてみたい

【初心者向け】リストのマーカーを変更する方法【CSS サンプルつき】
http://ameblo.jp/amebaskin/entry-11017567900.html


■記事に画像をきれいに貼り付けたい


■アメブロに画像を貼りたい

【初心者向け】ブログにパソコンに保存された画像を貼り付ける方法(その1)
http://ameblo.jp/amebaskin/entry-10565548051.html


■貼り付ける画像の大きさや位置をコントロールしたい

【初心者向け】ブログにパソコンに保存された画像を貼り付ける方法(その2)
http://ameblo.jp/amebaskin/entry-10577711309.html


■画像の大きさをきれいに変更(リサイズ)したい

【初心者向け】ブログにパソコンに保存された画像を貼り付ける方法(その3)
http://ameblo.jp/amebaskin/entry-10583850631.html


■画像にリンクをはりたい

【初心者向け】ブログにパソコンに保存された画像を貼り付ける方法(その4)
http://ameblo.jp/amebaskin/entry-10588714779.html


■携帯電話・スマートフォンから投稿したい

■携帯電話からメールで投稿・更新してみたい

【初心者向け】携帯電話からアメブロを更新する方法
http://ameblo.jp/amebaskin/entry-10591245196.html


■メッセージボードやフリースペースの編集がしたい

■フリースペースに画像やリンクをはりたい

【初心者向け】フリースペースに画像を貼る方法
http://ameblo.jp/amebaskin/entry-10590419818.html


■メッセージボードの編集がしたい

【初心者向け】メッセージボードの編集方法【新エディタ対応】
http://ameblo.jp/amebaskin/entry-12025357304.html


■プロフィールの編集がしたい

■プロフィール画像の設定がしたい

【初心者向け】プロフィール画像の設定方法
http://ameblo.jp/amebaskin/entry-10689941958.html

■プロフィールの編集がしたい(基本・概要)

【初心者向け】プロフィールの編集方法について
http://ameblo.jp/amebaskin/entry-10706945181.html


■ブログテーマの編集がしたい

■ブログテーマの追加・整理をしたい

【初心者向け】ブログテーマの追加・編集方法
http://ameblo.jp/amebaskin/entry-10642559518.html


■ブログテーマの削除がしたい

【初心者向け】ブログテーマの削除方法
http://ameblo.jp/amebaskin/entry-10789833737.html


■記事ごとにブログテーマの設定がしたい(新規記事・過去記事ともに対応)


【初心者向け】ブログテーマを記事ごとに設定する方法
http://ameblo.jp/amebaskin/entry-10648297974.html


■記事を予約投稿・削除したい


■予約投稿がしたい(記事を公開する日時を指定したい)

【初心者向け】予約投稿の設定方法
http://ameblo.jp/amebaskin/entry-10670802272.html


■書いた記事を削除したい

【初心者向け】記事を削除する方法
http://ameblo.jp/amebaskin/entry-10675638033.html


■アメブロ内外で交流・読者を増やしたい


■ペタのつけ方、管理方法が知りたい

【初心者向け】ペタのつけかたと管理方法
http://ameblo.jp/amebaskin/entry-10706793660.html


■読者登録をしてみたい

【初心者向け】読者登録のやり方と管理方法
http://ameblo.jp/amebaskin/entry-10706846341.html


■アメブロのコミュニティ、グルっぽに参加してみたい

【初心者向け】グルっぽの参加・管理方法
http://ameblo.jp/amebaskin/entry-10721278738.html


■ランキングの設定がしたい


【初心者向け】アメブロランキングの設定方法
http://ameblo.jp/amebaskin/entry-10721178299.html


■アメブロメッセージの管理がしたい


■アメブロメッセージの管理・送信がしたい

【初心者向け】メッセージの管理と送信方法
http://ameblo.jp/amebaskin/entry-10701142514.html


■アメブロのお知らせメールの送信先を追加・変更したい


■お知らせメールの受け取り先を設定・変更したい

【初心者向け】お知らせメールの送付先設定方法
http://ameblo.jp/amebaskin/entry-10690085856.html


■お知らせメールをパソコンと携帯電話、両方で受け取りたい

お知らせメールをパソコン・携帯電話両方で受け取る設定方法
http://ameblo.jp/amebaskin/entry-10690144456.html


■フリープラグイン・CSS の設定方法が知りたい


■フリープラグインの設定がしたい

【初心者向け】フリープラグインの設定方法
http://ameblo.jp/amebaskin/entry-10683423560.html


■CSS の編集方法が知りたい

【初心者向け】CSS 編集が可能なスキンと、編集する場所について
http://ameblo.jp/amebaskin/entry-10852260181.html


■Twitter を使いたい・活用したい


■Twitter をはじめてみたい

【初心者向け】Twitter の登録方法
http://ameblo.jp/amebaskin/entry-10720578895.html


■Twitter にアメブロの更新情報を自動で流したい

【初心者向け】アメブロの更新通知を Twitter に流す方法
http://ameblo.jp/amebaskin/entry-10867092294.html


■Twitter でフォローする人を検索して探したい

【初心者向け】Twitter プロフィール検索の使い方
http://ameblo.jp/amebaskin/entry-10867116425.html


■サイドメニューにメールフォームを設定したい


■忍者メールフォームの登録・設置がしたい

【初心者向け】忍者メールフォームの登録・設置方法1(登録まで)
http://ameblo.jp/amebaskin/entry-10707869227.html

【初心者向け】忍者メールフォームの登録・設置方法2(設定・設置)
http://ameblo.jp/amebaskin/entry-10707880994.html


■アクセス解析を設置したい

■アメブロのアクセス解析の見方を知りたい

【初心者向け】アメブロ付属のアクセス解析の見方について
http://ameblo.jp/amebaskin/entry-10867164372.html


■アクセス解析を設置したい

【初心者向け】無料アクセス解析(Google Analytics)の設置方法
http://ameblo.jp/amebaskin/entry-10720139877.html


■Google アカウントが作りたい

【初心者向け・番外編】Google アカウントの設定方法
http://ameblo.jp/amebaskin/entry-10721771686.html


■Google Analytics の解析用コードがわからなくなってしまった!

【初心者向け・番外】Google Analytics のトラッキングコードを確認する方法
http://ameblo.jp/amebaskin/entry-10720255479.html


■アクセスランキングを設置したい


■サイドバーにアクセスランキングを設置したい(登録まで)

【初心者向け】アクセスランキングを登録・設置する方法
http://ameblo.jp/amebaskin/entry-10844697560.html


サイドバーにアクセスランキングを設置したい(外観の設定方法)

【初心者向け】アクセスランキングの外観を設定する方法
http://ameblo.jp/amebaskin/entry-10844838470.html


■アクセスランキングの URL をブログタイトル・サイト名に変更したい

【初心者向け】アクセスランキングの URL をタイトルに変更する方法
http://ameblo.jp/amebaskin/entry-10844939399.html


■アメブロから広告を外す

■アメブロから広告を外したい

【初心者向け】アメブロの広告を外す有料サービスの申し込み方法【新エディタ対応】
http://ameblo.jp/amebaskin/entry-12026570106.html


■その他小ネタ・トラブル対処法


■編集している記事が消えないように、バックアップのすすめ

【おまけの小技】記事が消えてしまった!の防止方法
http://ameblo.jp/amebaskin/entry-10657598700.html


■ブログの本文が太字(ボールド)になって戻らない時の原因と対処法

【おまけの小技】ブログの本文が太字になって戻らない!時の対処法
http://ameblo.jp/amebaskin/entry-10688224586.html


■記事の保存がうまくできなかった時は

【おまけの小技】「保存ができませんでした」が出た時は
http://ameblo.jp/amebaskin/entry-11038734330.html

- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

このシリーズの、特に初心者向けの内容+オリジナルコンテンツを追加した PDF がダウンロードできます。印刷して手元で確認しつつ進められるので、紙の形で確認したい方には特におすすめです。

なお、登録していただいたメールアドレスにシンクマックスからのお知らせをお送りすることがあります。ご了承の上、ご利用ください。

【アメブロ初心者向け図解資料(PDF・無料)】

- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

このブログが本になりました!


アメーバブログ完全活用マニュアル


 Amazon.co.jp: アメーバブログ完全活用マニュアル

 : 株式会社エレクトリック・ファントム: 本

全国の大手書店でもお買い求めいただけます。これからブログを始めたいという方はもちろん、
アメブロをやっているけど活用しきれていない、もっといろいろな機能を使いたい方にもおすすめの1冊です。
いいね!した人  |  コメント(0)
NEW !
テーマ:
今回は、本文中に引用部分(囲み枠)を作る方法についてです。
と言っても、どういうものかイメージが湧きづらいかもしれませんので、
下に実例を用意しました。

- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -* - * - * -

こういう枠を付けたい時のテクニックについて

コピペでできますよ。

1.普通に記事を書いていき、枠で囲みたいところができたら、「HTML 表示」タブに切り替えます

上部の表示をクリックすることで切り替えられます。

9-1引用タグbr>

2.枠で囲みたいテキストを、以下のタグで囲みます

<div style="border: 1px dashed #CCCCCC; padding: 15px;">枠で囲みたいテキストを入れます</div>

9-3引用タグ

3.「通常表示」に切り替えて確認します

意図したように枠で囲まれているかどうか、確認してみてください。

9-3引用タグ


- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -* - * - * -

「HTML 表示」に切り替えると入力した文字以外にいろいろくっついていますが、
怖いものではありません。ただ、不用意に消さないように気を付けてください。
この引用を使った記事は、こちらで確認できます(テスト用ブログ)。

次回は、この囲みのバリエーション(色違いなど)について書いていきます。
いいね!した人  |  コメント(0)
アメブロの本文に、オフィシャルのイラストボタンを貼り付ける方法です。
ペタ・読者登録・アメンバー・なう・ピグが選べます。

- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

1.ブログの編集画面を開きます

ブログの編集画面を開き、ボタンを入れたい場所にカーソルを置いて「おねだり」ボタンをクリックします。

8-1読者登録・ペタボタン

2.入れたいボタンを選んで、クリックします

ボタンの種類はタブで切り替えられます。好きなボタンを選んでクリックすると、本文に入れることができます。

8-2読者登録・ペタボタン

3.位置を確認します

画像は、途中にテキストが挟まっていたりしても入れることができます。
また、横並びでも縦に並べることもできます(改行すると縦に並びます)。

8-3読者登録・ペタボタン

- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

読者登録をしてもらいたい時などには、ボタンで強調してみるのもいいですね。
いいね!した人  |  コメント(0)
他の記事に誘導したい、他のサイトへのリンクをはりたい時は、リンクを設定します。

書いてあるテキストにリンクをはる方法、テキストとリンクを同時に設定する方法、両方について解説していきます。

- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

1.リンクをはりたいテキストを書きます

記事の編集画面で、リンクを設定したいテキストを書きます。
長さに特別の制限はなく、絵文字などが含まれていても大丈夫です。

7-1テキストリンク

2.テキストを選択して、リンクをはります

リンクをはりたいテキストを選択した状態で、枠の上に並んでいるリンクのボタンをクリックします。

「URL」の欄に、リンク先のアドレスを入力します。通常は同じウィンドウでリンク先が開きますが、下にある「リンク先を新しいウィンドウで開く」にチェックを入れると、別ウィンドウでリンク先が開かれる設定になります。

7-2テキストリンク

3.テキストがないところからリンクをはりたい場合

編集画面の何もない場所を指定(クリック)してからリンクボタンをクリックすると、リンク用のウィンドウが表示されます。
ここに、テキストとリンク先の URL を両方入力して、「決定」ボタンをクリックします。

7-3テキストリンク

4.リンクが設定できたか確認してみましょう

編集画面上では、リンクを設定したテキストはアンダーラインが引かれます。リンク自体は機能していないので、公開した状態で確認してみましょう。

7-4テキストリンク

- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

これでリンクがはれました。別ウィンドウで開く設定は、外部サイト(アメブロ以外)などに飛ばす時に設定するのがおすすめです。

いいね!した人  |  コメント(0)
ブログのサイドバーは、位置変更や使用しない機能を非表示にすることができます。目立たせたいものを上に、必要ないものは除いてすっきり見せてみましょう。

- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

1.デザインの変更をするページに移動します

マイページの上部から「アメブロ」をクリックし、サイドメニューの「設定・管理」をクリックして移動します。

6-1サイドバー設定

2.設定メニューの一覧から、「配置設定」をクリックします

6-2サイドバー設定

3.サイドバーの配置を、ドラッグ&ドロップで変更していきます

3カラムの場合は両サイドのメニューに振り分け、2カラムの場合は左右のどちらかのみに移動できます。
「使用しない機能」に入れたメニューは非表示になります。

6-2サイドバー設定

- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

サイドバーの設定は、何気ない場所ですがすっきりさせるとブログ全体の表示も軽くなり、意外と重要です。
特にビジネスブログなどの場合は、気を付けてみてくださいね。
いいね!した人  |  コメント(0)