ＦＣ２ブログのサイドバーを区切り線で見やすくしたい！

私はＦＣ２ブログでも記事を書いています。

ＦＣ２は記事が書きやすい所が好きですが、テンプレートがあんまりオシャレなのがないし、見にくい・・・・


特に、サイドバーにある【新着記事】や【カテゴリー】が下の画像のようになってるのが多くて↓

タイトルに長文を用いる私のブログでは、こんな風に一つ一つの記事がどこまでなのか？ゴチャゴチャして分からない状態に・・・・


そこで、ネットであれやこれやと調べて、なんとなーくやってみたら成功したので（笑）

忘れないうちに、このブログにメモしておこうと思います！




まずは、ＦＣ２ブログの管理画面から左下にある【プラグインの設定】をクリック、編集したいプラグインの【詳細設定】→赤丸で囲んでる【ＨＴＭＬの編集】をクリックすると下の画面が出てきます。

※赤い囲みは編集でつけたものです↑

元から色々書いてあると思いますが、上記の位置に下をコピペします。

<hr style="border-top: 2px dashed #ff9d9d;width: 100%;">

今回は、破線・ピンクにしました。

色を変えたい場合は、ピンクの文字を変更する。
色はいつも【ＨＴＭＬ色見本】というサイトを参考にさせてもらってます。


線のデザインを変えたい時は、ブルーの文字を変更する。

普通の区切り線　（hr）
点線にする　　　(dotted)
二重線にする　(double)



という事で、プレビューを押して確認したあと、【設定】を押して完成！！！

 こんな感じになりました。

うむ、見やすくなったと思います。シンプルにしたい人は、普通の区切り線に、グレーで薄い区切り線を入れるといいと思います。

Read More →

Bloggerテンプレートの横メニューバーを編集する

今日は、テンプレートのＨＴＭＬを少しいじりました。

タイトル下の横メニューバーの表記を変えてみました。

BloggerのテンプレートのＨＴＭＬは、初心者でも割と編集しやすいかなと思いました。



【ウェジェットへの移動】で、編集したい箇所をすぐ探せるのが便利↓

タイトル下のメニューバーだから【Header１】かなと思い、クリックしたら予想通りその場所に移動出来ました。


んー編集しにきたものの、横メニューバーの上手な活用方法を考えていませんでした・・・

とりあえず、書きたいカテゴリを入力しておきました↑↑


ＵＲＬは、記事が増えてから入力していきたいと思います。



更に、【変更を元に戻す】などの項目も右上にあった。私みたいな初心者は、どういじったか忘れてしまって元に戻せない事があるので・・・でも下手に押すと、編集したすべてが初期状態に戻る訳で・・・慎重に判断しないといけません。

上の画像の中で、分からない項目が【書式テンプレート】。

押してみると、ＨＴＭＬの並び方が変わりました。調べてみると


「書式テンプレート」・・・・押すと、それぞれのタグが正しくインデントづけされて表示されます。

要するに、より見やすく整理されるって事かな？

とりあえず、説明読んでもピンとこないのでそう理解しときます！（笑）

Read More →

初心者Bloggerの勉強タイム！

Bloggerでブログをはじめて、色々つついてみたけど難しいー


もともとＦＣ２ブログを使っていて、デザインがBloggerの方がオシャレなのでこっちでブログを始めてみたのですが・・・


「ガジェット」とか「ラベル」とか、私には馴染みのない言葉ばかりで難しいです。


でも、ちょっとずつ見やすいブログに改造していく楽しさもありますよね。

記事が増えていくと、アーカイブや人気記事・カテゴリなんかも増えてきて、コンテンツも充実してきて、どんどん賑やかなブログになっていく・・・これがブログを作る醍醐味だと私は思っています。


よーし頑張るぞー！！！




という事で、分からない用語を調べて自分の言葉に変換してメモメモ・・・
※勉強段階なので適当です。参考程度に・・・

【　ラベル　】
　記事投稿の時につける。カンマで区切りながら１つの記事に複数のラベルをつける事が出来る。
カテゴリのように、ラベル一覧を表示して見やすくする事も出来る。
私のように、ブログの内容に統一性がない人には特に便利みたい。


【　パーマリング　】


　個々の記事のＵＲＬの事。投稿画面の右サイドバーから、自分でそのＵＲＬをカスタムする事が出来る。日付を入力して整理したりするみたい。今んとこ私には必要ないかな


【　ガジェット　】
　ＦＣ２でいう「プラグイン」の事だと理解。ブログトップページの「レイアウト」で削除や編集・追加が出来る。


【　Attribution　】
　ブログのサイドバーに表示される「Powered by Blogger」の事。私のブログでは、右サイドにきてるけど、フッターの一番下の方にさりげなく表示できないかな？
でも、レイアウトでフッターの方には動かせない・・・・ちょっと今後の課題。


【　Navbar　】
　公式の検索バーの事。でも私のブログではなぜか表示されない・・・使ってるテンプレートが悪いのか？もともと「ブログ内検索」のガジェットがついていたので、正直消したい。
これも今後の課題


今日はここまで！Bloggerのヘルプ見ても、英語表記のページで説明してあるから分からーん！


因みに、画像は「実家の愛犬が大好きな母を見送るの図」です。

Read More →