2005年04月07日

「個別記事の3カラム化」に成功!!!

その他、MacIE対策(サイドバーが内に寄る現象)に成功。
ただし、下のスクロールバーは残るが。
他、トラックバックURLのワンクリック選択化等...。
自分なりに、見やすくしたつもりです。

一応、私の環境(Mac OS10.38,iBookG4)にて、
Firefox(1.02)、Safari(1.24)、IE(5.23)では大丈夫です。

ブログで始める超速起業入門




素人に毛が生えたレベルの私でも、なんとかできました。
それから、参考にさせてもらったblogに対してお礼申し上げます。
あらためて、記事にさせていただくつもりです。

人気blogランキングにご協力お願い致します。m(_ _)m


商品無料仕入れ戦隊『電脳卸』





【まぐまぐ公認!】 殿堂入りメールマガジン
メルマガ登録・解除 ID: 0000178817
アクセスアップの達人!ブログ初心者入門講座
   
バックナンバー powered by まぐまぐトップページへ

okuman7 at 06:07 │Comments(42)TrackBack(5)clip!Blogカスタマイズ 
トラックバックURL
この記事へのトラックバック
1. ガンホーオンライン後場急落  [ 1億増やしてカリブ生活!! ]   2005年04月07日 11:37
 ガクガク(((;゜Д゜)))ブルブル  ガンホーが後場急落  3765 ガンホーオンライン
2. 問題解決編!!  [ ☆。°。pixyworld 。°。☆ ]   2005年04月07日 19:58
Macネタをもう一つ… 以前、去年だと思うんですが、 このlivedoor Blogに投稿するのに「IE」を使ってるって書いたんですよね。 その理由として、 「safari」だと何故か「投稿できない!?」という現象が起き、 「どうして???」と思ってみても、 他のMac+safa
3. livedoorのデザインを簡単カスタマイズする  [ アフィリエイトで儲けたいんですっ! ]   2005年04月08日 09:54
「3カラムは有効か?」の記事のコメント kyorecobaさんが教えてくれたサイトについて。 当ブログを応援する…m(__)m 
4. やったぁ〜!  [ まぜこぜてみよ〜う。by青いパン ]   2005年04月08日 20:00
おかげサマで、こんなワシでも3カラムなんてカスタムが出来ました♪えへへ♪  ↓ここのブログ、とても分かりやすかったです。大感謝。 小春日和の陽射しの中で:livedoorBlogで3カラムにする手順[整理版] もぉ、カニも出てきて喜んじゃう(笑)。 ちなみにカニが黄色
5. 3カラムに変更  [ 及川的大人のブログ ]   2005年07月17日 16:08
3カラムとは、記事の左右にサイドバーを設置すること。 変更の仕方については、 ブログ初心者がlivedoorBlogを徹底解剖さんのブログや、 ホームページ作成日記*今からアフィリエイト*さんのブログ、 小春日和の陽射しの中でさんのブログ、 BaySky eBLOGさんのブロ
この記事へのコメント
1. Posted by LAH9000    2005年04月07日 11:36
コメントどうもです!
わたしも10.3.8でメインはSafariです。
時折レイアウト崩れるブログがあるので
困りますよね!
いろいろクリックリッとしときました!
2. Posted by なお    2005年04月07日 16:58

のら猫さんへ

3カラムいいですよね〜〜。自分じゃ出来ないので、
既製のモノが出るのを待っております。(゜-゜)

と、画面の最大化をせずにのら猫さんのサイト開くと、
右のサイドバーがかぶっちゃってますよ。このコメント書いてて気付きました。

ブログホイホイはなにも意味が理解できないまま、登録しました。

「サーフ」させておけばよいのかな?

コメントありがとうございます。

人気ブログボタン連打しときました(^^)/

3. Posted by たけうち    2005年04月07日 18:07
どうも、オイラのブラウザはOperaなんですけど、
Operaでも不具合なく見れてます。
3カラムいいですね〜。オイラもアフィリエイトとか
やり始めたらカスタマイズしようかな。
また遊びに来まーす。人気ブログボタンポチっと押しときました。
4. Posted by >LAH9000さん    2005年04月07日 20:43
コメント及び多数のクリック誠に有難うございます。

皆々様にもよろしくお伝え下さい!

>時折レイアウト崩れるブログがあるので
>困りますよね!

そうなんです。
それもこれも、ライブドアが3カラムのテンプレートをだしていないからなんですよ。

でも、親切な方が解読されていて、その対策の記事はたくさんありますからなんとか利用できています。
レイアウトが崩れるのはMacIE独特の現象で、日常winしか使わないユーザーは気づいていないケースもあるのではと思います。

私の場合、使うのはほとんどMacですが、メインのブラウザはFirefoxです。Firefoxはそういった不具合が今のところありませんし、RSSにも対応しBlogを見るのが楽ですよ!

byおくまん
5. Posted by >なおさん    2005年04月07日 20:56
コメント有難うございます。

>と、画面の最大化をせずにのら猫さんのサイト開くと、
>右のサイドバーがかぶっちゃってますよ。このコメント書いてて気付きました。

えっ、かなり縮めるとたしかにかぶりますが...。
縮めていく間は、サイドバー左右の余白が変わっていないと思うんですがどうでしょう?
もし、かぶるのならもう一度やり直しです。(/||| ̄▽)/

>ブログホイホイはなにも意味が理解できないまま、登録しました。

理解する必要はありません。
話のネタに必要なので、ブームがさめるまでは使っておいて下さい。(笑)

>人気ブログボタン連打しときました(^^)/

ご協力感謝します。
できれば、一日一善でお願いします。

byおくまん
6. Posted by >たけうちさん    2005年04月07日 21:02
コメント有難うございます。

>どうも、オイラのブラウザはOperaなんですけど、
>Operaでも不具合なく見れてます。

貴重な情報有難うございます。

>3カラムいいですね〜。オイラもアフィリエイトとか
>やり始めたらカスタマイズしようかな。

広告載せると、3カラムでないとどうもね。

>また遊びに来まーす。人気ブログボタンポチっと押しときました。

ご協力有難うございます。
一日一善でよろしくお願いします。

byおくまん
7. Posted by なお    2005年04月07日 22:42
>と、画面の最大化をせずにのら猫さんのサイト開くと、
>右のサイドバーがかぶっちゃってますよ。このコメント書いてて気付きました。

えっ、かなり縮めるとたしかにかぶりますが...。
縮めていく間は、サイドバー左右の余白が変わっていないと思うんですがどうでしょう?
もし、かぶるのならもう一度やり直しです。(/||| ̄▽)/

>>文言では説明しにくいんですけど、本文のところはかぶってないです。
ここの「コメント」を書き込む欄がかぶってるんです。(この辺見えない)
気にならないと言えばなりません。 
OSXPでIE6で1024X768 デスクトップの17インチです。

このことで夜更かししないでくださいね (-_-)zzz

8. Posted by bali    2005年04月07日 23:23
トラバありがとうございます。
とても見やすくカスタマイズされてますね。(*^_^*)
3カラムおめでとうございます。

ライブドアのアフィリエイトをA8ネットに貼りなおそうと思ってますが、
メンドウでそのままにしてます。また、教えて下さいね。
9. Posted by miyuki    2005年04月08日 00:20
コメントありがとうございます。
私も苦心の末、3カラムにしましたが、おくまんさんの方が
ずっと見やすいですね。
私のはスクロールする際にカクカクしてしまうのが悩みです。

まぁ、今現在の技術レベルじゃ、あれがせいいっぱいなので
せめて記事を短く表示することでなんとか平衡を保ってます。。。
とりあえず、あちこちクリックしておきます。また遊びにきますね。
10. Posted by Kei    2005年04月08日 00:44
TBありがとうございました。
Keiはブログを始めるまで全然PC関係について知識がなかったので、今回は失敗しましたが勉強になりました。
また改めてチャレンジしてみようと思います。
11. Posted by >なおさん    2005年04月08日 01:28
コメント有難うございます。
左右のサイドバーは固定で、真ん中の本文欄の幅を可変するようにしてます。それで、本文欄に文字しかなければよほど画面を縮めないかぎり差し支えないと思うのですが、このコメント欄のサイズは固定されているのでこういう現象になるのです。簡単な話、コメント欄を横長から縦長にすれば解決するのでが、そうすると、当然、書きづらくなりますよね。現状のサイズから、横幅を少し縮めて、フォントを少し小さくすれば違和感ないかなと考えています。気になる点はたくさんあり、まだまだこれからです。(笑)
>ここの「コメント」を書き込む欄がかぶってるんです。(この辺見えない)
WINとMacのフォントの大きさの違いからです。Macでも縮めるとかぶります。ただ、WINに合わせないと意味が無いので、今後調整したいと思います。
貴重なご意見有難うございました。
また、来て下さい。

byおくまん
12. Posted by ゆきじ    2005年04月08日 01:30
トラバありがとうございます。
いまいち分からず、ブログやってるので
のら猫さんのブログ、興味深く拝見させていただきました。
私ももう少し、見やすいブログにするよう頑張ってみます。
13. Posted by かしう    2005年04月08日 01:34
トラバThxです。
3カラム化 成功とのコトで。おめでとです〜^^
私もBlogイジるのに、最初に試みたのが3カラムだったのですが
出来たときの喜びはナカナカなものですよね。
14. Posted by >baliさん    2005年04月08日 01:38
コメント有難うございます。

>トラバありがとうございます。
>とても見やすくカスタマイズされてますね。(*^_^*)
>3カラムおめでとうございます。

有難うございます。
自己満足だけでは気がすまなかったので、トラックバックしてみました。(笑)

見やすくはなったと我ながら思ってはおるんですが、センスがないので背景は無難に白にしたりとかしてます。

>ライブドアのアフィリエイトをA8ネットに貼りなおそうと思ってますが、
>メンドウでそのままにしてます。また、教えて下さいね。

あっ、何も急ぐ必要はないですよ。

ただ、ライブドアに限らず、個別の商品にした方が、クリック率は高いようです。

byおくまん
15. Posted by BERGER    2005年04月08日 03:34
トラックバックがあったので拝見させていただきました。
3カラム化が成功されたようですね。おめでとうございます♪

ちとデザインをぱぱっと見させていただいたのですが、
どうも3カラムにするための折り返し地点がクリック募金の下の
フリーエリアだとお見受けします。

せっかくですから、クリック募金もおそらくフリーエリアで作成されてるでしょうから
そのフリーエリアの部分に折り返しの記述を入れれば
無駄なフリーエリアの部分が消え、良くなるかと思います。

ちと気になったので、こうしてコメントを書かせていただいております。
デザインをいじるのはいろいろと大変ですが、頑張ってくださいね♪
16. Posted by ボウスレロク子    2005年04月08日 07:31
はじめまして。

TBどうもでした。
なんかメモ書きがお役に立ったようで良かったです。
あのメモ書きの後、私もちゃんとした3カラムに成功するものの
私の場合、本分が長文ぎみなのでなーんか見辛くて結局2カラムに戻しましたw。
ライブドアブログって3カラムのテンプレがないんですよね〜。
堀江社長のブログは3カラムなのにっ♪。
17. Posted by asian_dream    2005年04月08日 08:09
TBありがとうございます。
個別記事も3カラムにされているのですね。
私はトップページを少しずつカスタマイズしようと奮闘しておりますが、まだまだ微妙な段階です。

現段階においてもかなり完成度の高いBlogで、
「さすがはランキング上位の方だ」
と関心いたしました。

これからも頑張ってください!!
18. Posted by ruka    2005年04月08日 11:42
TBありがとうございました。
初めてしてもらったので、感動しました!!
3カラムにしてもなかなかまだ納得いかないことも多いですが、
素人の私にはこれが精一杯です _| ̄|○
これからもお互い頑張りましょうね!
19. Posted by カジカオ    2005年04月08日 14:34
こんにちは!トラバをつけてもらったので訪問してみました。
ライブドアのブログも気になってましたが、エキブロでひっそり暇な人向けブログとして!?頑張っています。

3カラムのほうがスクロールの手間が少なくていいですね。
ちょっと気になります。

20. Posted by >miyukiさん    2005年04月08日 18:07
コメントありがとうございます。

>私のはスクロールする際にカクカクしてしまうのが悩みです。

いえ、そんな事ありませんでしたよ。

>とりあえず、あちこちクリックしておきます。また遊びにきますね。

有難うございます。
こちらからも、また遊びに行かせて頂きます。

byおくまん
21. Posted by >Keiさん    2005年04月08日 18:13
コメント有難うございます。

>Keiはブログを始めるまで全然PC関係について知識がなかったので、今回は失敗しましたが勉強になりました。
>また改めてチャレンジしてみようと思います。

Blog見させて頂きました。
女性らしさがでてて、すごい良かったですし、PC初心者にはとても見えません。すごい努力されているのだと思います。

また、遊びに来て下さい。

byおくまん
22. Posted by >ゆきじさん    2005年04月08日 18:18
コメント有難うございます。

>のら猫さんのブログ、興味深く拝見させていただきました。

有難うございます。
全くタイトルと違う事ばかり記事にしてます。(笑)「のら猫アフィリエイト」

あっ、それから『落雷』には気をつけて下さい。
パソコン壊れてしまいますから。

byおくまん
23. Posted by >かしうさん    2005年04月08日 18:23
コメント有難うございます。

>私もBlogイジるのに、最初に試みたのが3カラムだったのですが
>出来たときの喜びはナカナカなものですよね。

感動ものですよね。
できたらできたで、CSSの他も触り始め深みにはまるって感じです。

Blog参考にさせて頂きます。

また、来て下さい。

byおくまん
24. Posted by >BERGERさん    2005年04月08日 18:29
コメント有難うございます。

>ちとデザインをぱぱっと見させていただいたのですが、
>どうも3カラムにするための折り返し地点がクリック募金の下の
フリーエリアだとお見受けします。

はい、その通りです。

せっかくですから、クリック募金もおそらくフリーエリアで作成されてるでしょうから
そのフリーエリアの部分に折り返しの記述を入れれば
無駄なフリーエリアの部分が消え、良くなるかと思います。

やはり、その方がいいですかね?
実は、最初はそうしていたのですが、頻繁に模様替えする飽き症な性格の為、あえて別のフリーエリアに入れてみたのです。~(=^‥^A

>ちと気になったので、こうしてコメントを書かせていただいております。

ご意見有難うございます。

>デザインをいじるのはいろいろと大変ですが、頑張ってくださいね♪

はい、BERGERさんのカスタマイズも参考にさせて頂きます。

byおくまん
25. Posted by >ボウスレロク子さん    2005年04月08日 18:40
コメント有難うございます。

>ライブドアブログって3カラムのテンプレがないんですよね〜。
>堀江社長のブログは3カラムなのにっ♪。

そうですよね、3カラムのテンプレートがないのは不思議です。

その代わり、カスタマイズする達人が大勢おられるし、また、それを参考にしてカスタマイズを楽しむ事を覚えられた方は多いんじゃないでしょうか。

ライブドアのブログは、そういう意味で不自由する事は多いですが、規制が少ない(広告OKとか)のが一番助かってます。

byおくまん
26. Posted by >asian_dreamさん    2005年04月08日 18:45
コメント有難うございます。

>現段階においてもかなり完成度の高いBlogで、
>「さすがはランキング上位の方だ」
>と関心いたしました。

ははは、まさかここまで上がるとは思ってなかったのですが、せっかくだから、上位を目指しています。

>これからも頑張ってください!!

有難うございます。

また、遊びに来て下さい。

byおくまん
27. Posted by >rukaさん    2005年04月08日 18:49
コメント有難うございます。

>初めてしてもらったので、感動しました!!

えっ、そうなんですか。

>3カラムにしてもなかなかまだ納得いかないことも多いですが、
>素人の私にはこれが精一杯です _| ̄|○

これがきっかけで、他も触りたくなりますものね。

>これからもお互い頑張りましょうね!

はい、頑張りましょう。

byおくまん

28. Posted by >カジカオさん    2005年04月08日 18:54
コメント有難うございます。

二の腕の写真、最高です。(笑)

また、遊びに来て下さい

こちらからも、遊びに行きます。

byおくまん
29. Posted by 風子    2005年04月08日 19:08
トラバ、有難うゴザイマシタ。
livedoor ブログ、先日友人の為にカスタマイズしたばかりですが
3カラムのテンプレは無かったんですね?
(友人は2カラムのままにしたので余り考えてなかったし^^;)

今はseesaa Blogですが、
以前はレンタルサーバーを借りてMovable Typeを使用してました。
カスタマイズ法は沢山公開されてますが
Blogに依って タグが違うのが一番難点ですよね。
(却ってそれが奥深くて楽しいのですが)

これからも頑張って下さい。
30. Posted by >風子さん    2005年04月08日 19:45
コメント有難うございます。

>カスタマイズ法は沢山公開されてますが
>Blogに依って タグが違うのが一番難点ですよね。
>(却ってそれが奥深くて楽しいのですが)

そうですね、たくさん公開されているのは大変助かります。
最初は、コピペするだけの話だろうと簡単に考えていたのですが、
テンプレートや内容の違いもあり、なかなか思うようにいきませんでした。まだまだ調整が必要ですが、それもBlogの楽しみ方の一つであると思ってます。

byおくまん
31. Posted by Nori    2005年04月08日 22:55
トラックバックありがとうございました。
どうも、うちもMacですが、800×600の環境だとどうも
本記事がなが〜くなってしまって、まあ、ふつうは
もう少し大きな画面で見ているから大丈夫なのでしょうが
全ての人が読みやすく、となると
自分の記事を短く簡潔にまとめるしかないのでしょうね〜
文章力がなくだらだらとなが〜い記事を書くから
当分は2カラムのままの結論のNoriでございました。
32. Posted by >Noriさん    2005年04月08日 23:38
コメント有難うございます。

>全ての人が読みやすく、となると
>自分の記事を短く簡潔にまとめるしかないのでしょうね〜

難しい問題ですね。

私もMacがメインですが、まず、Windowsの方が普通に見れるよう心がけてます。

サブ機で古いVAIO(画面は10インチぐらい)を使ってまして、これで普通に見れる事を目安にしています。

また、遊びに来て下さい。

byおくまん
33. Posted by まめ    2005年04月09日 01:08
トラックバック、ありがとうございます(^ー^)

「個別記事の3カラム化」のご成功、おめでとうございます!!
見やすくステキですね、羨ましぃー。

ど素人の私はTOPページの3カラム化に挑戦したものの、
なんだか微妙な出来です(T_T)

のら猫さんのような見やすいブログに少しでも近づけるよう、
いろいろ参考にさせていただきま〜っす!
34. Posted by >まめさん    2005年04月09日 02:39
コメント有難うございます。

>「個別記事の3カラム化」のご成功、おめでとうございます!!
>見やすくステキですね、羨ましぃー。

いえいえ、、とんでもございません。

>ど素人の私はTOPページの3カラム化に挑戦したものの、
>なんだか微妙な出来です(T_T)

まめさんがお使いのテンプレートは、背景全部が画像になっているんですかね?

私自身未開拓の領域で、調整が難しいと想像します。

でも、ここまでできておられるから、もうすぐ完成すると思いますよ。

あとは、数値のバランスです。頑張って下さい。

byおくまん
35. Posted by sei    2005年04月09日 20:11
初めまして、TBどうもです。
livedoorの3カラム化って大変なんですね…。元々ないこと自体も不思議ですが。
部分固定されているCSSに感動致しましたので是非参考にさせて頂こうと思っております。
36. Posted by エリ    2005年04月09日 21:24
TBありがとうございます。とても見やすいですね。

livedoorに3カラムがないおかげで(?)色々と勉強できますよね。
これからもカスタマイズ頑張ってみようと思います。
参考にさせて下さいね。
37. Posted by みかずき    2005年04月10日 00:36
トラックバックありがとうございます♪

私のところは幅固定で3カラム化したのですが、
センター可変式の3カラム化も捨てがたいですよね。
おくまんさんのブログが上手くまとまっているので、
ついついそんな考えが頭をよぎったり……。(^^;

それでは、今後ともよろしくお願いいたします。
38. Posted by >seiさん    2005年04月10日 03:56
コメント有難うございます。

>livedoorの3カラム化って大変なんですね…。元々ないこと自体も不思議ですが。

そうですね、おかしな話です。
ただ、そのおかげでいろいろ勉強できた事をプラスにとらえています。

>部分固定されているCSSに感動致しましたので是非参考にさせて頂こうと思っております。

いえいえ、「seiさんのBlog」すごく見やすくて感動しました。

こちらも参考にさせて頂きます。

byおくまん
39. Posted by >エリさん    2005年04月10日 04:02
コメント有難うございます。

>TBありがとうございます。とても見やすいですね。

環境がMacなので、Windowsの方には文字が大きすぎるかもしれませんが。(笑)

>これからもカスタマイズ頑張ってみようと思います。

そうですね、せっかくライブドアのブログを使ってるんですから。

byおくまん
40. Posted by >みかずきさん    2005年04月10日 04:10
コメント有難うございます。

>私のところは幅固定で3カラム化したのですが、
>センター可変式の3カラム化も捨てがたいですよね。

可変式のメリットとしては、画面を縮小しても、常にサイドバーが見えている事ですかね。どちらがいいかは、用途によってなんともいえませんが。

もし、参考になるようでしたら、また来て下さい。

byおくまん
41. Posted by Hamachan    2005年05月05日 23:11
トラバ、有り難うございます。
そして3カラム化の成功、おめでとうございます。うちのブログで最新トラバの表示をOFFにしてしまっていましたので、気づきませんでした。反省。
42. Posted by > Hamachanさん    2005年05月06日 21:37
コメントありがとうございます。

おっ、ベースが同じですね。
今後、参考にさせていただきます。

byおくまん
この記事にコメントする
名前:
URL:
  情報を記憶: 評価: 顔   
 
 
 
よろしければどうぞ!
【おすすめ】ASP
ピタットマッチ
アカウント削除におびえる心配無用のコンテンツマッチ広告
インターネットコネクターセンター
●最低振込価格500円
●月末締めの翌月15日支払い
●10万円未満はメルマネによる支払い(振込み手数料ゼロ)
right-way.orgアフィリエイトプログラム
総額100万円のキャンペーン中
アクロサーブアフィリエイトプログラム
高性能サーバー1ヶ月無料お試し付き
プライベートアフィリエイト
アクセスアップ用のシステムを2つプレゼント
123affiliate
独自ASPの元祖的存在
アフィリエイト
最低支払額1500円!しかも、翌末払いのスピード振込!
インフォトップ
ダウンロード販売ASP決定版!
インフォカート
電子書籍販売ツール
商品の検索ができます!
           

【おすすめ】ノウハウ
巻き込み戦略の秘密徹底解剖セミナー
【限定500個】 送料+消費税込み1,000円ポッキリです!
アドセンスアフィリエイトパック
【30日間無料お試し】+【365日間の無条件全額返金保障】 ネット初心者が、たった4日間で今後ずっとアドセンスで稼ぎ続ける力を手に入れる方法!
メルマガアフィリエイトパック
【30日間無料お試し】+【365日間の無条件全額返金保障】 これからメルマガアフィリを始めたい人へ!
最新記事
【おすすめ】カテゴリー
TagCloud
月別アーカイブ
サイト内検索

  • このサイト内を検索

ショッピング