ラベル レイアウト の投稿を表示しています。 すべての投稿を表示
ラベル レイアウト の投稿を表示しています。 すべての投稿を表示

2013年5月8日水曜日

ブログリストの作り方

レイアウト機能の中に、ブログリストという便利な機能があります。
これは、自分の管理している他のブログや、自分の好きなブログをページに表示させる機能です。
最新記事や更新情報なども表示されるため、何かと便利な機能です。

まずはいつもどおり、左のメニューから「レイアウト」を選択し、「ガジェットを追加」します。


小窓のリストの中から、「ブログリスト」を選択します。


ブログリストの編集画面が出ます。いろいろ書いてありますが、とりあえず下のほうにある「ブログをリストに追加」をクリックします。


すると、「追加」というボックスが出てきますので、そこにブログのアドレスを入力します。
その後は、「追加」をクリックします。



ここでは、僕が管理しているブログであるBlog.novelUを追加してみます。
ちなみに、Blog.novelUは、メインのホームページであるnovelUのブログバージョンです。
内容は同じく、日記から小説まで、文章の書き方を教えるサイトになります。

追加が完了すると、以下のような画面になります。


ブログの名前が自動で表示されます。
最後に「保存」を押して終了です。

レイアウト画面に戻ってから、「変更を保存」をクリックするのをお忘れなく。

ちなみに、ブログリストの機能では、複数のブログを表示させることができます。
手順は先ほど説明したのと同じです。
複数のブログの「並べ替え」などもできます。
更新順か、あるいはアルファベット順を選択できます。

その他にも、「表示」に関する編集もできるようなので、いろいろ試してみましょう。
最後に、ブログに表示された画像を貼っておきます。


ブログのタイトルとともに、最新の記事がひとつ、表示されています。

ブログのレイアウトに画像を表示

bloggerのレイアウト機能を使って、ブログ上に画像を貼り付けましょう。
記事に画像を貼り付けるのではなく、ブログの空きスペースに、特定の画像を表示させる機能です。

まずは、左のメニューから「レイアウト」を選択肢し、「ガジェットを追加」をクリックします。


次に、表示された小窓から「イメージ」を選択します。


すると、画像の編集画面が出てきます。
「タイトル」「説明」はそれぞれ、画像の上下に表示されます。画像については、コンピューター、もしくはウェブ上からもアップできます。


「リンク」については、画像をクリックした際に、ウェブ上の特定のページヘジャンプできるようにする機能です。
また、下にある「ページに合わせてサイズを調整」はチェックを入れておいていいでしょう。

ちなみに、当ブログでは、僕が管理しているホームページnovelUへのリンクを貼っています。


一例として、見てもらえるといいかと思います。
ちなみに、novelUは日記から小説まで、文章の書き方を学んでいくサイトになっています。

最後に左下の「保存」を押した後、レイアウト画面で「配置を保存」をクリックすることをお忘れなく。
ブログ上に表示された画像は、以下のようになります。


上にタイトル、真ん中にリンクを張った画像、下には説明が表示されています。

2013年1月9日水曜日

基本情報

Bloggerのガジェットの一つに、「基本情報」があります。
これはプロフィールと言えばわかりやすいでしょう。
何はともあれ、基本情報の中身を実際に見てみましょう。
まずは、レイアウト画面から「ガジェットを追加」します。

小窓が開くので、「基本情報」を選択します。


基本情報の編集画面が出ます。
「タイトル」「名前」「説明」などを自由に書き込んでいきましょう。
「場所」については、ブログに表示するかどうか選択しましょう。
最後に「保存」を押して完了です。

レイアウト画面で、「基本情報」が追加されました。


最後に「配置を保存」を押して終了です。
実際にトップページを開いてみましょう。


赤い線で囲ったところに、タイトルの「自己紹介」の文字と共に、基本情報が表示されました。

2013年1月8日火曜日

ページヘッダー

Bloggerのガジェットの一つに、「ページヘッダー」があります。
これは、ブログタイトルと、ブログの内容の説明文を編集できる機能です。
ブログタイトルはブログを作成する際に一度決めますが、ページヘッダーの機能で後から編集できるというわけです。

まずはいつものように、レイアウトの画面から始めましょう。


赤い線で囲った部分が、ページヘッダーです。
右隅の「編集」のボタンを押しましょう。


小窓が出ますので、「ブログのタイトル」「ブログの説明」「イメージ」をそれぞれ編集していきましょう。
ここではブログの説明文を追加してみました。
イメージは、ブログのタイトル下部に好きな画像を表示できます。
最後に「保存」ボタンを押しましょう。


レイアウト画面に戻りますので、「変更を保存」を押して完了です。


上記の画像のように、タイトルの下に説明文が加えられました。


テンプレート

Bloggerの機能の一つとして、テンプレートがあります。
テンプレートはブログの管理画面左側にあります。


テンプレートの画面に移って、「カスタマイズ」を押します。



現在の当ブログのテンプレートは、「Awesome Inc.」のホワイトになっています。
試しにこれを、別のテンプレートに変更してみましょう。


例えば、画像では「シンプル」の水色に変更してみました。
画面下部に変更後のプレビューが映し出されます。
右上の「ブログに適用」を押さない限り、変更は保存されませんので、いろいろ試してみるといいでしょう。

ガジェットの位置を変更

Bloggerのレイアウト画面では、ガジェットの位置を自由に変更できます。
まずはレイアウトの画面を開きましょう。



この状態では、上から「このブログを検索」「ブログカウンター」「ブログアーカイブ」「ラベル」の順番で並んでいます。
トップページで見ると下のような状態です。



ここで、最初のレイアウトの画面で、ガジェットの上にマウスポインターを置きますと、四方に広がった矢印が出てきます。この状態でドラッグ(マウスの右ボタンを押したまま動かす)すると、ガジェットの位置が変えられます。

例えば、ブログカウンターを一番下にもっていきたい場合は、ブログカウンターをドラッグし、一番下に移動させます。



最後に「配置を保存」して、画面を確認しましょう。


「配置を保存」する前に、その横にある「プレビュー」と言うボタンで変更後のトップページを確認できます。
完成後のページは以下の通りです。


ブログカウンターが一番下に変更されました。
レイアウト画面はドラッグ操作でガジェットの位置を自由に変更できます。
いろいろ試してみると良いでしょう。

ブログ内検索

今回はガジェット機能を使って、「検索ボックス」をブログに付けましょう。
では、いつものようにレイアウト画面から「ガジェットを追加」のボタンを押しましょう。



小窓が出ますので、そこから「検索ボックス」を見つけてクリックします。



すると、編集画面になります。


ここでは、ブログの記事の検索、ブログの記事内のリンク先のページ検索、お気に入りのブログやリンクのリスト先からの検索が可能になります。

まずは自分のブログの中の記事検索だけでいいでしょう。
初期状態ではすべての項目にチェックが入ってますから、そのままでも構いません。
ここでも、タイトルを変更することができます。
最後に保存を押しましょう。


すると、レイアウトの画面に「このブログを検索」という項目が表示されます。
最後に「配置を保存」を押して完了です。


ご覧のように、ブログのトップページに検索ボックスが表示されました。

ブログカウンター

ブログカウンターも、Bloggerではガジェットとして追加します。
では、いつものようにレイアウト画面から「ガジェットを追加」のボタンを押しましょう。

小窓が出ますから、「ブログの統計情報」をクリックします。


ボタンを押すと編集画面が出ます。
今回はタイトルを「ブログカウンター」にし、デザインもシンプルなものに変えてみました。

他のガジェットでも、同じようにタイトルを変えたりできます。
最後に保存ボタンを押せば、OKです。


レイアウト画面で「ブログカウンター」と表示されました。
最後に「配置を保存」を押して終了です。


ご覧のように、トップページ上にブログカウンターが設置されました。

2013年1月7日月曜日

ブログアーカイブ

Bloggerの機能、いわゆるガジェットのうち、基本的なものの一つがブログアーカイブです。
その名前からもわかるように、過去の記事のリストを表示する機能です。
では、いつものようにレイアウト画面から「ガジェットを追加」のボタンを押しましょう。

 
次に小窓のリストから、「ブログアーカイブ」を選択します。


ブログアーカイブの編集画面が出ますが、初期設定のままでも使いやすいので、とりあえずそのまま「保存」を押します。


これでガジェットの追加ができました。


最後に、「配置を保存」を押して完了です。


レイアウト

レイアウトの機能を使うと、ブログに便利な機能を付け加えることができます。
レイアウトはブログの管理画面の左側にあります。


レイアウト画面を開くと、ブログのトップページの構造を見ることができます。
画面の中に白い帯のようなものがたくさんありますが、ここにいろいろな項目を付け加えていき、機能を増やしていきます。

レイアウトの画面で追加していく機能のことを、「ガジェット」と呼びます。
まずは画面上の「ガジェットを追加」という部分を押します。


すると、ガジェットを選択するための小窓が出ますので、そこから好きな機能を選びましょう。


基本的な機能をいくつか紹介しましょう。

・「人気の投稿」……ブログ内でよく読まれる記事のリストを表示
・「ブログの統計情報」……いわゆるブログカウンターで、訪問者数を表示します。
・「検索ボックス」……ブログ内の記事を検索するためのボックスを表示します。
・「リンクリスト」……お気に入りのサイト、ブログ、ウェブページなどを表示します。
・「基本情報」……自分のプロフィールを表示します。
・「ブログアーカイブ」……過去の記事へのリンクを月ごとなどに表示します。
・「ページヘッダー」……ブログのタイトルや説明文を編集できます。

この他にもいろいろな機能があります。
説明を読めば簡単に扱えるので、いろいろ試してみましょう。
Bloggerを上手に使うには、このガジェットを使い、レイアウトを工夫するのがポイントだと思います。