ウェブデザイナーは知っておきたい、ページレイアウトの代表的な10のパターン
実際のウェブサイトを例に、ずっと廃れないであろうページレイアウトの10のパターンとその特徴を紹介します。 10 Evergreen Website Layouts (that will never go out of style) [ad#ad-2] 下記は各ポイントを意訳したものです。 2カラム、広いヘッダ 3カラム、広いヘッダ フォーボックス 不確定なグリッド 大きいスクリーンショット シングルカラム 打ち出し画像 固定サイドバー グリッドベースのギャラリー マガジンスタイル [ad#ad-2] 2カラム、広いヘッダ これは最も普通のレイアウトと言ってもよいでしょう。広いヘッダが上部にあり、960pxを2カラムにし、一つは広く、もう一つは狭くしたものです。狭い方はサイドバーでナビゲーションなどが設置してあります。 慣習的に、ブログでは広い方の右にナビゲーションを置き、スタティックなサイ
ブログのBloogerを普通のホームページ風に改造する方法
現在、私はGoogleのBloggerとMicrosoftのLive Writerを使用してブログを作成していますが、記事が多くなってくると段々探し難くなって来ています。そこでトップページはサイトマップになっていて、サイドバーも無いシンプルなものに出来ないかを検討して来ました。何とか形になりましたので、ここに紹介します。 その手順ですが、先ずBlogerのダッシュボードで「ブログを作成」をクリックし、新規にブログを適当なテンプレートで作成します。 新規ブログが出来たら、ダッシュボードのレイアウトをクリック 新しいテンプレートを選択 最後のテンプレートを選択したら、テンプレートを保存 ブログを表示させるとこんな風になります。 ここから、いよいよ改造の始まりになりますが、前半は基本編、後半は応用編に分けて説明して行きます。ここで紹介したレイアウト法を使って作成したブログのひとつはこれになります
Bloggerでホームページ作成
カスタマイズまとめ bloggerでホームページを作りたい方用に、カスタマイズ方法をまとめます。 このページもbloggerを使って作っています。 下記の項目を全てやると、これと同じページが出来上がります。 はじめに まずはbloggerで新しいブログを作成し、シンプルテンプレートを選びます。 ①サイドバーの必要ないガジェットを消す "アーカイブ"などのブログ用に配置されたガジェットを削除します ②HTMLガジェットを「ブログの投稿」前に設置 ③上記②のガジェットをフロントページだけに表示する <b:widget id='Text1' locked='false' title='WelcomeMessage' type='Text'> <b:includable id='main'> <b:if cond='data:blog.url == data:blog.homepageUrl'>
Google+、Facebook、Twitter などのソーシャルボタンセットいろいろ
現在、ブログや投稿を Google +1 や Facebook「いいね」、Retweet してもらうためのボタンがいろいろと公開されています。Blogger 関連のつぶやき（ネタ帳とも）の中にも、この手のガジェットの話題が増えてきたように思うので、ここで一挙公開しようと思います。 ローソンガジェット ローソンガジェット｜エンタメ・キャンペーン｜ローソン で、公開されているローソンの PR 用ガジェット。Twitter、Facebook、はてなブックマークのボタンがブログの左側に並びます。選択できる色のテーマは 6 つ。いろんな配色のブログに対応できるんじゃないでしょうか。 導入方法については、かずうさんがまとめてくれていますので、リンク先からご確認ください。 かずうの気まま日記: 【ブログパーツ】『ローソンガジェット』設置で３つのお得を体験する！（LAWSON GADGET） Awesom
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
