アメブロ(アメーバブログ)をちょっといじってみた
1年以上前の記事です。内容が古い可能性があります。
先日、アメブロを本格的に始めた旨を記事にしました。
その際は殆ど初期設定のままでブログを立ち上げたのですが、このたび、ちょっとだけカスタマイズしてみました。
ポイントにしたのは2点。
- なるべく画面全体を使った見やすいレイアウトに変える。
- アフィリエイトやアドセンス等を盛り込む。
です。
【PR】
Amebaでブログやろうよ! 2010-11年版
著者:株式会社デジカル
販売元:ソフトバンククリエイティブ
発売日:2010-02-24
レビューを見る
これが非常に簡単にできました。
今の無料ブログはすごい。もしかするとアメブロがすごいのかもしれません。
1. スキンの選択(デザインの変更)
「マイページ」から「デザインの変更」をクリックしてまずはスキンを選択します。
ここはやはりアルファさんに多い「3コラム左」を選びましょう。

2. スキンのカスタマイズ(デザインの変更)
続いてスキンのカスタマイズですが、ここは面倒くさいので全部背景を白(#FFFFFF)にしちゃいました。
あとで修正もできるしね。
3. スキンCSSの編集(デザインの変更)
次にスキンCSSの編集。
ここがちょっと難しい。
以下の赤字の部分を修正。
#frame{
width:800px;
margin:0 auto;
text-align:left;
}
#wrap{
width:800px;
}
「800」を「950」に修正。
/*■■■■■■■■■■■ カラムタイプ ■■■■■■■■■■*/
#firstContentsArea{
float:left;
width:610px;
}
#main{
float: left;
width: 420px;
margin:0;
padding:0 10px;
}
「610」を「760」に、 「420」を「570」に修正。
4. プラグインの追加(サイドバーの設定)
続いてサイドバーの設定。
ここではまず、プラグインの追加から。
フリープラグインにアフィリ関係のソースを設定します。
僕の場合は既に設定済みのライブドアブログからコピーしてペーストで終了。
ライブドアで使っているアフィリ関係のソースを丸ごとコピー
アメブロのフリープラグインへペースト。
5. サイドバーの配置(サイドバーの設定)
次にサイドバーの配置をします。
ここは無駄なものは容赦なく削除。
それでも広告やらなにやらたくさん付いてきますので。
フリープラグインのところにアフィリエイト関係が表示されます。
以上できたものが以下になります。
■ 地方の中規模印刷会社(中略)Webディレクターのアメブロ
アドセンス広告メイン
関連記事
-
-
ツイッターアカウントで目にする逆英字(ɐsıɹoN)の作り方
1年以上前の記事です。内容が古い可能性があります。ツイッターのユーザー名に普通と …
-
-
雇用契約書(労働条件通知書)は日付のちゃんと入っているものを用意してもらおう
1年以上前の記事です。内容が古い可能性があります。このところ、不幸自慢となってし …
-
-
湘南新宿ライン(赤羽⇔池袋間)は埼京線と並行して走っていない。山手線と並行して走ってた
1年以上前の記事です。内容が古い可能性があります。最近ダイヤ改正して上野東京ライ …
-
-
モバイルサイトを本格的に始めよう
1年以上前の記事です。内容が古い可能性があります。これからはケータイだのなんだの …
-
-
PHPでパーミッション(実行権)の設定が必要ない理由
1年以上前の記事です。内容が古い可能性があります。Webテクノロジーも日々進化し …
-
-
意外に怖い。「マダニ感染症」は治療薬がなく死ぬ可能性も高い
1年以上前の記事です。内容が古い可能性があります。これは怖い。 □ 全 …
-
-
AA(アスキーアート)がいっぱい!「Tagged AA」他
1年以上前の記事です。内容が古い可能性があります。AA(アスキーアート)ってご存 …
-
-
Androidスマホで「・(中黒・中点)」を入力する方法
1年以上前の記事です。内容が古い可能性があります。「ダイ・ハード」や「プロット・ …
-
-
女子・女性の仕草で本音(好意?嫌悪?)を見抜く方法
1年以上前の記事です。内容が古い可能性があります。これは参考になる!ということで …
-
-
やっぱりフォローしないと外される。「つぶくま」は100%リフォローします【ツイッター】
1年以上前の記事です。内容が古い可能性があります。熊谷市のツイッターポータルサイ …







