Bloggerへの道 「画像サイズを気にせずBloggerの背景カスタマイズしよう」

Bloggerの背景画像をカスタマイズしてみましょう。
普通ならば、Blogger管理画面で[テンプレート]→[カスタマイズ]と選択していき、[Blogger テンプレート デザイナー]を起動させ、[背景]にて設定していきます。しかしこの方法だと、いくつかの条件に縛られ、自由なカスタマイズが出来ているとは言えません。

Read More

Bloggerへの道 「コンテンツをスクロールの途中で固定する方法」

例えばブログ等で、ブログの長さに対してサイドバーのコンテンツが少なく、ブログ下部にかけて余白が広がっていることってありませんか？その余白を無駄なく利用する一つの方法として「ウィジェットの固定化」があります。

Sample Page1/Page2

Read More

Blogegrへの道「BloggerのGoogle+コメント対応が…」

前のブログデザインが飽きてきたので、新たなテンプレート作成までの繋ぎとして、Bloggerの「シンプルデザイン」にしました。すると、コメント欄が以前のようなものではなく、何だかオシャレなデザインに。
どうやら今年の４月辺りからGoogle+と連携させて、コメント出来るようです。

Read More

Bloggerへの道 「初心者でもすぐ使えるbxSlider」

サンプル(実際にbxSliderを埋め込んだサイト)

上記サイトで画像がスルスル動いたりするようなやつを、画像スライダーなんて言ったりしますが、今回紹介する「bxSlider」は初心者でも簡単に設置することが出来るプラグインです。
これをヘッダーの下や投稿記事の上にでも設置すると、情報サイトとしての雰囲気がぐっと出ると思います。

ここで紹介するbxSliderの設置方法は、JavascriptとかjQueryが全く分からない人でもすぐ使える説明になってます。がっつり使えるようになりたい方は、オススメ出来るやり方ではないと思いますので、下記サイトさんをご参考にすることをオススメします。

superChemical: レスポンシブルデザインにも対応した高性能なスライダー【bxslider】の設置

Read More

Bloggerへの道 「投稿タイトル：ブログタイトルの順番を入れ替える」

基本的にBloggerでは、「ブログ名: 投稿タイトル」の順番で表示されます。これらはブラウザのタイトルバー/タブ等に表示される時もそうだし、GoogleやYahoo!等のサーチエンジンの検索結果もそのように表示されます。これらには表示限界があって、それを越えた文字は省略されてしまいます。
「投稿タイトル：ブログタイトル」と順番を入れ替えて表示させることにより、投稿タイトル文の省略を防ぎ、伝えたい記事の内容を強調する形式にする事オススメします。アクセス数を増やす為のちょっとした工夫の一つでもあります。
ブログそのものが有名なのであれば、ブログ名を先行させた方が良い場合もありますけどね。

参考記事: BLOGGERで、「記事タイトル」と「ブログタイトル」の表示順序を変更する方法 (gogoTOROTAN)

Read More

Bloggerへの道 「ページタブを設定する/INDEX（索引）ページを設定してみる」

そもそもページってのはヘッダー下部分に配置すると、タブ上に表示されるガジェットで、デザインや機能性の上でもかなり重要と言えるツール。※上記画像の[HOME][ABOUT][INDEX][MAIL]の部分。
これは最初の設定だと表示が隠されている状態になっていますので、これを見える状態にします。

Read More

Bloggerへの道 「ラベルをプルダウンメニューにする/ガジェット間の距離を調整する」

ジャンル分けを細かく設定すればする程、表示されるラベルの数は増えていきます。縦に並べる事によって、ブログデザインそのものが間延びしてしまうことも。
「そういった事を避けたい」という人には、ラベルをプルダウンメニューにして1つの項目としてまとめてしまいましょう。

Read More

Bloggerへの道 「複眼RSS」

前記事で紹介したLinkWithinと共に、よりブログに長く滞在してもらうために有用なブログパーツだと思います。

音楽系ブログで使えそうなBloggerカスタマイズ 「関連記事を表示するLinkwithin」

Read More

Bloggerへの道 「関連記事を表示するLinkwithin」

1. 設置方法
2. You might also like （関連記事） 部分の文字変更
3. 個別記事にのみ表示させる方法

Linkwithinとは関連記事を表示するウィジェットです。ブログのフィードを自動取得して、ランダムにサムネイル付で数件表示してくれます。

Read More

Bloggerへの道 「Bloggerに装備されてるガジェットを設置してみる」

ブログパーツとして欠かせないガジェット。まずはBloggerに標準装備されているガジェットの中で、音楽系ブログで使えそうなものをチョイス。

こういったサイドバーやヘッダーやフッターに設置するガジェット等のブログパーツは、TOPページ/個別ページ関係なく常に表示させておく事が可能なので、目に付きやすい要素です。ここを上手く利用すれば、効果的に情報を発信させる事が可能になると思います。

Read More

Bloggerへの道 「Faviconの設定」

今回の記事ではGIMPを利用したFavion・背景画像の作成・設定について。

Read More

Bloggerへの道 「GIMPでHeader画像作ってみる」

まずBloggerのみならず、ブログツールのカスタマイズに有用なのが、ペイントツールなり画像編集ソフト等のヘッダー画像や背景画像を作成出来るソフト。

国内製のパソコンとかだと、それらの体験版または廉価版のようなモノが入ってたりするので、それを利用するのもアリですね。

海外製のパソコンや、ソフトが入ってない場合。[アクセサリ]の[ペイント]でも良いんですが、ちょっとドットが荒くなってしまうので、もう少しちゃんとしたものを使いたい所。

そこで、フリーソフトの中でも評価の高いペイントツール「GIMP2」をオススメします。

Read More

Bloggerへの道 「テンプレートをカスタマイズしてみよう」

前回の記事では、ブログを作成し、テンプレートを設定しました。今度は更に細かく設定して行きましょう。
管理ページから[テンプレート]→[カスタマイズ]を選択。すると、上記画像のようなBloggerテンプレートデザイナーというツールが開きます。このツールがBloggerの魅力の1つかも。
ここでの細かい変更は、下のプレビュー画面で随時反映されていきます。CSSを弄らなくてもある程度までは簡単に設定が出来るのでとても便利です。

Read More

Bloggerへの道 「まずBloggerでブログを作ろう」

以前もBlogger万歳記事を書きましたが、改めて新しいブログで書き直して、更にプッシュして行きたいと思います。「世界で一番優れたブログサービスだ！」と言うつもりはありませんが、やはり僕自身使い慣れたブログツールなので、Bloggerには好意的な感情しかありません。なので周りで使う人が増えれば、仲間が増えたみたいで何となく嬉しいので、Blogger推奨記事みたいなのを書いて行きたいと思います。

Read More