こんにちは、パソコンインストラクターの川上雄大です。
※2018年4月18月より、アメブロのプロフィールページが仕様変更になったため、この記事の通りはできなくなりました。
そして、新しいプロフィールページについての記事はこちらになります↓
『【要確認！】アメブロのプロフィールページが変更になりました！』
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ブログを運営していく上で、大切なことはたくさんありますが、今日はそのひとつを。
これは私の場合は、ということなのですが。
私の場合、コメントやメッセージやご紹介をしていただくと、その方のブログを見に行きます。
そして、一番最初に見るところは、
プロフィールページ
なのです。
確かに、何を書いているか、というのももちろん大切なことなのですが、
それよりも何よりも、その方がどんな方なのか！
が知りたいものですから^^;
もちろん、そこにその方がわかるような内容が書かれていれば良いですが、
ま、全部詳しく書かれていなくても、問題はないと思います。
それよりも何よりも･･･
そのプロフィールページから、ブログのページに、最新の記事が書かれているページに行けるようにしておくとよいですね！
特に、プロフィールページの「フリースペース」欄に何か書いている場合は、一番下にブログのトップページへのリンクがあるといいですね。
どんな感じかというと、
まず、マイページの右上の「設定▼」をクリックして、「プロフィール」内の「フリースペース」をクリックします。
まず、文字を入力します。
先に、リンク先のブログのトップページのアドレスをコピーしておきます。
そして、リンクする文字を範囲指定して、右上の「リンクの追加」ボタンをクリックします。
URL欄の文字を一度削除して、そこにペーストします。
リンク先の表示方法は、「同じウィンドウ」がいいでしょう。
そして、「リンク」ボタンをクリックします。
すると、このようにリンクのタグが作成されます。
<a href="http://ameblo.jp/yudai2015" target="_self">Sing a song 川上雄大</a>
さらに、文字を大きくしたい場合は、文字を選択して、「文字サイズ」を選択して数字を選びます。（ここでは「５」にしています。）
そして、下の欄のプレビュー画面で確認します。
あとは、一番下の「保存」ボタンを押して完了です！
と、こんな感じの設定になります。
読む方がスムーズに記事を読んでいただけるように、という考えでして、
これは絶対にしなければならないこと
ではありませんので、悪しからずm(__)m
それから・・・
ちなみに、プロフィールページにヘッダー画像やメニューバーを設置する場合は、
「フリースペース」にコードを入れるとできますので(^^♪
『アメブロ プロフィールページにヘッダー画像とメニューバーを追加する方法』
ちなみに、私の音楽用のプロフィールページはこのようなコードをフリースペースに入れています↓
<div id="profileheader"><a href="http://ameblo.jp/yudai2015/"><img src="http://stat.blogskin.ameba.jp/blogskin_images/20160517/12/d2/ii/p/o11200300yudai20151463456817892.png"></a></div>
<div id="profilemenu"><ul><li><a href="http://ameblo.jp/yudai2015/">ブログ</a></li><li><a href="http://ameblo.jp/yudai2015/entry-12160895073.html">ライブ出演予定</a></li><li><a href="http://blog.ameba.jp/reader.do?bnm=yudai2015">読者になる</a></li><li><a href="https://www.facebook.com/yudai2015/">Facebookページ</a></li><li><a href="http://msg.ameba.jp/pub/send/index?toAmebaId=yudai2015">お問い合わせ</a></li></ul></div><style type="text/css">#profileheader{width:1120px;position:absolute;top:0px;left:0px;}#header{visibility:hidden;height:0px;margin:0;padding:0;}h1 #cntNaviName{display:none;}#header ul#navList{display:none;}#wideContentsArea{background:#FFFFFFF;width:1120px;margin:0 auto;top:0px;}#contentsArea{position:relative; padding-top:305px;width:1120px;}#rightArea{width:660px!important;margin-top:40px}#leftArea{margin-top:40px}#profilemenu{position:absolute;top:300px;left:0px;width:1120px;margin:0 auto;padding:0;height:40px;}#profilemenu ul {width:1120px;margin:0;padding:0;}#profilemenu ul li {padding-left:0px;padding-top:0px;float:left;width:224px;height:40px; }#profilemenu ul li a{font-size:15px;font-weight:bold; color:#FFFFFF/*■文字色*/!important; display:block;text-decoration:none;text-align:center;padding-top:10px;height:30px;background:#000000;/*■背景色*/}#profilemenu ul li a:hover{color:#777777/*■マウスオーバー時文字色*/!important;display:block;text-decoration:none;text-align:center;background:#FFFFFF;/*■マウスオーバー時背景色*/ }#profilemenu ul li a.menu1,#profilemenu ul li a.menu2,#profilemenu ul li a.menu3,#profilemenu ul li a.menu4{border-right:1px solid #FFFFFF;/*■仕切り線色*/}</style>
・・・で、こんな感じです～～
以上、アメブロ運営テクニックでした。
LIDS札幌・ライフデザインスクール
川上 雄大
