アメブロ初心者限定!基本をマスターして脱アメブロ初心者~アメブロの基本がわかるblog~ -4ページ目

読者登録300人突破!ありがとうございます!

☆読者登録300人突破!ありがとうございます!



ドーモです!木村です!



読者数が300人突破しました!

これからもまい進していきたいと思います!

目指せ読者数1000人からです!



読者登録いただいた方に感謝します!

ありがとうございます!



それでは~~!

プロフィール画像の設定の仕方!

☆ プロフィール画像の設定の仕方!



ドーモです!木村です!



ぺタやあなたを印象付けたい時にプロフィール画像は

大事になります!(読者申請時もですね!)



これもやり方は簡単!

画像はご用意くださいね!

あと注意!画像容量は500KBまでです!

これより容量が大きいとアップロードできません!



まず初めに・・・

アメブロ管理画面から

↓↓↓


ネットで完結!パソコン初心者お勧めの稼げるアメブログ~目指せ!ブログで10万円!!~ 


するとこの画面!

↓↓↓



ネットで完結!パソコン初心者お勧めの稼げるアメブログ~目指せ!ブログで10万円!!~ 


「プロフィール画像」をクリックして

↓↓↓


ネットで完結!パソコン初心者お勧めの稼げるアメブログ~目指せ!ブログで10万円!!~ 


記事で使う画像のアップロードとやり方は一緒です!

ファイル形式と画像容量にご注意してくださいね!



一目見てクリックしたくなる画像を使いましょう!

(私は全然普通の画像ですが・・・(笑)


それでは~~!


上部表示で目に止まりやすい!メッセージボードの使い方!

☆ 上部表示で目に止まりやすい!メッセージボードの使い方!



ドーモです!木村です!



メッセージボード?って方はコチラのことです!

↓↓↓



ネットで完結!パソコン初心者お勧めの稼げるアメブログ~目指せ!ブログで10万円!!~ 



この部分を表示させるには・・・

↓↓↓



ネットで完結!パソコン初心者お勧めの稼げるアメブログ~目指せ!ブログで10万円!!~ 


管理画面の「ブログを書く」をクリック!

すると・・・



ネットで完結!パソコン初心者お勧めの稼げるアメブログ~目指せ!ブログで10万円!!~ 

この画面で「メッセージボード」をクリック!

そんでもって・・・

↓↓↓



ネットで完結!パソコン初心者お勧めの稼げるアメブログ~目指せ!ブログで10万円!!~ 

こちらの画面!

できたら「表示を確認する」で仕上がりを確認してね!

文字の折り返しとかを考えて読みやすくしましょう!

OKなら「公開する」をクリックで反映されますよ^^;



上部に表示されるのですぐに伝えたい情報など宣伝するのに

いいですよ!

使うも使わないもあなた次第(笑)


それでは~~!


アメブロ簡単カスタマイズ~メニューバー設置の仕方~

 アメブロ簡単カスタマイズ~メニューバー設置の仕方~



ドーモです!木村です!



ご要望がありましたのでメニューバー設置の方法を、

簡単にご紹介!

ここではボタンの画像を使用したカスタマイズになります!



まずはボタンに使用する画像をご用意ください!

私のメニューボタンのサイズは横180PX高さ30PXです!

そして2つ画像を用意してください!

標準の状態の画像、カーソルが来た時に反転するようの画像です!


私の場合は・・・



ネットで完結!パソコン初心者お勧めの稼げるアメブログ~目指せ!ブログで10万円!!~ 
こちらが普通の状態時の画像




ネットで完結!パソコン初心者お勧めの稼げるアメブログ~目指せ!ブログで10万円!!~ 
カーソルが乗っかると反転する画像



気をつけるのはブログの横幅に対して何個のメニューボタンを作るかで、

ボタンの横幅を変える必要があります!

私はカスタマイズして横幅を900PXにしていてメニューボタン5個なので

900÷5=180です!

この計算で作りました!

作られる方は自分のブログの横幅を確認して何個作るかで計算して横幅だしてください!

これ重要です!



作成した画像はアメブロの画像フォルダにアップロードをして置いてください!

アップロードの方法がわからない方はコチラ!!





css編集の一番下までスクロールさせ、以下を全てコピペし各所を編集、保存してください!

(この行の下からコピーしてね!)

/* —————————————————– */
/* ■メニューバーのCSS    */
/* —————————————————– */
#navlist
{
margin: 10px 0;
width:1000px;
}
#navlist li
{
margin:0;
padding: 0;
display: inline;
list-style-type: none;
text-align:center;
}
#navlist li a{
color: #000000; /* 文字の色 */
background:url(ここにアップロードした画像のURL);
margin:0;
display: block;
list-style-type: none;
text-align:center;
font-size:14px; /* メニューの文字の大きさ */
width:140px; /* ボタンの横幅 */
height:25px; /* ボタンの高さからpaddingを引いた分 */
float:left;
padding:5px 0 0 0;
}
#navlist li a:hover { /* ボタンにカーソルを合わした時 */
color: #ffffff; /* 文字の色 */
background:url(ここにアップロードした画像のURL);
text-decoration:none;
}
/* トップからの位置調整 */
#freespace #navcontainer{
position: absolute;
width:1000px;
top:0px;
z-index: 100;
margin:0 0 10px 10px;
}


赤字のところは人によって異なるのでそれぞれ編集してください。

文字のカラーコードはこちらをご参照ください!

保存したら次は「ブログを書く」⇒「サイドバーの設定」⇒「フリースペースの編集」とクリック。

フリースペースの編集に以下をコピペし各所を編集、保存します。(改行などしない)



<div id="navcontainer"><ul id="navlist"><li><a href="ボタンを押した時のリンク先URL">ボタンの文字</a></li><li><a href="ボタンを押した時のリンク先URL">ボタンの文字</a></li><li><a href="ボタンを押した時のリンク先URL">ボタンの文字</a></li><li><a href="ボタンを押した時のリンク先URL">ボタンの文字</a></li><li><a href="ボタンを押した時のリンク先URL">ボタンの文字</a></li><li><a href="ボタンを押した時のリンク先URL">ボタンの文字</a></li><li><a href="ボタンを押した時のリンク先URL">ボタンの文字</a></li></ul></div>



赤字青字のところは人によって異なるのでそれぞれ編集してください。

またこれはボタンの数が7個の場合なので、ボタンが少ない場合は

<li>から</li>までを削除してください。



私の場合はこれでできました!あとは赤字の部分をプレビュー見ながら、

試行錯誤してやってみてください!


CSS編集は自己責任ですので必ずカスタム前のCSSをコピーし、

メモ帳などに保存をお勧めいたします!


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


私の場合は上記の作業でできましたが、これではできないという方は、

こちらのサイト! を参考にしてください!(より詳しく書かれています)

私もこちらのサイトを参考にカスタマイズしました。

一部赤字の部分は修正しております(私がやってみて有効な部分もありましたので)

CSSは上記のサイトから引用させていただいております。


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


ではここからは自分との戦いです(笑)

それでは~~!




サイドバーコンテンツの配置変更の仕方!

☆ サイドバーコンテンツの配置変更の仕方!



ドーモです!木村です!



サイドバーの配置を変えたいけどわからない!って方にお届けします!

まずはマイページ管理画面↓↓↓



ネットで完結!パソコン初心者お勧めの稼げるアメブログ~目指せ!ブログで10万円!!~ 


ここでもいいよ!



ネットで完結!パソコン初心者お勧めの稼げるアメブログ~目指せ!ブログで10万円!!~ 


開いた画面の・・・

ココ!



ネットで完結!パソコン初心者お勧めの稼げるアメブログ~目指せ!ブログで10万円!!~ 


すると・・・!

この画面!

「サイドバーの配置」をクリック!



ネットで完結!パソコン初心者お勧めの稼げるアメブログ~目指せ!ブログで10万円!!~ 



そしてこの画面!



ネットで完結!パソコン初心者お勧めの稼げるアメブログ~目指せ!ブログで10万円!!~ 


画像をクリックすると拡大しますよ!

お好きな場所に配置してください!

これだけでも印象を変えることができますよ!


それでは~~!

PVアップ!アメブログ(blog)のランキングをUPさせる方法!

☆ PVアップ!アメブログ(blog)のランキングをUPさせる方法!



ドーモです!木村です!



アメブロではユニークアクセスではなくPV(ページビュー)での

ランキング結果になっています!

これをイイ風に解釈すると(笑)



ご訪問者さんが少なくてもたくさんのページを見ていただければ、

PVアップするってことです!

例えば・・・

記事が500記事あったとして一人のご訪問者さんが最初から最後まで

読んだら500PV(ページビュー)です!



たった一人でもたくさん読んでいただければPVがアップして、

ランキングは上がります!

何が言いたいかというとご訪問者さんに読んでいただける記事を書くことが

アメブロランキングを上げる1番でオンリー1の正攻法だと思ってます(笑)



面白い記事、役に立つ記事を書くことがたくさんの読者さんをつけ、

ページも見てもらえます!

私が好きなのは核心には触れてないけど考えるとわかる!っていうような

記事も好きです!わかった時の解放感がなんとも言えません(笑)



いろんな記事に書き方があると思いますが記事力は数稽古!

最初は下手でも書けば書くほど上達します!

実践していけばわかります!




簡単なテクニックとしては記事のどこかに関連する記事のリンクを貼るとか!

これはたくさんのブログをみればみなさんがどのようにやっているかなど

すぐわかりますよ!



たくさん記事がたまってきたら目次ページや関連することのまとめページなんか

作るとPVアップしますね!

私もアメブロでまとめページを作りたいのでガンガン記事書いてます(笑)

一応、目標は1ヵ月以内に100記事!

もう少しですね、なんとか達成できそう!



そんなこんなで長くなっちゃいましたが、早い話が

いいコンテンツがあれば、読者さんも増えるし、PVアップもするってことですね(笑)!



集中して書いたもんで疲れちゃいました(笑)

それでは~~!



記事特定部分に囲み!さらに背景色をつける!

☆ 記事特定部分に囲み!さらに背景色をつける!



ドーモです!木村です!



記事の文章に囲みをつける方法 は以前、

私のブログでもご紹介しました!


こんな感じ

この囲みの中に背景色を入れたいな~っと思っていて、

探していたら見つけました!

これをやるとこんな感じ!


こんな感じ!


どうですか?

より目立ちますね!

記事にメリハリをつけたり、印象付けたい部分を強調する時に便利ですよね!



やり方の説明をして下さっているブログはこちら!



とても丁寧、わかりやすいです!

それでは~~!


キャプチャー画像(スクリーンショット)作成の仕方

☆ キャプチャー画像(スクリーンショット)作成の仕方



ドーモです!木村です!



アメブロ初歩講座というよりパソコン初歩講座ですかね(笑)

キャプチャー画像は今あなたのパソコンの画面に映っているものを

保存することができます!



例えば・・・・

今、私が見ている画面!

↓↓↓



ネットで完結!パソコン初心者お勧めの稼げるアメブログ~目指せ!ブログで10万円!!~ 


この画面とか!

文字での説明が難しい時とかよりわかりやすくする時に、

大変便利な機能です!



画面の撮り方はキーボードの右上にある「PrintScreen」ボタンを押す!

機種によっては「PrtSc」と書かれています!

さらに機種によっては「Fn」ボタン押しながら「PrtSc」ボタンを押すとキャプチャされます!

私のはこのタイプ!



上記の作業をやることで今見ている画面が撮れます!

押した時には何の変化、メッセージ等はでてきませんが撮れてます!



キャプチャした画像を確認、保存する簡単な方法は

ウィンドウズしかわかりませんが・・・(Macはわかりません)笑

付属のぺイントツールを使えば簡単に完成します!



「スタート」→「アクセサリ」の中にあると思います!

「ペイント」開いたらコピペの要領で右クリック→貼りつけで完成!

あとはお好みで編集してください!



画像を保存する時は・・・

アメブロで使える形式・・・

gif jpg pngのどれかで保存してくださいね!

「ファイル」→「名前を付けて保存」

するとこの画面!↓↓↓



ネットで完結!パソコン初心者お勧めの稼げるアメブログ~目指せ!ブログで10万円!!~ 


ファイルの種類の指定をして保存してください!

少し慣れてしまえば手放せない機能になります!



それでは~~!





画像認証を外すことで改善されること!

☆ 画像認証を外すことで改善されること!



ドーモです!木村です!



読者登録画像認証は外していましたがコメント認証は外していませんでした!

外すことで改善されることがあり、それがわかった時には即外しました!

アメブロでまた新しい発見とともに相手への思いやりが、

この作業をすることだけで変わってくると実感しました!



画像認証1つで変わることがあります!

画像認証を外してみませんか?



外し方がわからない方はこちら!



画像認証を外すことでこういった事が改善されます!



それでは~~!


読者登録画像認証、コメント画像認証の外し方!

☆ 読者登録画像認証、コメント画像認証の外し方!



ドーモです!木村です!



画像認証を外したいけど外し方がわからない方にお届けします!

認証を外すと色々とイイ効果もでます!

外せる方は外していきましょう!




まずはマイページ管理画面から

↓↓↓



ネットで完結!パソコン初心者お勧めの稼げるアメブログ~目指せ!ブログで10万円!!~ 


ブログ欄の「設定」をクリック!

開いた画面の中段位かな!?

↓↓↓



ネットで完結!パソコン初心者お勧めの稼げるアメブログ~目指せ!ブログで10万円!!~ 


「コメント画像認証」 「読者登録画像認証」

赤丸のトコロです!

ここで画像認証の有り/無しが選択できますよ!



簡単に外せますのでお試しあれ!

外すことで前に進める方がいます!


それでは~~!