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

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

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

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

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

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


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

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

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

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

【コピペで OK】テキストを枠で囲む(引用部分を作る)サンプル【新エディタ対応】
http://ameblo.jp/amebaskin/entry-12032494889.html

【コピペで OK】テキストを枠で囲む(引用部分を作る)時に色を変更する方法【新エディタ対応】
http://ameblo.jp/amebaskin/entry-12034074960.html

【初心者向け】本文にリストを入れてみる(コピペで OK)【新エディタ対応】
http://ameblo.jp/amebaskin/entry-12035298887.html

【初心者向け】リストのマーカーを変更する方法(コピペで OK)【新エディタ対応】
http://ameblo.jp/amebaskin/entry-12035327546.html


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

【初心者向け】ブログにパソコンに保存された画像を貼り付ける・基本【新エディタ対応】
http://ameblo.jp/amebaskin/entry-12042273486.html

【初心者向け】ブログにパソコンに保存された画像を元のサイズで貼り付ける【新エディタ対応】
http://ameblo.jp/amebaskin/entry-12042297841.html

【初心者向け】画像の貼り付け位置とサイズ変更【新エディタ対応】
http://ameblo.jp/amebaskin/entry-12042297841.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)
前の記事で書いた画像貼り付けの基本ですが、貼り付けた後に位置と、サイズの変更(任意)ができます。
今回はその方法について書いていきます。

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

1.まず普通に画像を貼り付けます
画像を貼り付けると、通常は左寄せになります。

13-1画像位置変更

2.画像の上にカーソルを置くと、メニューが出てきます
現在の位置は左側なので、「中央に配置」を選んでみます。

13-2画像位置変更

3.中央に移動したのを確認します
もう一度メニューを表示して変更すると、再度移動します。

13-3画像位置変更

4.サイズ変更したい時は、どちらかに直接数字を入力します

片方に数字を入れると、もう片方も現在の画像の比率を保った数字が表示されます。

13-4画像位置変更

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

位置変更とサイズ変更は簡単なので、レイアウトに応じてやってみてください。サイズ変更は、あまり大きなサイズにすると元画像がぼやけてしまったりする可能性もあるので、最初から大きめの画像で貼り付けたい時は、元のサイズで貼り付ける設定も試してみてくださいね。
いいね!した人  |  コメント(0)
前の記事では、画像貼り付けの基本について書きました。何も設定せずに貼り付けると、小さめのサイズで記事に貼り付けることになりますが、今回はアップロードしたサイズの画像をそのまま貼り付ける方法について書いていきます。

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

1.画像をアップロードして、貼り付ける前に「小さいサイズで貼り付ける」のチェックを外します
画像は初期状態、外れていないので、クリックして外します。

12-1画像貼り付け元サイズ

2.貼り付けた画像を確認します
これは横幅が 600px なので、編集画面だとちょっとはみ出し気味になっています。

12-2画像貼り付け元サイズ

3.実際の記事を確認してみましょう

大きすぎると、記事の枠からはみ出してしまうので気を付けてくださいね。

12-3画像貼り付け元サイズ

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

大きいサイズで貼り付けたい場合、2カラム(本文が広いタイプの配置)なら 600px、3カラム(メニューが2列の場合)は 430px までにすると、記事からはみ出しません。
いいね!した人  |  コメント(0)
記事に画像を貼り付ける方法について書いていきます。
何度かに分けますが、今回は基本の基本、パソコンに保存されている画像を呼び出してアメブロにアップロードし、それを記事に貼り付ける方法について書いていきます。

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

1.アメブロの編集画面を開き、「画像をアップロードする」ボタンをクリックします

11-1画像貼り付けの基本

2.「参照」をクリックします

11-2画像貼り付けの基本

3.パソコンの中から、使いたい画像を選んでクリックします

Windows の場合は、だいたい「ピクチャ」の中のフォルダに保存されていることが多いですが、保存場所はそれぞれです。画像の保存場所を決めておくのがおすすめです。

11-3画像貼り付けの基本

4.選択した画像にタイトルを付けます(付けなくても OK)

11-4画像貼り付けの基本

5.使いたい画像を、右側の画像からクリックします

11-5画像貼り付けの基本

6.画像が記事に反映されます

11-6画像貼り付けの基本

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

画像貼り付けの基本は以上です。この先の記事では大きいサイズで貼り付ける方法や、位置を変更する方法などについて書いていきます。

いいね!した人  |  コメント(0)
前の記事でリストの作り方を解説しましたが、リストのマーカー(テキストの前のアイコン)は、別の形にすることもできます。
コピペでできる設定方法について、解説していきます。

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

■リストのマーカー種類について

アメブロでは、特に何も指定しないと disc(●)が設定されますが、square(■)なども設定できます。下のようなイメージですね。
  • 白い丸
  • 塗りつぶしの四角
  • アメブロのデフォルト、黒い丸

■コピペ用リストマーカー見本

これを、リストの作り方記事で解説したように、コピペで設定してください。
この見本は1行ずつ違いますが、統一したい時は同じ指定のタグで揃えてくださいね。

<ul>
<li style="list-style-type:circle">白い丸</li>
<li style="list-style-type:square">塗りつぶしの四角</li>
<li style="list-style-type:disc">アメブロのデフォルト、黒い丸</li>
</ul>

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

他に番号付きリストなんかもありますが、今回は割愛しています。デザインや好みに合わせて、リストマーカーもカスタマイズしてみてくださいね。
いいね!した人  |  コメント(0)