Jamming　手探りながらに: Blogger

ラベル Blogger の投稿を表示しています。すべての投稿を表示

2009/02/09

ブログ登録

　このブログを始めてからそろそろ１月になります。早いものですね。
パソコン不慣れ、ブログも初めてなので色々なサイトさんにお世話になっている状態が続きますが、今日も気になる記事があったので紹介しておこうと思います。

　ブログを書いている方には色々なスタンスがあると思うんですが、どうせ発表するなら少しでも多くの人に読んでもらいたいもんです。私は読んでいただきたい。チラリとでも・・・

　そこで、少しでも検索に引っ掛かるようにサイトの登録をしておいたほうが良いのではないかと。
私はそのうち検索に出てくるもんだと思ってましたがどうやら違うらしい。サイトの登録というかアドレスの登録と言うか、そんなことをしないとダメなようです。
実際、このブログはgoogleでは検索できますが、yahooではできませんでした。（もしかするとかなり下位の方にはあるのかもしれません）

とりあえず今回はyahooのサイトエクスプローラーに登録してみました。効果のほどはまだ解りませんが2~3日したら変化があるのでしょう。アカウント登録までして変化無しなら困ったもんです。
サイトの認証はされているんですがちゃんとクロールされるでしょうか？なんだかよく解っていませんが、しばらく様子を見てみましょう。

今回参考にさせていただいた記事です。

GOOD DESINE SOZAI
ブログを始めたら最低限登録しておきたい3つのサイトマップ

　ここにでてくるサイトマップの登録にはそれぞれアカウントが必要になりますが全て無料です。
登録してからふと思ったんですがOPEN IDとやらは何者なんでしょう？もしかすると１つのIDで複数のサービスが受けられるのでしょうか？またまた？？？が増えてしまいました。

「Jamming倉庫」
Bloggerその他ブログで使えそうな小技
便利なサイト等を紹介しています

2009/01/31

Blogger ガジェット

　ホームページの作成をしようとあれこれ調べていたんですが｢表」を触っていると
「これはブログでも使えるかも？」ということでページタイトルの下に入れてみました
もともとこのブログのテンプレートにページタイトルと投稿タイトルの間にはガジェットを入れるスペースが無かったんですがHTMLをほんの少しだけ変えるだけでページ要素を加えられるようになります
　本当に簡単です　　HTMLの　"no"　のところを　"yes"　に変えるだけです

　HTMLの単語を調べている時に　たまたま見つけて今回の投稿の参考にさせていただきました

humming bird

　今日始めて見させてもらったブログですがページがかっこいいです　やっぱり自分でデザインされているんでしょうね
　またまたネットで他所様のお知恵を拝借いたしました

表というものは　それぞれ小さな窓の中に文字や絵を入れて見た目をスッキリしてくれます
もし文章が長くなったり大きな画像を入れたりしても文字数や絵の大きさに合わせて窓の大きさが変化するので罫線を書き直したりといった手間がかかりません
　しかもウインドウの横幅を狭くしても上下左右に収縮して枠の中のものを逃がしません
知らない方は試しにウインドウを狭くしてみて下さい
　今回の表は小さいですが、もっと長い文章が入っている表では読みやすさにかなりの違いがでてきます

~~こんなに便利な｢表」なんですが　Bloggerの投稿画面に載せると投稿文と表の間があいてしまいます~~
　~~ご覧になっている方の画面ではどのように表示されているでしょうか？~~
　~~私のPC画面では20cmほど間延びしてるんですが　　「なぜでしょう？」~~

こんな	感じで	文字を
入れたり	写真や	絵を
入れて	使います	ほら　文字数が増えても安心ですね

~~上の隙間を無くす命令文は無いんでしょうかねぇ~~

追記

空白が空いてしまうのはテキストにコピペしてあるHTMLの雛形を使っていたせいで　コピーした文書の中にある「改行」を全てまとめて表の上に表示していたようです
改行を取り除くと隙間はなくなりました
スッキリしました

「Jamming倉庫」
Bloggerその他ブログで使えそうな小技
便利なサイト等を紹介しています

2009/01/30

Blogger レイアウト変更

　このブログのレイアウトやフォントの変更がかなり納得いく所まできました
　サイドバーと投稿タイトルの背景色を変えられるようになったのが大きな変化です

あまり目が疲れないような色を選んだつもりなんで　見やすくなったんじゃないでしょうか？

ひとつのフォントを変えると思っていないフォントまで連動して変わってしまうのも　個別に指定できるようにしました
HTMLにそれぞれ色やフォントの定義を書き込んでおけば　レイアウトの設定画面で指定できるようになるんですね
「レイアウト」＞「フォントと色」のページの小窓に選択できる項目が加わっています
　　発見したときはびっくり！

　これでまたいつでも模様替えができるので　飽き性の私には嬉しい限りです

　最初は「初めてブログを書くのにここは無理かな？」なんて思うくらい取っ付きにくかったんですが　Bloggerはやっぱり自分でカスタマイズしていけるのが楽しいです

　選べるガジェットに「HTML/JavaScript」があって気になっているんですが　何ができるんでしょうね？
また　暇をみて調べてみます

「Jamming倉庫」
Bloggerその他ブログで使えそうな小技
便利なサイト等を紹介しています

2009/01/29

Brogger フォントの変更

またまた　Broggerのネタが続きます
やっとのことで左右にサイドバーを付け足して満足しているんですが
実は　フォントを変更したくて調べていたところにサイドバー追加のヒントになる事がチラホラと出てきまして　いつのまにやらレイアウトの変更になっいったんですよね

肝心のフォントの方なんですがBloggerのレイアウト変更の項目で変えられるんですが
細かく指定したいのに何項目かが連動して設定されてるんです

このテンプレートでいうと本文の日付とサイドバータイトルは大きさとフォントが同じです
せめて大きさだけでも変えたいです
投稿タイトルと投稿文の文字の色は違うほうが見やすいかも？
今のところわかりやすいように必要以上にタイトルを大きくしています
もうちょっとすっきりしたいんですけどね
あとひとつ　サイドバーと本文の間に縦線がないので本文とサイドバーは違うフォントにしたいです

見てる人はぜ～んぜん気にならないでしょうけどね

サイドバーで思いのほか手間取りましたね～
さて　フォントの事調べよう

「Jamming倉庫」
Bloggerその他ブログで使えそうな小技
便利なサイト等を紹介しています

Blogger ３列レイアウト（3カラム） 3回目

なんとか３列のレイアウトにすることが出来たでしょうか？
出来上がってみるとおもちゃ箱がひとつ増えたみたいでちょっと嬉しいですね
でも、そのままだと投稿文のエリアが細いような気がしたので幅を変更しました

あくまで予想でやったことを書いておくのでもし間違っていたら教えていただけるとありがたいです

それぞれ開いているウインドウの幅に対して

・左側のサイドバーはウインドウの左端（startside）から画面中央に2+25%の割合
・右側のサイドバーはウインドウの右端（endside)　から画面中央に2+25%の割合
・メインのエリアは右サイドバーの終わった所（右サイドバーの左端）から
　　　画面左方向に2+42%の割合になっている
・全ての割合を足して98%なので残りの2%が左サイドバーと中央の間の余白になる

おそらくこんな感じだと思うので

　　　右左の「25」の部分と　メインの「42」の部分の数値を変えて広さを調節する

余白部分があるので合計した数が「92」になるようにすればよい

以上で好きなように変更すればいいんじゃないでしょうか？
サイドバーの幅は左右違っても大丈夫ですし、片側に２本とかも出来ますね
　（試行錯誤の途中で片側２本になりました）
　このテンプレートは投稿エリアとサイドバーの広さが固定ではなくウインドウの幅に対する割合で決まるのでウインドウを小さくするとそれに伴ってそれぞれの幅も小さくなります
写真の入ったガジェットは表示範囲が狭くなるとスライドの付いた小窓に変わります
　
　右側にガジェットを入れてないとメインのエリアが右端までズレて間抜けな事になるので右側のサイドバーがいらなくなった場合はバックアップの物か新しいテンプレートを入れてください
　

これって何本まで増やせるんでしょうかねえ
サイドバーが真ん中で両脇にそれぞれ別の投稿文とかってできるんでしょうか？
　　　あんまり意味無いか・・・

Blogger　３列レイアウト　１回目

Blogger　３列レイアウト　２回目

参考サイト　　Blogger Beta Tips: 二つ目のサイドバーを追加する

「Jamming倉庫」
Bloggerその他ブログで使えそうな小技
便利なサイト等を紹介しています

Blogger ３列レイアウト（3カラム）２回目

Blogger 3列レイアウト　１回目　からの続きです
　どうもHTMLの命令文を投稿の作成のところで書き込んで投稿しようとすると
　そのままHTMLの命令として処理するみたいなので書き込み部分が書けません
　　　　（ヘンな説明ですがわかってもらえるでしょうか？）
　クリボウさんのところではHTML書いてあったような・・？
　
　ということで残念ながらコピペが出来ませんが、画像で投稿します
　　　　　　　　　　（画像をクリックすると少し大きな画像が見れます）

3)続いて下の青く反転させている所の前に　

　下の反転させている部分を書き込んでください

　これでHTMLの保存をして＞ページ要素　　　の画面に移ると「ガジェットを追加」の欄が出来ています

　
　これで右側にもガジェットが選べるようになりました

　　　　
　　　　*追記

半角で「<」を書き込む方法がわかりました
これでHTMLの説明がしやすくなります　　よかったよかった

「Jamming倉庫」
Bloggerその他ブログで使えそうな小技
便利なサイト等を紹介しています

Blogger ３列レイアウト（3カラム）１回目

以前にも書いたんですが、なかなか気に入ったテンプレートが見つからないので
自分で作ってみました
もともとはブログの新規作成のときに選べる物の中から左側にサイドバーがあるものを使っていて、サイドバーが１本でも不自由は無いんですが、興味本位の自己満足だけです

　*専門知識がある訳じゃなく調べながら手探りでやったので
　　　残念ですが質問にはお答えできません　　ごめんなさい
　*編集作業に入る前に現在使用しているテンプレートをバックアップしておきましょう

　　今回使用したテンプレートは「新しいテンプレートを選択」の中から両端がウインドウの幅になる「Minima Lefty Stretch」です

１）まずはダッシュボード画面から

　＞　レイアウト　＞　HTMLの編集　

　の画面にあるHTMLの中から

#sidebar-wrapper {
　margin-$startSide: 2%;
　width: 25%;
　float: $startSide;
　display: inline; /* fix for doubling margin in IE */
　word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
　overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
　}

　を探し出し（割と前の方で先頭に#が並んでる所にあります）

　その下に

#right-sidebar-wrapper {
　margin-$endSide: 2%;
　width: 25%;
　float: $endSide;
　display: inline; /* fix for doubling margin in IE */
　word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
　overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
　}

　を書き足します（バーの名前を「right-sidebar」にしました）

　書き足す方にある「**%」の数値は、おそらくなんですが　開いているウインドウに対して

　　2% 画面右端（endSide）の余白の割合

　　25% 今回付け足す右サイドバーの幅の割合

　だと思います（間違えてたらごめんなさい）

2）投稿文を載せるメインの幅を決めておきます

　　今書き込んだ所の少し上にある

　　#main-wrapper {
　　　 margin-$endSide: 2%;
　　　 width: 67%;

　の中の「67」を「42」に書き換えます　（数値に関して追記あり）

まだ終わりません　第２回に続きます

Blogger　３列レイアウト　２回目

Blogger　３列レイアウト　３回目

参考サイト

　　　　Blogger Beta Tips: 二つ目のサイドバーを追加する

2009/01/28

HELP MENU

以前、
　google bloggerのヘルプメニューが英語で使いもんにならんっ
なんて書いてましたが、日本語に変更できるみたいですね
　早トチリです、ごめんなさい

まあ、変更したところで機械翻訳まんまっていうね

　ガンバッテクレ　グーグル　ワタシハ　オウエンシテイル！

　　　　　　　　ブログ内　関連記事　　　　　bloggerについて

2009/01/27

ブログのレイアウト

このブログのレイアウトをイジりたくて無料のテンプレートを試してみました
いいレイアウトのものがあるんですけど、テンプレートの中にいくつかリンクを埋められてるんですよね
大体がそのテンプレートを配布しているサイトに繋がるんですが、なんだかよくわからないところに飛ばされちゃうのもありました
こんなところに知らないリンクは貼られたくないです

HTMLを書き換えてリンクを外したりしてたんですが、なにぶん手探りなもんでいるものまで消しちゃったりするので「ダメだこりゃ」ということでbloggerのなかで選べるものに戻しました

もうちょっとHTMLについて勉強しないとダメですね

なぜだか敗北感が・・・。

ブログで使えそうな小技はもう１つのブログで投稿しています。そちらもどうぞ。

Jamming倉庫

2009/01/21

mp3プレイヤー

読んでいただいてる方には申し訳ないですが
埋め込みプレイヤーを個人的に「お試し」しております

ファイル保管場所を　windows live でテスト

無事　出来ました

最初は表示されず　無理なのかな？　なんて諦めかけましたが
もしやと思いファイルのURLを

swf?download　　→　　swf/download

に（?を/）に変えたら良かったんですね
もしお悩みの方は試してみましょう　（もちろん自己責任でお願いしますね）

これでファイルの保存容量は心配ないでしょう
とりあえず　ヨカッタヨカッタ

ブログで使えそうな小技はもう１つのブログで投稿しています。そちらもどうぞ。

Jamming倉庫

2009/01/20

Bloggerについて

　これから長く付き合っていくであろうBloggerについて色々調べてみました

　ササっと書きたいことをただ書けばいいとは思っているんですが
　せっかく使える便利な機能を知らないのはもったいないですよね

　ふと「ブログでもやってみるか」と思い　よく調べもせずにここで始めたのは
　メールアドレスを作るのにグーグルアカウントをとっていたからなんです（ほんとにそれだけ）
　
　一番最初　まずブログを始めるときにページのレイアウトを変えたり　投稿の編集をしているときに
　わからないことがあったりして　bloggerのヘルプメニューを開くと
　簡単な説明は日本語で書かれているんですが
　よくある「詳細はこちら」のリンク先が英語のページだったりするんですよね
　肝心なところがわかりません
　
　ただでさえ今までカリカリ書きためた日記の総日数が2日分というのに

　　「こんなことでやっていけるのか？？」

　
　これを機会に英語の勉強なんて気力はもちろんなくて　ネット検索で調べてみます

　やっぱりちゃんとありますね
　個人的にやっておられるのか公式ページなのかはよく調べてないのですが
　使い方についての不安はなくなりました

　同じように困っている方がいるかもしれないので

　・　クリボウの Blogger 入門

　Bloggerのことを調べるときはここから入れば　ほしい情報までたどり着けるでしょう

　調べてみてわかったことなんですが
　ブログページを作っていくうえで便利なツールが色々あるらしいですが（他のところを知らないもので）　
　他のブログサーバーでは付いていて当たり前な機能がBloggerには付いてなかったりします
　
　デフォルトのレイアウトなんて必要最低限のものしか付いてないんじゃないでしょうか？

　でも　そういう機能は使えないわけではなくて使えるように自分で付け加えていくみたいです
　オプションみたいな感じで選べるものもいくらかありますが　ちょっと凝ったことをしようと思うと
　HTMLの編集が必要になってきますね　（１からプログラミングとまではいきませんが）
　もちろんやりたいことによりますけどね　
　
　必要にかられると物事の吸収力は上がると思うので　ちょっとしたスキルアップをしたい方には
　Bloggerはお薦めなんじゃないでしょうか

　もちろん　Blogger自体に色々な機能を　どんどん追加改良されているのでこれからが楽しみです

ブログで使えそうな小技はもう１つのブログで投稿しています。そちらもどうぞ。